@basic-ui/core 0.0.54 → 0.0.56
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/README.md +3 -3
- package/build/cjs/index.js +364 -591
- package/build/cjs/index.js.map +1 -1
- package/build/esm/Accordion/Accordion.d.ts +9 -9
- package/build/esm/Accordion/Accordion.js +20 -29
- package/build/esm/Accordion/Accordion.js.map +1 -1
- package/build/esm/Accordion/AccordionBody.d.ts +6 -6
- package/build/esm/Accordion/AccordionBody.js +18 -32
- package/build/esm/Accordion/AccordionBody.js.map +1 -1
- package/build/esm/Accordion/AccordionHeader.d.ts +7 -7
- package/build/esm/Accordion/AccordionHeader.js +37 -74
- package/build/esm/Accordion/AccordionHeader.js.map +1 -1
- package/build/esm/Accordion/AccordionItem.d.ts +9 -9
- package/build/esm/Accordion/AccordionItem.js +19 -22
- package/build/esm/Accordion/AccordionItem.js.map +1 -1
- package/build/esm/Accordion/context.d.ts +19 -19
- package/build/esm/Accordion/context.js +16 -13
- package/build/esm/Accordion/context.js.map +1 -1
- package/build/esm/Accordion/index.d.ts +4 -4
- package/build/esm/Accordion/index.js.map +1 -1
- package/build/esm/Accordion/scopeQuery.d.ts +2 -2
- package/build/esm/Accordion/scopeQuery.js.map +1 -1
- package/build/esm/CheckBox/CheckBox.d.ts +7 -7
- package/build/esm/CheckBox/CheckBox.js +15 -25
- package/build/esm/CheckBox/CheckBox.js.map +1 -1
- package/build/esm/CheckBox/index.d.ts +1 -1
- package/build/esm/CheckBox/index.js.map +1 -1
- package/build/esm/ComboBox/Combobox.d.ts +18 -18
- package/build/esm/ComboBox/Combobox.js +52 -59
- package/build/esm/ComboBox/Combobox.js.map +1 -1
- package/build/esm/ComboBox/ComboboxButton.d.ts +9 -9
- package/build/esm/ComboBox/ComboboxButton.js +23 -28
- package/build/esm/ComboBox/ComboboxButton.js.map +1 -1
- package/build/esm/ComboBox/ComboboxInput.d.ts +17 -17
- package/build/esm/ComboBox/ComboboxInput.js +67 -70
- package/build/esm/ComboBox/ComboboxInput.js.map +1 -1
- package/build/esm/ComboBox/ComboboxLabel.d.ts +7 -7
- package/build/esm/ComboBox/ComboboxLabel.js +15 -17
- package/build/esm/ComboBox/ComboboxLabel.js.map +1 -1
- package/build/esm/ComboBox/ComboboxList.d.ts +8 -8
- package/build/esm/ComboBox/ComboboxList.js +19 -20
- package/build/esm/ComboBox/ComboboxList.js.map +1 -1
- package/build/esm/ComboBox/ComboboxOption.d.ts +11 -11
- package/build/esm/ComboBox/ComboboxOption.js +41 -45
- package/build/esm/ComboBox/ComboboxOption.js.map +1 -1
- package/build/esm/ComboBox/ComboboxPopover.d.ts +9 -9
- package/build/esm/ComboBox/ComboboxPopover.js +22 -21
- package/build/esm/ComboBox/ComboboxPopover.js.map +1 -1
- package/build/esm/ComboBox/cities.d.ts +5 -5
- package/build/esm/ComboBox/cities.js.map +1 -1
- package/build/esm/ComboBox/context.d.ts +30 -30
- package/build/esm/ComboBox/context.js +5 -6
- package/build/esm/ComboBox/context.js.map +1 -1
- package/build/esm/ComboBox/hooks.d.ts +37 -37
- package/build/esm/ComboBox/hooks.js +175 -148
- package/build/esm/ComboBox/hooks.js.map +1 -1
- package/build/esm/ComboBox/index.d.ts +8 -8
- package/build/esm/ComboBox/index.js.map +1 -1
- package/build/esm/ComboBox/makeHash.d.ts +1 -1
- package/build/esm/ComboBox/makeHash.js +3 -6
- package/build/esm/ComboBox/makeHash.js.map +1 -1
- package/build/esm/ComboBox/scopeQuery.d.ts +1 -1
- package/build/esm/ComboBox/scopeQuery.js.map +1 -1
- package/build/esm/FocusLock/FocusLock.d.ts +9 -9
- package/build/esm/FocusLock/FocusLock.js +26 -32
- package/build/esm/FocusLock/FocusLock.js.map +1 -1
- package/build/esm/FocusLock/index.d.ts +1 -1
- package/build/esm/FocusLock/index.js.map +1 -1
- package/build/esm/FocusLock/tabUtils.d.ts +3 -3
- package/build/esm/FocusLock/tabUtils.js +5 -7
- package/build/esm/FocusLock/tabUtils.js.map +1 -1
- package/build/esm/FocusLock/useFocusLock.d.ts +7 -7
- package/build/esm/FocusLock/useFocusLock.js +14 -19
- package/build/esm/FocusLock/useFocusLock.js.map +1 -1
- package/build/esm/List/List.d.ts +7 -7
- package/build/esm/List/List.js +9 -11
- package/build/esm/List/List.js.map +1 -1
- package/build/esm/List/ListItem.d.ts +7 -7
- package/build/esm/List/ListItem.js +9 -11
- package/build/esm/List/ListItem.js.map +1 -1
- package/build/esm/List/context.d.ts +4 -4
- package/build/esm/List/context.js +6 -6
- package/build/esm/List/context.js.map +1 -1
- package/build/esm/List/index.d.ts +2 -2
- package/build/esm/List/index.js.map +1 -1
- package/build/esm/Menu/ContextMenuTrigger.d.ts +11 -11
- package/build/esm/Menu/ContextMenuTrigger.js +32 -37
- package/build/esm/Menu/ContextMenuTrigger.js.map +1 -1
- package/build/esm/Menu/Menu.d.ts +10 -10
- package/build/esm/Menu/Menu.js +33 -49
- package/build/esm/Menu/Menu.js.map +1 -1
- package/build/esm/Menu/MenuButton.d.ts +11 -11
- package/build/esm/Menu/MenuButton.js +28 -44
- package/build/esm/Menu/MenuButton.js.map +1 -1
- package/build/esm/Menu/MenuItem.d.ts +8 -8
- package/build/esm/Menu/MenuItem.js +29 -38
- package/build/esm/Menu/MenuItem.js.map +1 -1
- package/build/esm/Menu/MenuList.d.ts +7 -7
- package/build/esm/Menu/MenuList.js +61 -116
- package/build/esm/Menu/MenuList.js.map +1 -1
- package/build/esm/Menu/MenuPopover.d.ts +8 -8
- package/build/esm/Menu/MenuPopover.js +16 -19
- package/build/esm/Menu/MenuPopover.js.map +1 -1
- package/build/esm/Menu/context.d.ts +25 -25
- package/build/esm/Menu/context.js +14 -12
- package/build/esm/Menu/context.js.map +1 -1
- package/build/esm/Menu/fixtures/countryList.d.ts +1 -1
- package/build/esm/Menu/fixtures/countryList.js +1 -1
- package/build/esm/Menu/fixtures/countryList.js.map +1 -1
- package/build/esm/Menu/index.d.ts +6 -6
- package/build/esm/Menu/index.js.map +1 -1
- package/build/esm/Menu/scope.d.ts +1 -1
- package/build/esm/Menu/scope.js.map +1 -1
- package/build/esm/Modal/Modal.d.ts +9 -9
- package/build/esm/Modal/Modal.js +13 -18
- package/build/esm/Modal/Modal.js.map +1 -1
- package/build/esm/Modal/ModalBackdrop.d.ts +10 -10
- package/build/esm/Modal/ModalBackdrop.js +24 -33
- package/build/esm/Modal/ModalBackdrop.js.map +1 -1
- package/build/esm/Modal/index.d.ts +2 -2
- package/build/esm/Modal/index.js.map +1 -1
- package/build/esm/Popper/Popper.d.ts +35 -35
- package/build/esm/Popper/Popper.js +44 -60
- package/build/esm/Popper/Popper.js.map +1 -1
- package/build/esm/Popper/PopperArrow.d.ts +6 -6
- package/build/esm/Popper/PopperArrow.js +11 -16
- package/build/esm/Popper/PopperArrow.js.map +1 -1
- package/build/esm/Popper/context.d.ts +6 -6
- package/build/esm/Popper/context.js +3 -5
- package/build/esm/Popper/context.js.map +1 -1
- package/build/esm/Popper/index.d.ts +3 -3
- package/build/esm/Popper/index.js.map +1 -1
- package/build/esm/Portal/Portal.d.ts +7 -7
- package/build/esm/Portal/Portal.js +9 -11
- package/build/esm/Portal/Portal.js.map +1 -1
- package/build/esm/Portal/PortalSelectorProvider.d.ts +8 -8
- package/build/esm/Portal/PortalSelectorProvider.js +6 -4
- package/build/esm/Portal/PortalSelectorProvider.js.map +1 -1
- package/build/esm/Portal/index.d.ts +2 -2
- package/build/esm/Portal/index.js.map +1 -1
- package/build/esm/RadioButton/RadioButton.d.ts +10 -10
- package/build/esm/RadioButton/RadioButton.js +17 -23
- package/build/esm/RadioButton/RadioButton.js.map +1 -1
- package/build/esm/RadioButton/RadioGroup.d.ts +12 -12
- package/build/esm/RadioButton/RadioGroup.js +19 -28
- package/build/esm/RadioButton/RadioGroup.js.map +1 -1
- package/build/esm/RadioButton/context.d.ts +9 -9
- package/build/esm/RadioButton/context.js +8 -6
- package/build/esm/RadioButton/context.js.map +1 -1
- package/build/esm/RadioButton/index.d.ts +2 -2
- package/build/esm/RadioButton/index.js.map +1 -1
- package/build/esm/SkipNav/SkipNav.d.ts +7 -7
- package/build/esm/SkipNav/SkipNav.js +9 -11
- package/build/esm/SkipNav/SkipNav.js.map +1 -1
- package/build/esm/SkipNav/index.d.ts +1 -1
- package/build/esm/SkipNav/index.js.map +1 -1
- package/build/esm/Slider/Slider.d.ts +197 -197
- package/build/esm/Slider/Slider.js +422 -489
- package/build/esm/Slider/Slider.js.map +1 -1
- package/build/esm/Slider/index.d.ts +1 -1
- package/build/esm/Slider/index.js.map +1 -1
- package/build/esm/Spinner/Spinner.d.ts +12 -12
- package/build/esm/Spinner/Spinner.js +31 -59
- package/build/esm/Spinner/Spinner.js.map +1 -1
- package/build/esm/Spinner/SpinnerButton.d.ts +8 -8
- package/build/esm/Spinner/SpinnerButton.js +14 -19
- package/build/esm/Spinner/SpinnerButton.js.map +1 -1
- package/build/esm/Spinner/context.d.ts +12 -12
- package/build/esm/Spinner/context.js +8 -7
- package/build/esm/Spinner/context.js.map +1 -1
- package/build/esm/Spinner/index.d.ts +2 -2
- package/build/esm/Spinner/index.js.map +1 -1
- package/build/esm/Tabs/Tab.d.ts +7 -7
- package/build/esm/Tabs/Tab.js +32 -50
- package/build/esm/Tabs/Tab.js.map +1 -1
- package/build/esm/Tabs/TabList.d.ts +9 -9
- package/build/esm/Tabs/TabList.js +24 -34
- package/build/esm/Tabs/TabList.js.map +1 -1
- package/build/esm/Tabs/TabPanel.d.ts +8 -8
- package/build/esm/Tabs/TabPanel.js +16 -23
- package/build/esm/Tabs/TabPanel.js.map +1 -1
- package/build/esm/Tabs/TabPanels.d.ts +8 -8
- package/build/esm/Tabs/TabPanels.js +15 -20
- package/build/esm/Tabs/TabPanels.js.map +1 -1
- package/build/esm/Tabs/Tabs.d.ts +10 -10
- package/build/esm/Tabs/Tabs.js +17 -33
- package/build/esm/Tabs/Tabs.js.map +1 -1
- package/build/esm/Tabs/context.d.ts +17 -17
- package/build/esm/Tabs/context.js +16 -13
- package/build/esm/Tabs/context.js.map +1 -1
- package/build/esm/Tabs/index.d.ts +5 -5
- package/build/esm/Tabs/index.js.map +1 -1
- package/build/esm/Tabs/scopeQuery.d.ts +1 -1
- package/build/esm/Tabs/scopeQuery.js.map +1 -1
- package/build/esm/Tooltip/Tooltip.d.ts +10 -10
- package/build/esm/Tooltip/Tooltip.js +20 -30
- package/build/esm/Tooltip/Tooltip.js.map +1 -1
- package/build/esm/Tooltip/index.d.ts +1 -1
- package/build/esm/Tooltip/index.js.map +1 -1
- package/build/esm/Tooltip/stateMachine.d.ts +28 -28
- package/build/esm/Tooltip/stateMachine.js +95 -81
- package/build/esm/Tooltip/stateMachine.js.map +1 -1
- package/build/esm/Tooltip/useTooltip.d.ts +10 -10
- package/build/esm/Tooltip/useTooltip.js +38 -50
- package/build/esm/Tooltip/useTooltip.js.map +1 -1
- package/build/esm/hooks/index.d.ts +13 -13
- package/build/esm/hooks/index.js.map +1 -1
- package/build/esm/hooks/useAutoFocus.d.ts +2 -2
- package/build/esm/hooks/useAutoFocus.js +3 -3
- package/build/esm/hooks/useAutoFocus.js.map +1 -1
- package/build/esm/hooks/useChildrenCounter.d.ts +7 -7
- package/build/esm/hooks/useChildrenCounter.js +6 -8
- package/build/esm/hooks/useChildrenCounter.js.map +1 -1
- package/build/esm/hooks/useControlledState.d.ts +3 -3
- package/build/esm/hooks/useControlledState.js +6 -16
- package/build/esm/hooks/useControlledState.js.map +1 -1
- package/build/esm/hooks/useFocusReturn.d.ts +2 -2
- package/build/esm/hooks/useFocusReturn.js +8 -12
- package/build/esm/hooks/useFocusReturn.js.map +1 -1
- package/build/esm/hooks/useFocusState.d.ts +11 -11
- package/build/esm/hooks/useFocusState.js +9 -15
- package/build/esm/hooks/useFocusState.js.map +1 -1
- package/build/esm/hooks/useGestureHandlers.d.ts +52 -52
- package/build/esm/hooks/useGestureHandlers.js +80 -100
- package/build/esm/hooks/useGestureHandlers.js.map +1 -1
- package/build/esm/hooks/useMeasure.d.ts +7 -7
- package/build/esm/hooks/useMeasure.js +7 -15
- package/build/esm/hooks/useMeasure.js.map +1 -1
- package/build/esm/hooks/useOnClickOutside.d.ts +2 -2
- package/build/esm/hooks/useOnClickOutside.js +4 -6
- package/build/esm/hooks/useOnClickOutside.js.map +1 -1
- package/build/esm/hooks/useOnKeyDown.d.ts +1 -1
- package/build/esm/hooks/useOnKeyDown.js +3 -4
- package/build/esm/hooks/useOnKeyDown.js.map +1 -1
- package/build/esm/hooks/useReducerMachine.d.ts +24 -24
- package/build/esm/hooks/useReducerMachine.js +15 -26
- package/build/esm/hooks/useReducerMachine.js.map +1 -1
- package/build/esm/hooks/useRemoveBodyScroll.d.ts +2 -2
- package/build/esm/hooks/useRemoveBodyScroll.js +9 -14
- package/build/esm/hooks/useRemoveBodyScroll.js.map +1 -1
- package/build/esm/hooks/useScope.d.ts +11 -11
- package/build/esm/hooks/useScope.js +12 -14
- package/build/esm/hooks/useScope.js.map +1 -1
- package/build/esm/hooks/useThrottle.d.ts +1 -1
- package/build/esm/hooks/useThrottle.js +5 -10
- package/build/esm/hooks/useThrottle.js.map +1 -1
- package/build/esm/index.d.ts +15 -15
- package/build/esm/index.js +4 -2
- package/build/esm/index.js.map +1 -1
- package/build/esm/styles.d.js +2 -0
- package/build/esm/styles.d.js.map +1 -0
- package/build/esm/utils/assign-ref.d.ts +3 -3
- package/build/esm/utils/assign-ref.js +3 -5
- package/build/esm/utils/assign-ref.js.map +1 -1
- package/build/esm/utils/can-use-dom.d.ts +1 -1
- package/build/esm/utils/can-use-dom.js.map +1 -1
- package/build/esm/utils/clamp.d.ts +1 -1
- package/build/esm/utils/clamp.js.map +1 -1
- package/build/esm/utils/context.d.ts +7 -7
- package/build/esm/utils/context.js +13 -20
- package/build/esm/utils/context.js.map +1 -1
- package/build/esm/utils/create-subscription.d.ts +4 -4
- package/build/esm/utils/create-subscription.js +5 -10
- package/build/esm/utils/create-subscription.js.map +1 -1
- package/build/esm/utils/get-circular-index.d.ts +1 -1
- package/build/esm/utils/get-circular-index.js +0 -1
- package/build/esm/utils/get-circular-index.js.map +1 -1
- package/build/esm/utils/index.d.ts +10 -10
- package/build/esm/utils/index.js.map +1 -1
- package/build/esm/utils/is-right-click.d.ts +6 -6
- package/build/esm/utils/is-right-click.js +4 -4
- package/build/esm/utils/is-right-click.js.map +1 -1
- package/build/esm/utils/owner-document.d.ts +7 -7
- package/build/esm/utils/owner-document.js +6 -6
- package/build/esm/utils/owner-document.js.map +1 -1
- package/build/esm/utils/polymorphic.d.ts +39 -39
- package/build/esm/utils/polymorphic.js.map +1 -1
- package/build/esm/utils/rubber-band-clamp.d.ts +2 -2
- package/build/esm/utils/rubber-band-clamp.js +2 -5
- package/build/esm/utils/rubber-band-clamp.js.map +1 -1
- package/build/esm/utils/use-stable-callback.d.ts +16 -16
- package/build/esm/utils/use-stable-callback.js +24 -26
- package/build/esm/utils/use-stable-callback.js.map +1 -1
- package/build/esm/utils/wrap-event.d.ts +3 -3
- package/build/esm/utils/wrap-event.js +2 -5
- package/build/esm/utils/wrap-event.js.map +1 -1
- package/build/tsconfig-build.tsbuildinfo +1 -1
- package/package.json +6 -6
- package/src/Accordion/Accordion.story.tsx +74 -74
- package/src/Accordion/Accordion.tsx +59 -59
- package/src/Accordion/AccordionBody.tsx +52 -52
- package/src/Accordion/AccordionHeader.tsx +166 -167
- package/src/Accordion/AccordionItem.tsx +50 -50
- package/src/Accordion/context.ts +37 -37
- package/src/Accordion/index.ts +4 -4
- package/src/Accordion/scopeQuery.ts +7 -7
- package/src/Accordion/styles.css +21 -21
- package/src/CheckBox/CheckBox.tsx +41 -41
- package/src/CheckBox/index.ts +1 -1
- package/src/ComboBox/ComboBox.story.tsx +120 -120
- package/src/ComboBox/Combobox.tsx +148 -148
- package/src/ComboBox/ComboboxButton.tsx +61 -61
- package/src/ComboBox/ComboboxInput.tsx +187 -187
- package/src/ComboBox/ComboboxLabel.tsx +33 -33
- package/src/ComboBox/ComboboxList.tsx +47 -47
- package/src/ComboBox/ComboboxOption.tsx +110 -111
- package/src/ComboBox/ComboboxPopover.tsx +64 -64
- package/src/ComboBox/cities.ts +23194 -23194
- package/src/ComboBox/context.ts +35 -35
- package/src/ComboBox/hooks.tsx +448 -451
- package/src/ComboBox/index.ts +8 -8
- package/src/ComboBox/makeHash.ts +19 -19
- package/src/ComboBox/scopeQuery.ts +6 -6
- package/src/ComboBox/styles.css +32 -32
- package/src/FocusLock/FocusLock.tsx +66 -66
- package/src/FocusLock/index.ts +1 -1
- package/src/FocusLock/tabUtils.ts +40 -40
- package/src/FocusLock/useFocusLock.ts +55 -56
- package/src/List/List.story.tsx +18 -18
- package/src/List/List.tsx +17 -17
- package/src/List/ListItem.tsx +23 -23
- package/src/List/context.ts +19 -19
- package/src/List/index.ts +2 -2
- package/src/Menu/ContextMenu.story.tsx +73 -73
- package/src/Menu/ContextMenuTrigger.tsx +76 -76
- package/src/Menu/Menu.story.tsx +160 -160
- package/src/Menu/Menu.tsx +82 -83
- package/src/Menu/MenuButton.tsx +83 -83
- package/src/Menu/MenuComplex.story.tsx +58 -58
- package/src/Menu/MenuItem.tsx +87 -88
- package/src/Menu/MenuList.tsx +254 -254
- package/src/Menu/MenuPopover.tsx +35 -35
- package/src/Menu/context.ts +44 -44
- package/src/Menu/fixtures/countryList.ts +198 -198
- package/src/Menu/index.ts +6 -6
- package/src/Menu/scope.ts +7 -7
- package/src/Menu/styles.css +42 -42
- package/src/Modal/Modal.story.tsx +262 -258
- package/src/Modal/Modal.tsx +48 -48
- package/src/Modal/ModalBackdrop.tsx +78 -78
- package/src/Modal/NavDrawer.story.tsx +161 -158
- package/src/Modal/index.ts +2 -2
- package/src/Modal/styles.css +46 -46
- package/src/Popper/Popper.story.tsx +279 -263
- package/src/Popper/Popper.tsx +1 -1
- package/src/Popper/PopperArrow.tsx +35 -35
- package/src/Popper/context.ts +10 -10
- package/src/Popper/index.ts +3 -3
- package/src/Popper/styles.css +60 -60
- package/src/RadioButton/RadioButton.story.tsx +78 -77
- package/src/RadioButton/RadioButton.tsx +55 -55
- package/src/RadioButton/RadioGroup.tsx +60 -60
- package/src/RadioButton/context.ts +17 -17
- package/src/RadioButton/index.ts +2 -2
- package/src/SkipNav/SkipNav.tsx +16 -16
- package/src/SkipNav/index.tsx +1 -1
- package/src/Slider/Slider.story.tsx +45 -45
- package/src/Slider/Slider.tsx +1115 -1120
- package/src/Slider/index.ts +1 -1
- package/src/Slider/styles.css +131 -131
- package/src/Spinner/Spinner.story.tsx +31 -31
- package/src/Spinner/Spinner.tsx +117 -117
- package/src/Spinner/SpinnerButton.tsx +54 -54
- package/src/Spinner/context.ts +20 -20
- package/src/Spinner/index.ts +2 -2
- package/src/Spinner/styles.css +23 -23
- package/src/Tabs/Tab.story.tsx +80 -80
- package/src/Tabs/Tab.tsx +136 -136
- package/src/Tabs/TabList.tsx +71 -71
- package/src/Tabs/TabPanel.tsx +53 -53
- package/src/Tabs/TabPanels.tsx +30 -30
- package/src/Tabs/Tabs.tsx +46 -46
- package/src/Tabs/context.ts +30 -30
- package/src/Tabs/index.tsx +5 -5
- package/src/Tabs/scopeQuery.ts +6 -6
- package/src/Tooltip/Tooltip.story.tsx +61 -61
- package/src/Tooltip/Tooltip.tsx +53 -50
- package/src/Tooltip/index.ts +1 -1
- package/src/Tooltip/stateMachine.ts +192 -192
- package/src/Tooltip/styles.css +17 -17
- package/src/Tooltip/useTooltip.ts +136 -136
- package/src/hooks/index.ts +13 -13
- package/src/hooks/useAutoFocus.ts +22 -22
- package/src/hooks/useChildrenCounter.ts +51 -51
- package/src/hooks/useControlledState.ts +1 -6
- package/src/hooks/useFocusReturn.ts +43 -43
- package/src/hooks/useFocusState.ts +30 -30
- package/src/hooks/useGestureHandlers.ts +282 -286
- package/src/hooks/useMeasure.ts +33 -33
- package/src/hooks/useOnClickOutside.ts +32 -32
- package/src/hooks/useOnKeyDown.ts +19 -19
- package/src/hooks/useReducerMachine.ts +60 -60
- package/src/hooks/useRemoveBodyScroll.ts +38 -39
- package/src/hooks/useScope.ts +52 -52
- package/src/hooks/useThrottle.ts +19 -19
- package/src/index.ts +20 -20
- package/src/styles.d.ts +1 -0
- package/src/utils/assign-ref.ts +27 -27
- package/src/utils/can-use-dom.ts +7 -7
- package/src/utils/clamp.ts +3 -3
- package/src/utils/context.tsx +48 -48
- package/src/utils/create-subscription.ts +16 -16
- package/src/utils/get-circular-index.ts +7 -7
- package/src/utils/index.ts +10 -10
- package/src/utils/is-right-click.ts +14 -14
- package/src/utils/owner-document.ts +13 -13
- package/src/utils/polymorphic.ts +82 -78
- package/src/utils/rubber-band-clamp.ts +25 -25
- package/src/utils/use-stable-callback.ts +57 -58
- package/src/utils/wrap-event.ts +22 -22
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOnClickOutside.js","names":["useEffect","useCallback","useOnClickOutside","ref","handler","active","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import type { RefObject } from 'react';\
|
|
1
|
+
{"version":3,"file":"useOnClickOutside.js","names":["useEffect","useCallback","useOnClickOutside","ref","handler","active","arguments","length","undefined","listener","event","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnClickOutside.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect, useCallback } from 'react';\n\nexport function useOnClickOutside(\n ref: RefObject<any>,\n handler: (e: PointerEvent) => void,\n active = true\n) {\n const listener = useCallback(\n (event: PointerEvent) => {\n // Do nothing if clicking ref's element or descendent elements\n if (!ref.current || ref.current.contains(event.target)) {\n return;\n }\n\n handler && handler(event);\n },\n [ref, handler]\n );\n\n useEffect(() => {\n if (active) {\n document.addEventListener('pointerup', listener);\n\n return () => {\n document.removeEventListener('pointerup', listener);\n };\n }\n\n return;\n }, [listener, active]);\n}\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,OAAO;AAE9C,OAAO,SAASC,iBAAiBA,CAC/BC,GAAmB,EACnBC,OAAkC,EAElC;EAAA,IADAC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAEb,MAAMG,QAAQ,GAAGR,WAAW,CACzBS,KAAmB,IAAK;IACvB;IACA,IAAI,CAACP,GAAG,CAACQ,OAAO,IAAIR,GAAG,CAACQ,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,EAAE;MACtD;IACF;IAEAT,OAAO,IAAIA,OAAO,CAACM,KAAK,CAAC;EAC3B,CAAC,EACD,CAACP,GAAG,EAAEC,OAAO,CACf,CAAC;EAEDJ,SAAS,CAAC,MAAM;IACd,IAAIK,MAAM,EAAE;MACVS,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEN,QAAQ,CAAC;MAEhD,OAAO,MAAM;QACXK,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEP,QAAQ,CAAC;MACrD,CAAC;IACH;IAEA;EACF,CAAC,EAAE,CAACA,QAAQ,EAAEJ,MAAM,CAAC,CAAC;AACxB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function useOnKeyDown(ownerWindow: Window, handler: (e: KeyboardEvent) => void, active?: boolean): void;
|
|
1
|
+
export declare function useOnKeyDown(ownerWindow: Window, handler: (e: KeyboardEvent) => void, active?: boolean): void;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
2
|
export function useOnKeyDown(ownerWindow, handler) {
|
|
3
|
-
|
|
4
|
-
useEffect(
|
|
3
|
+
let active = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
4
|
+
useEffect(() => {
|
|
5
5
|
if (active) {
|
|
6
6
|
ownerWindow.addEventListener('keydown', handler);
|
|
7
|
-
return
|
|
7
|
+
return () => {
|
|
8
8
|
ownerWindow.removeEventListener('keydown', handler);
|
|
9
9
|
};
|
|
10
10
|
}
|
|
11
|
-
|
|
12
11
|
return;
|
|
13
12
|
}, [ownerWindow, active, handler]);
|
|
14
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOnKeyDown.js","names":["useEffect","useOnKeyDown","ownerWindow","handler","active","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnKeyDown.ts"],"sourcesContent":["import { useEffect } from 'react';\
|
|
1
|
+
{"version":3,"file":"useOnKeyDown.js","names":["useEffect","useOnKeyDown","ownerWindow","handler","active","arguments","length","undefined","addEventListener","removeEventListener"],"sources":["../../../src/hooks/useOnKeyDown.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport function useOnKeyDown(\n ownerWindow: Window,\n handler: (e: KeyboardEvent) => void,\n active = true\n) {\n useEffect(() => {\n if (active) {\n ownerWindow.addEventListener('keydown', handler);\n\n return () => {\n ownerWindow.removeEventListener('keydown', handler);\n };\n }\n\n return;\n }, [ownerWindow, active, handler]);\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,OAAO,SAASC,YAAYA,CAC1BC,WAAmB,EACnBC,OAAmC,EAEnC;EAAA,IADAC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAEbL,SAAS,CAAC,MAAM;IACd,IAAII,MAAM,EAAE;MACVF,WAAW,CAACM,gBAAgB,CAAC,SAAS,EAAEL,OAAO,CAAC;MAEhD,OAAO,MAAM;QACXD,WAAW,CAACO,mBAAmB,CAAC,SAAS,EAAEN,OAAO,CAAC;MACrD,CAAC;IACH;IAEA;EACF,CAAC,EAAE,CAACD,WAAW,EAAEE,MAAM,EAAED,OAAO,CAAC,CAAC;AACpC","ignoreList":[]}
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import type { Reducer } from 'react';
|
|
2
|
-
export interface StateChart<STypes extends string, ATypes extends string> {
|
|
3
|
-
initial: STypes;
|
|
4
|
-
states: {
|
|
5
|
-
[state in STypes]?: {
|
|
6
|
-
enter?: (prevState: STypes, payload: any) => void;
|
|
7
|
-
leave?: (nextState: STypes, payload: any) => void;
|
|
8
|
-
on: {
|
|
9
|
-
[action in ATypes]?: STypes;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
export interface StateMachineState<STypes, ATypes> {
|
|
15
|
-
state: STypes;
|
|
16
|
-
lastActionType: ATypes;
|
|
17
|
-
}
|
|
18
|
-
export interface StateMachineAction<STypes, ATypes> {
|
|
19
|
-
type: ATypes;
|
|
20
|
-
nextState: STypes;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export declare function useReducerMachine<S extends StateMachineState<STypes, ATypes>, A extends StateMachineAction<STypes, ATypes>, STypes extends string, ATypes extends string>(chart: StateChart<STypes, ATypes>, reducer: Reducer<S, A>, initialData: S): [STypes, Omit<S, 'state'>, TransitionType<ATypes>];
|
|
24
|
-
export {};
|
|
1
|
+
import type { Reducer } from 'react';
|
|
2
|
+
export interface StateChart<STypes extends string, ATypes extends string> {
|
|
3
|
+
initial: STypes;
|
|
4
|
+
states: {
|
|
5
|
+
[state in STypes]?: {
|
|
6
|
+
enter?: (prevState: STypes, payload: any) => void;
|
|
7
|
+
leave?: (nextState: STypes, payload: any) => void;
|
|
8
|
+
on: {
|
|
9
|
+
[action in ATypes]?: STypes;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export interface StateMachineState<STypes, ATypes> {
|
|
15
|
+
state: STypes;
|
|
16
|
+
lastActionType: ATypes;
|
|
17
|
+
}
|
|
18
|
+
export interface StateMachineAction<STypes, ATypes> {
|
|
19
|
+
type: ATypes;
|
|
20
|
+
nextState: STypes;
|
|
21
|
+
}
|
|
22
|
+
type TransitionType<ATypes extends string> = (action: ATypes, payload: any) => void;
|
|
23
|
+
export declare function useReducerMachine<S extends StateMachineState<STypes, ATypes>, A extends StateMachineAction<STypes, ATypes>, STypes extends string, ATypes extends string>(chart: StateChart<STypes, ATypes>, reducer: Reducer<S, A>, initialData: S): [STypes, Omit<S, 'state'>, TransitionType<ATypes>];
|
|
24
|
+
export {};
|
|
@@ -1,39 +1,28 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
|
-
var _excluded = ["state"];
|
|
5
1
|
import { useReducer } from 'react';
|
|
6
2
|
// This manages transitions between states with a built in reducer to manage
|
|
7
3
|
// the data that goes with those transitions.
|
|
8
4
|
export function useReducerMachine(chart, reducer, initialData) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
var transition = function transition(action) {
|
|
18
|
-
var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
19
|
-
var currentState = chart.states[state];
|
|
20
|
-
|
|
5
|
+
const [reducerState, dispatch] = useReducer(reducer, initialData);
|
|
6
|
+
const {
|
|
7
|
+
state,
|
|
8
|
+
...data
|
|
9
|
+
} = reducerState;
|
|
10
|
+
const transition = function (action) {
|
|
11
|
+
let payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
12
|
+
const currentState = chart.states[state];
|
|
21
13
|
if (!currentState) {
|
|
22
|
-
throw new Error(
|
|
14
|
+
throw new Error(`Unknown currentState "${state}"`);
|
|
23
15
|
}
|
|
24
|
-
|
|
25
|
-
var nextState = currentState.on[action];
|
|
26
|
-
|
|
16
|
+
const nextState = currentState.on[action];
|
|
27
17
|
if (!nextState) {
|
|
28
|
-
throw new Error(
|
|
18
|
+
throw new Error(`Unknown action "${action}" for state "${state}"`);
|
|
29
19
|
}
|
|
30
|
-
|
|
31
|
-
dispatch(_extends({
|
|
20
|
+
dispatch({
|
|
32
21
|
type: action,
|
|
33
|
-
nextState
|
|
34
|
-
|
|
22
|
+
nextState,
|
|
23
|
+
...payload
|
|
24
|
+
});
|
|
35
25
|
};
|
|
36
|
-
|
|
37
26
|
return [state, data, transition];
|
|
38
27
|
}
|
|
39
28
|
//# sourceMappingURL=useReducerMachine.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useReducerMachine.js","names":["useReducer","useReducerMachine","chart","reducer","initialData","reducerState","dispatch","state","data","transition","action","payload","currentState","states","Error","nextState","on","type"],"sources":["../../../src/hooks/useReducerMachine.ts"],"sourcesContent":["import type { Reducer } from 'react';\
|
|
1
|
+
{"version":3,"file":"useReducerMachine.js","names":["useReducer","useReducerMachine","chart","reducer","initialData","reducerState","dispatch","state","data","transition","action","payload","arguments","length","undefined","currentState","states","Error","nextState","on","type"],"sources":["../../../src/hooks/useReducerMachine.ts"],"sourcesContent":["import type { Reducer } from 'react';\nimport { useReducer } from 'react';\n\nexport interface StateChart<STypes extends string, ATypes extends string> {\n initial: STypes;\n states: {\n [state in STypes]?: {\n enter?: (prevState: STypes, payload: any) => void;\n leave?: (nextState: STypes, payload: any) => void;\n on: { [action in ATypes]?: STypes };\n };\n };\n}\n\nexport interface StateMachineState<STypes, ATypes> {\n state: STypes;\n lastActionType: ATypes;\n}\n\nexport interface StateMachineAction<STypes, ATypes> {\n type: ATypes;\n nextState: STypes;\n}\n\ntype TransitionType<ATypes extends string> = (\n action: ATypes,\n payload: any\n) => void;\n\n// This manages transitions between states with a built in reducer to manage\n// the data that goes with those transitions.\nexport function useReducerMachine<\n S extends StateMachineState<STypes, ATypes>,\n A extends StateMachineAction<STypes, ATypes>,\n STypes extends string,\n ATypes extends string\n>(\n chart: StateChart<STypes, ATypes>,\n reducer: Reducer<S, A>,\n initialData: S\n): [STypes, Omit<S, 'state'>, TransitionType<ATypes>] {\n const [reducerState, dispatch] = useReducer(reducer, initialData);\n const { state, ...data } = reducerState;\n\n const transition: TransitionType<ATypes> = (action, payload = {}) => {\n const currentState = chart.states[state];\n if (!currentState) {\n throw new Error(`Unknown currentState \"${state}\"`);\n }\n\n const nextState: STypes | undefined = currentState.on[action];\n if (!nextState) {\n throw new Error(`Unknown action \"${action}\" for state \"${state}\"`);\n }\n\n dispatch({ type: action, nextState, ...payload } as any);\n };\n\n return [state, data, transition];\n}\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AA4BlC;AACA;AACA,OAAO,SAASC,iBAAiBA,CAM/BC,KAAiC,EACjCC,OAAsB,EACtBC,WAAc,EACsC;EACpD,MAAM,CAACC,YAAY,EAAEC,QAAQ,CAAC,GAAGN,UAAU,CAACG,OAAO,EAAEC,WAAW,CAAC;EACjE,MAAM;IAAEG,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGH,YAAY;EAEvC,MAAMI,UAAkC,GAAG,SAAAA,CAACC,MAAM,EAAmB;IAAA,IAAjBC,OAAO,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;IAC9D,MAAMG,YAAY,GAAGb,KAAK,CAACc,MAAM,CAACT,KAAK,CAAC;IACxC,IAAI,CAACQ,YAAY,EAAE;MACjB,MAAM,IAAIE,KAAK,CAAC,yBAAyBV,KAAK,GAAG,CAAC;IACpD;IAEA,MAAMW,SAA6B,GAAGH,YAAY,CAACI,EAAE,CAACT,MAAM,CAAC;IAC7D,IAAI,CAACQ,SAAS,EAAE;MACd,MAAM,IAAID,KAAK,CAAC,mBAAmBP,MAAM,gBAAgBH,KAAK,GAAG,CAAC;IACpE;IAEAD,QAAQ,CAAC;MAAEc,IAAI,EAAEV,MAAM;MAAEQ,SAAS;MAAE,GAAGP;IAAQ,CAAQ,CAAC;EAC1D,CAAC;EAED,OAAO,CAACJ,KAAK,EAAEC,IAAI,EAAEC,UAAU,CAAC;AAClC","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { RefObject } from 'react';
|
|
2
|
-
export declare function useRemoveBodyScroll(open: boolean, elementRef: RefObject<HTMLElement | null>): void;
|
|
1
|
+
import type { RefObject } from 'react';
|
|
2
|
+
export declare function useRemoveBodyScroll(open: boolean, elementRef: RefObject<HTMLElement | null>): void;
|
|
@@ -1,29 +1,24 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
2
|
import { getOwnerDocument } from '../utils';
|
|
3
|
-
|
|
3
|
+
let scrollBodyCount = 0;
|
|
4
4
|
export function useRemoveBodyScroll(open, elementRef) {
|
|
5
|
-
useEffect(
|
|
5
|
+
useEffect(() => {
|
|
6
6
|
if (open && elementRef.current) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
scrollBodyCount += 1; // calculate scrollbar width if mounting the first scroll lock
|
|
11
|
-
|
|
12
|
-
var scrollBarWidth = 0;
|
|
7
|
+
const ownerDocument = getOwnerDocument(elementRef.current);
|
|
8
|
+
const ownerWindow = ownerDocument.defaultView || window;
|
|
9
|
+
scrollBodyCount += 1;
|
|
13
10
|
|
|
11
|
+
// calculate scrollbar width if mounting the first scroll lock
|
|
12
|
+
let scrollBarWidth = 0;
|
|
14
13
|
if (scrollBodyCount === 1) {
|
|
15
14
|
scrollBarWidth = ownerWindow.innerWidth - ownerDocument.body.clientWidth;
|
|
16
15
|
}
|
|
17
|
-
|
|
18
16
|
ownerDocument.body.style.overflow = 'hidden';
|
|
19
|
-
|
|
20
17
|
if (scrollBarWidth > 0) {
|
|
21
|
-
ownerDocument.body.style.marginRight =
|
|
18
|
+
ownerDocument.body.style.marginRight = `${scrollBarWidth}px`;
|
|
22
19
|
}
|
|
23
|
-
|
|
24
|
-
return function () {
|
|
20
|
+
return () => {
|
|
25
21
|
scrollBodyCount -= 1;
|
|
26
|
-
|
|
27
22
|
if (scrollBodyCount === 0) {
|
|
28
23
|
ownerDocument.body.style.overflow = '';
|
|
29
24
|
ownerDocument.body.style.marginRight = '';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRemoveBodyScroll.js","names":["useEffect","getOwnerDocument","scrollBodyCount","useRemoveBodyScroll","open","elementRef","current","ownerDocument","ownerWindow","defaultView","window","scrollBarWidth","innerWidth","body","clientWidth","style","overflow","marginRight"],"sources":["../../../src/hooks/useRemoveBodyScroll.ts"],"sourcesContent":["import type { RefObject } from 'react';\
|
|
1
|
+
{"version":3,"file":"useRemoveBodyScroll.js","names":["useEffect","getOwnerDocument","scrollBodyCount","useRemoveBodyScroll","open","elementRef","current","ownerDocument","ownerWindow","defaultView","window","scrollBarWidth","innerWidth","body","clientWidth","style","overflow","marginRight"],"sources":["../../../src/hooks/useRemoveBodyScroll.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { getOwnerDocument } from '../utils';\n\nlet scrollBodyCount = 0;\nexport function useRemoveBodyScroll(\n open: boolean,\n elementRef: RefObject<HTMLElement | null>\n) {\n useEffect(() => {\n if (open && elementRef.current) {\n const ownerDocument = getOwnerDocument(elementRef.current)!;\n const ownerWindow = ownerDocument.defaultView || window;\n scrollBodyCount += 1;\n\n // calculate scrollbar width if mounting the first scroll lock\n let scrollBarWidth = 0;\n if (scrollBodyCount === 1) {\n scrollBarWidth =\n ownerWindow.innerWidth - ownerDocument.body.clientWidth;\n }\n\n ownerDocument.body.style.overflow = 'hidden';\n if (scrollBarWidth > 0) {\n ownerDocument.body.style.marginRight = `${scrollBarWidth}px`;\n }\n\n return () => {\n scrollBodyCount -= 1;\n if (scrollBodyCount === 0) {\n ownerDocument.body.style.overflow = '';\n ownerDocument.body.style.marginRight = '';\n }\n };\n }\n }, [elementRef, open]);\n}\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,IAAIC,eAAe,GAAG,CAAC;AACvB,OAAO,SAASC,mBAAmBA,CACjCC,IAAa,EACbC,UAAyC,EACzC;EACAL,SAAS,CAAC,MAAM;IACd,IAAII,IAAI,IAAIC,UAAU,CAACC,OAAO,EAAE;MAC9B,MAAMC,aAAa,GAAGN,gBAAgB,CAACI,UAAU,CAACC,OAAO,CAAE;MAC3D,MAAME,WAAW,GAAGD,aAAa,CAACE,WAAW,IAAIC,MAAM;MACvDR,eAAe,IAAI,CAAC;;MAEpB;MACA,IAAIS,cAAc,GAAG,CAAC;MACtB,IAAIT,eAAe,KAAK,CAAC,EAAE;QACzBS,cAAc,GACZH,WAAW,CAACI,UAAU,GAAGL,aAAa,CAACM,IAAI,CAACC,WAAW;MAC3D;MAEAP,aAAa,CAACM,IAAI,CAACE,KAAK,CAACC,QAAQ,GAAG,QAAQ;MAC5C,IAAIL,cAAc,GAAG,CAAC,EAAE;QACtBJ,aAAa,CAACM,IAAI,CAACE,KAAK,CAACE,WAAW,GAAG,GAAGN,cAAc,IAAI;MAC9D;MAEA,OAAO,MAAM;QACXT,eAAe,IAAI,CAAC;QACpB,IAAIA,eAAe,KAAK,CAAC,EAAE;UACzBK,aAAa,CAACM,IAAI,CAACE,KAAK,CAACC,QAAQ,GAAG,EAAE;UACtCT,aAAa,CAACM,IAAI,CAACE,KAAK,CAACE,WAAW,GAAG,EAAE;QAC3C;MACF,CAAC;IACH;EACF,CAAC,EAAE,CAACZ,UAAU,EAAED,IAAI,CAAC,CAAC;AACxB","ignoreList":[]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import type { MutableRefObject } from 'react';
|
|
2
|
-
export
|
|
3
|
-
[key: string]: string;
|
|
4
|
-
}, instance: Element) => boolean;
|
|
5
|
-
export
|
|
6
|
-
queryAllNodes: (matcherFn: ScopeMatcherFn) => T[];
|
|
7
|
-
}>;
|
|
8
|
-
export declare function getScope<T extends HTMLElement, R extends HTMLElement>(rootRef: MutableRefObject<R | undefined | null>): {
|
|
9
|
-
queryAllNodes: (matcherFn: ScopeMatcherFn) => T[];
|
|
10
|
-
};
|
|
11
|
-
export declare function useScope<T extends HTMLElement, R extends HTMLElement>(rootRef: MutableRefObject<R | undefined | null>): Scope<T>;
|
|
1
|
+
import type { MutableRefObject } from 'react';
|
|
2
|
+
export type ScopeMatcherFn = (nodeType: string, props: {
|
|
3
|
+
[key: string]: string;
|
|
4
|
+
}, instance: Element) => boolean;
|
|
5
|
+
export type Scope<T extends HTMLElement> = MutableRefObject<{
|
|
6
|
+
queryAllNodes: (matcherFn: ScopeMatcherFn) => T[];
|
|
7
|
+
}>;
|
|
8
|
+
export declare function getScope<T extends HTMLElement, R extends HTMLElement>(rootRef: MutableRefObject<R | undefined | null>): {
|
|
9
|
+
queryAllNodes: (matcherFn: ScopeMatcherFn) => T[];
|
|
10
|
+
};
|
|
11
|
+
export declare function useScope<T extends HTMLElement, R extends HTMLElement>(rootRef: MutableRefObject<R | undefined | null>): Scope<T>;
|
|
@@ -1,34 +1,32 @@
|
|
|
1
1
|
import { useRef } from 'react';
|
|
2
2
|
export function getScope(rootRef) {
|
|
3
|
-
|
|
3
|
+
const queryAllNodes = matcherFn => {
|
|
4
4
|
if (!rootRef.current) {
|
|
5
5
|
return [];
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
for (
|
|
15
|
-
|
|
7
|
+
const allNodes = rootRef.current.querySelectorAll('*');
|
|
8
|
+
const filtered = [];
|
|
9
|
+
allNodes.forEach(node => {
|
|
10
|
+
const props = {};
|
|
11
|
+
const {
|
|
12
|
+
attributes
|
|
13
|
+
} = node;
|
|
14
|
+
for (let i = 0; i < attributes.length; i++) {
|
|
15
|
+
const attr = attributes[i];
|
|
16
16
|
props[attr.name] = attr.value;
|
|
17
17
|
}
|
|
18
|
-
|
|
19
18
|
if (matcherFn(node.tagName.toLowerCase(), props, node)) {
|
|
20
19
|
filtered.push(node);
|
|
21
20
|
}
|
|
22
21
|
});
|
|
23
22
|
return filtered;
|
|
24
23
|
};
|
|
25
|
-
|
|
26
24
|
return {
|
|
27
|
-
queryAllNodes
|
|
25
|
+
queryAllNodes
|
|
28
26
|
};
|
|
29
27
|
}
|
|
30
28
|
export function useScope(rootRef) {
|
|
31
|
-
|
|
29
|
+
const scope = useRef(getScope(rootRef));
|
|
32
30
|
return scope;
|
|
33
31
|
}
|
|
34
32
|
//# sourceMappingURL=useScope.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScope.js","names":["useRef","getScope","rootRef","queryAllNodes","matcherFn","current","allNodes","querySelectorAll","filtered","forEach","node","props","attributes","i","length","attr","name","value","tagName","toLowerCase","push","useScope","scope"],"sources":["../../../src/hooks/useScope.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\
|
|
1
|
+
{"version":3,"file":"useScope.js","names":["useRef","getScope","rootRef","queryAllNodes","matcherFn","current","allNodes","querySelectorAll","filtered","forEach","node","props","attributes","i","length","attr","name","value","tagName","toLowerCase","push","useScope","scope"],"sources":["../../../src/hooks/useScope.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useRef } from 'react';\n\nexport type ScopeMatcherFn = (\n nodeType: string,\n props: {\n [key: string]: string;\n },\n instance: Element\n) => boolean;\n\nexport type Scope<T extends HTMLElement> = MutableRefObject<{\n queryAllNodes: (matcherFn: ScopeMatcherFn) => T[];\n}>;\n\nexport function getScope<T extends HTMLElement, R extends HTMLElement>(\n rootRef: MutableRefObject<R | undefined | null>\n) {\n const queryAllNodes = (matcherFn: ScopeMatcherFn) => {\n if (!rootRef.current) {\n return [];\n }\n\n const allNodes = rootRef.current.querySelectorAll('*');\n\n const filtered: T[] = [];\n allNodes.forEach((node) => {\n const props: Record<string, any> = {};\n const { attributes } = node;\n for (let i = 0; i < attributes.length; i++) {\n const attr = attributes[i];\n props[attr.name] = attr.value;\n }\n\n if (matcherFn(node.tagName.toLowerCase(), props, node)) {\n filtered.push(node as T);\n }\n });\n\n return filtered;\n };\n\n return { queryAllNodes };\n}\n\nexport function useScope<T extends HTMLElement, R extends HTMLElement>(\n rootRef: MutableRefObject<R | undefined | null>\n): Scope<T> {\n const scope: Scope<T> = useRef(getScope(rootRef));\n\n return scope;\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,OAAO;AAc9B,OAAO,SAASC,QAAQA,CACtBC,OAA+C,EAC/C;EACA,MAAMC,aAAa,GAAIC,SAAyB,IAAK;IACnD,IAAI,CAACF,OAAO,CAACG,OAAO,EAAE;MACpB,OAAO,EAAE;IACX;IAEA,MAAMC,QAAQ,GAAGJ,OAAO,CAACG,OAAO,CAACE,gBAAgB,CAAC,GAAG,CAAC;IAEtD,MAAMC,QAAa,GAAG,EAAE;IACxBF,QAAQ,CAACG,OAAO,CAAEC,IAAI,IAAK;MACzB,MAAMC,KAA0B,GAAG,CAAC,CAAC;MACrC,MAAM;QAAEC;MAAW,CAAC,GAAGF,IAAI;MAC3B,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,UAAU,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;QAC1C,MAAME,IAAI,GAAGH,UAAU,CAACC,CAAC,CAAC;QAC1BF,KAAK,CAACI,IAAI,CAACC,IAAI,CAAC,GAAGD,IAAI,CAACE,KAAK;MAC/B;MAEA,IAAIb,SAAS,CAACM,IAAI,CAACQ,OAAO,CAACC,WAAW,CAAC,CAAC,EAAER,KAAK,EAAED,IAAI,CAAC,EAAE;QACtDF,QAAQ,CAACY,IAAI,CAACV,IAAS,CAAC;MAC1B;IACF,CAAC,CAAC;IAEF,OAAOF,QAAQ;EACjB,CAAC;EAED,OAAO;IAAEL;EAAc,CAAC;AAC1B;AAEA,OAAO,SAASkB,QAAQA,CACtBnB,OAA+C,EACrC;EACV,MAAMoB,KAAe,GAAGtB,MAAM,CAACC,QAAQ,CAACC,OAAO,CAAC,CAAC;EAEjD,OAAOoB,KAAK;AACd","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function useThrottle<T>(value: T, limit: number): T;
|
|
1
|
+
export declare function useThrottle<T>(value: T, limit: number): T;
|
|
@@ -1,18 +1,13 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
1
|
import { useState, useEffect, useRef } from 'react';
|
|
3
2
|
export function useThrottle(value, limit) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var lastRan = useRef(Date.now());
|
|
10
|
-
useEffect(function () {
|
|
11
|
-
var handler = setTimeout(function () {
|
|
3
|
+
const [throttledValue, setThrottledValue] = useState(value);
|
|
4
|
+
const lastRan = useRef(Date.now());
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
const handler = setTimeout(() => {
|
|
12
7
|
setThrottledValue(value);
|
|
13
8
|
lastRan.current = Date.now();
|
|
14
9
|
}, limit - (Date.now() - lastRan.current));
|
|
15
|
-
return
|
|
10
|
+
return () => {
|
|
16
11
|
clearTimeout(handler);
|
|
17
12
|
};
|
|
18
13
|
}, [value, limit]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useThrottle.js","names":["useState","useEffect","useRef","useThrottle","value","limit","throttledValue","setThrottledValue","lastRan","Date","now","handler","setTimeout","current","clearTimeout"],"sources":["../../../src/hooks/useThrottle.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\
|
|
1
|
+
{"version":3,"file":"useThrottle.js","names":["useState","useEffect","useRef","useThrottle","value","limit","throttledValue","setThrottledValue","lastRan","Date","now","handler","setTimeout","current","clearTimeout"],"sources":["../../../src/hooks/useThrottle.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\n\nexport function useThrottle<T>(value: T, limit: number) {\n const [throttledValue, setThrottledValue] = useState(value);\n const lastRan = useRef(Date.now());\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setThrottledValue(value);\n lastRan.current = Date.now();\n }, limit - (Date.now() - lastRan.current));\n\n return () => {\n clearTimeout(handler);\n };\n }, [value, limit]);\n\n return throttledValue;\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEnD,OAAO,SAASC,WAAWA,CAAIC,KAAQ,EAAEC,KAAa,EAAE;EACtD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGP,QAAQ,CAACI,KAAK,CAAC;EAC3D,MAAMI,OAAO,GAAGN,MAAM,CAACO,IAAI,CAACC,GAAG,CAAC,CAAC,CAAC;EAElCT,SAAS,CAAC,MAAM;IACd,MAAMU,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC/BL,iBAAiB,CAACH,KAAK,CAAC;MACxBI,OAAO,CAACK,OAAO,GAAGJ,IAAI,CAACC,GAAG,CAAC,CAAC;IAC9B,CAAC,EAAEL,KAAK,IAAII,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGF,OAAO,CAACK,OAAO,CAAC,CAAC;IAE1C,OAAO,MAAM;MACXC,YAAY,CAACH,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACP,KAAK,EAAEC,KAAK,CAAC,CAAC;EAElB,OAAOC,cAAc;AACvB","ignoreList":[]}
|
package/build/esm/index.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
export * from './Accordion';
|
|
2
|
-
export * from './CheckBox';
|
|
3
|
-
export * from './ComboBox';
|
|
4
|
-
export * from './FocusLock';
|
|
5
|
-
export * from './Menu';
|
|
6
|
-
export * from './Modal';
|
|
7
|
-
export * from './Popper';
|
|
8
|
-
export * from './Portal';
|
|
9
|
-
export * from './RadioButton';
|
|
10
|
-
export * from './Slider';
|
|
11
|
-
export * from './Spinner';
|
|
12
|
-
export * from './Tabs';
|
|
13
|
-
export * from './Tooltip';
|
|
14
|
-
export * from './utils';
|
|
15
|
-
export * from './hooks';
|
|
1
|
+
export * from './Accordion';
|
|
2
|
+
export * from './CheckBox';
|
|
3
|
+
export * from './ComboBox';
|
|
4
|
+
export * from './FocusLock';
|
|
5
|
+
export * from './Menu';
|
|
6
|
+
export * from './Modal';
|
|
7
|
+
export * from './Popper';
|
|
8
|
+
export * from './Portal';
|
|
9
|
+
export * from './RadioButton';
|
|
10
|
+
export * from './Slider';
|
|
11
|
+
export * from './Spinner';
|
|
12
|
+
export * from './Tabs';
|
|
13
|
+
export * from './Tooltip';
|
|
14
|
+
export * from './utils';
|
|
15
|
+
export * from './hooks';
|
package/build/esm/index.js
CHANGED
|
@@ -11,9 +11,11 @@ export * from './RadioButton';
|
|
|
11
11
|
export * from './Slider';
|
|
12
12
|
export * from './Spinner';
|
|
13
13
|
export * from './Tabs';
|
|
14
|
-
export * from './Tooltip';
|
|
14
|
+
export * from './Tooltip';
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
// General React utilities
|
|
17
|
+
export * from './utils';
|
|
17
18
|
|
|
19
|
+
// Hooks
|
|
18
20
|
export * from './hooks';
|
|
19
21
|
//# sourceMappingURL=index.js.map
|
package/build/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["// Components\
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["// Components\nexport * from './Accordion';\nexport * from './CheckBox';\nexport * from './ComboBox';\nexport * from './FocusLock';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Popper';\nexport * from './Portal';\nexport * from './RadioButton';\nexport * from './Slider';\nexport * from './Spinner';\nexport * from './Tabs';\nexport * from './Tooltip';\n\n// General React utilities\nexport * from './utils';\n\n// Hooks\nexport * from './hooks';\n"],"mappings":"AAAA;AACA,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,WAAW;;AAEzB;AACA,cAAc,SAAS;;AAEvB;AACA,cAAc,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.js","names":[],"sources":["../../src/styles.d.ts"],"sourcesContent":["declare module '*.css';\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { MutableRefObject, RefCallback } from 'react';
|
|
2
|
-
export declare function assignRef<T>(ref: MutableRefObject<T> | RefCallback<T> | null | undefined, value: T): void;
|
|
3
|
-
export declare function assignMultipleRefs<T>(...refs: (MutableRefObject<T> | RefCallback<T> | null | undefined)[]): RefCallback<T>;
|
|
1
|
+
import type { MutableRefObject, RefCallback } from 'react';
|
|
2
|
+
export declare function assignRef<T>(ref: MutableRefObject<T> | RefCallback<T> | null | undefined, value: T): void;
|
|
3
|
+
export declare function assignMultipleRefs<T>(...refs: (MutableRefObject<T> | RefCallback<T> | null | undefined)[]): RefCallback<T>;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
export function assignRef(ref, value) {
|
|
2
2
|
if (ref == null) return;
|
|
3
|
-
|
|
4
3
|
if (typeof ref === 'function') {
|
|
5
4
|
ref(value);
|
|
6
5
|
} else {
|
|
7
6
|
try {
|
|
8
7
|
ref.current = value;
|
|
9
8
|
} catch (error) {
|
|
10
|
-
throw new Error(
|
|
9
|
+
throw new Error(`Cannot assign value "${value}" to ref "${ref}"`);
|
|
11
10
|
}
|
|
12
11
|
}
|
|
13
12
|
}
|
|
@@ -15,9 +14,8 @@ export function assignMultipleRefs() {
|
|
|
15
14
|
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
16
15
|
refs[_key] = arguments[_key];
|
|
17
16
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
refs.forEach(function (ref) {
|
|
17
|
+
return node => {
|
|
18
|
+
refs.forEach(ref => {
|
|
21
19
|
assignRef(ref, node);
|
|
22
20
|
});
|
|
23
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"assign-ref.js","names":["assignRef","ref","value","current","error","Error","assignMultipleRefs","refs","node","forEach"],"sources":["../../../src/utils/assign-ref.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\
|
|
1
|
+
{"version":3,"file":"assign-ref.js","names":["assignRef","ref","value","current","error","Error","assignMultipleRefs","_len","arguments","length","refs","Array","_key","node","forEach"],"sources":["../../../src/utils/assign-ref.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\nexport function assignRef<T>(\n ref: MutableRefObject<T> | RefCallback<T> | null | undefined,\n value: T\n) {\n if (ref == null) return;\n if (typeof ref === 'function') {\n ref(value);\n } else {\n try {\n ref.current = value;\n } catch (error) {\n throw new Error(`Cannot assign value \"${value}\" to ref \"${ref}\"`);\n }\n }\n}\n\nexport function assignMultipleRefs<T>(\n ...refs: (MutableRefObject<T> | RefCallback<T> | null | undefined)[]\n): RefCallback<T> {\n return (node: T | null) => {\n refs.forEach((ref) => {\n assignRef(ref, node);\n });\n };\n}\n"],"mappings":"AAEA,OAAO,SAASA,SAASA,CACvBC,GAA4D,EAC5DC,KAAQ,EACR;EACA,IAAID,GAAG,IAAI,IAAI,EAAE;EACjB,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM;IACL,IAAI;MACFD,GAAG,CAACE,OAAO,GAAGD,KAAK;IACrB,CAAC,CAAC,OAAOE,KAAK,EAAE;MACd,MAAM,IAAIC,KAAK,CAAC,wBAAwBH,KAAK,aAAaD,GAAG,GAAG,CAAC;IACnE;EACF;AACF;AAEA,OAAO,SAASK,kBAAkBA,CAAA,EAEhB;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EADbC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;EAAA;EAEP,OAAQC,IAAc,IAAK;IACzBH,IAAI,CAACI,OAAO,CAAEb,GAAG,IAAK;MACpBD,SAAS,CAACC,GAAG,EAAEY,IAAI,CAAC;IACtB,CAAC,CAAC;EACJ,CAAC;AACH","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function canUseDOM(): boolean;
|
|
1
|
+
export declare function canUseDOM(): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"can-use-dom.js","names":["canUseDOM","window","document","createElement"],"sources":["../../../src/utils/can-use-dom.ts"],"sourcesContent":["export function canUseDOM() {\
|
|
1
|
+
{"version":3,"file":"can-use-dom.js","names":["canUseDOM","window","document","createElement"],"sources":["../../../src/utils/can-use-dom.ts"],"sourcesContent":["export function canUseDOM() {\n return !!(\n typeof window !== 'undefined' &&\n window.document &&\n window.document.createElement\n );\n}\n"],"mappings":"AAAA,OAAO,SAASA,SAASA,CAAA,EAAG;EAC1B,OAAO,CAAC,EACN,OAAOC,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,QAAQ,IACfD,MAAM,CAACC,QAAQ,CAACC,aAAa,CAC9B;AACH","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function clamp(value: number, min: number, max: number): number;
|
|
1
|
+
export declare function clamp(value: number, min: number, max: number): number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"clamp.js","names":["clamp","value","min","max","Math"],"sources":["../../../src/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\
|
|
1
|
+
{"version":3,"file":"clamp.js","names":["clamp","value","min","max","Math"],"sources":["../../../src/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\n return Math.min(Math.max(value, min), max);\n}\n"],"mappings":"AAAA,OAAO,SAASA,KAAKA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,EAAE;EAC7D,OAAOC,IAAI,CAACF,GAAG,CAACE,IAAI,CAACD,GAAG,CAACF,KAAK,EAAEC,GAAG,CAAC,EAAEC,GAAG,CAAC;AAC5C","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type { FC, PropsWithChildren } from 'react';
|
|
2
|
-
|
|
3
|
-
export declare function createContext<ContextValueType extends object | null>(rootName: string, defaultContext?: ContextValueType): [
|
|
4
|
-
ContextProvider<ContextValueType>,
|
|
5
|
-
(childName: string) => ContextValueType
|
|
6
|
-
];
|
|
7
|
-
export {};
|
|
1
|
+
import type { FC, PropsWithChildren } from 'react';
|
|
2
|
+
type ContextProvider<T> = FC<PropsWithChildren<T>>;
|
|
3
|
+
export declare function createContext<ContextValueType extends object | null>(rootName: string, defaultContext?: ContextValueType): [
|
|
4
|
+
ContextProvider<ContextValueType>,
|
|
5
|
+
(childName: string) => ContextValueType
|
|
6
|
+
];
|
|
7
|
+
export {};
|
|
@@ -1,41 +1,34 @@
|
|
|
1
|
-
import
|
|
2
|
-
var _excluded = ["children"];
|
|
3
|
-
import { useMemo, createContext as ReactCreateContext, useContext as useReactContext } from 'react'; ////////////////////////////////////////////////////////////////////////////////
|
|
1
|
+
import { useMemo, createContext as ReactCreateContext, useContext as useReactContext } from 'react';
|
|
4
2
|
|
|
3
|
+
////////////////////////////////////////////////////////////////////////////////
|
|
5
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
5
|
export function createContext(rootName, defaultContext) {
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
const Ctx = /*#__PURE__*/ReactCreateContext(defaultContext);
|
|
9
7
|
function Provider(props) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
...context
|
|
11
|
+
} = props;
|
|
12
|
+
const value = useMemo(() => context,
|
|
13
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16
14
|
Object.values(context));
|
|
17
15
|
return /*#__PURE__*/_jsx(Ctx.Provider, {
|
|
18
16
|
value: value,
|
|
19
17
|
children: children
|
|
20
18
|
});
|
|
21
19
|
}
|
|
22
|
-
|
|
23
20
|
function useContext(childName) {
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
const context = useReactContext(Ctx);
|
|
26
22
|
if (context) {
|
|
27
23
|
return context;
|
|
28
24
|
}
|
|
29
|
-
|
|
30
25
|
if (defaultContext) {
|
|
31
26
|
return defaultContext;
|
|
32
27
|
}
|
|
33
|
-
|
|
34
|
-
throw Error("".concat(childName, " must be rendered inside of a ").concat(rootName, " component."));
|
|
28
|
+
throw Error(`${childName} must be rendered inside of a ${rootName} component.`);
|
|
35
29
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
Provider.displayName = "".concat(rootName, "Provider");
|
|
30
|
+
Ctx.displayName = `${rootName}Context`;
|
|
31
|
+
Provider.displayName = `${rootName}Provider`;
|
|
39
32
|
return [Provider, useContext];
|
|
40
33
|
}
|
|
41
34
|
//# sourceMappingURL=context.js.map
|