@graphprotocol/gds-react 0.1.2 → 0.2.0
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/dist/GDSProvider.d.ts +12 -10
- package/dist/GDSProvider.d.ts.map +1 -1
- package/dist/GDSProvider.js +10 -8
- package/dist/GDSProvider.js.map +1 -1
- package/dist/components/Address.js +2 -2
- package/dist/components/Address.meta.d.ts +1 -13
- package/dist/components/Address.meta.d.ts.map +1 -1
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js +2 -10
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/Avatar.meta.d.ts +0 -2
- package/dist/components/Avatar.meta.d.ts.map +1 -1
- package/dist/components/AvatarGroup.meta.d.ts +8 -2
- package/dist/components/AvatarGroup.meta.d.ts.map +1 -1
- package/dist/components/Breadcrumbs.meta.d.ts +2 -3
- package/dist/components/Breadcrumbs.meta.d.ts.map +1 -1
- package/dist/components/Breadcrumbs.meta.js +3 -1
- package/dist/components/Breadcrumbs.meta.js.map +1 -1
- package/dist/components/Breadcrumbs.parts.d.ts.map +1 -1
- package/dist/components/Breadcrumbs.parts.js +13 -21
- package/dist/components/Breadcrumbs.parts.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +10 -9
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Button.meta.d.ts +1 -4
- package/dist/components/Button.meta.d.ts.map +1 -1
- package/dist/components/ButtonGroup.d.ts.map +1 -1
- package/dist/components/ButtonGroup.js +1 -5
- package/dist/components/ButtonGroup.js.map +1 -1
- package/dist/components/ButtonGroup.meta.d.ts +1 -5
- package/dist/components/ButtonGroup.meta.d.ts.map +1 -1
- package/dist/components/ButtonGroup.meta.js +8 -0
- package/dist/components/ButtonGroup.meta.js.map +1 -1
- package/dist/components/Card.meta.d.ts +1 -2
- package/dist/components/Card.meta.d.ts.map +1 -1
- package/dist/components/Card.meta.js +1 -0
- package/dist/components/Card.meta.js.map +1 -1
- package/dist/components/Checkbox.meta.d.ts +1 -6
- package/dist/components/Checkbox.meta.d.ts.map +1 -1
- package/dist/components/Checkbox.meta.js +1 -5
- package/dist/components/Checkbox.meta.js.map +1 -1
- package/dist/components/Chip.meta.d.ts +2 -4
- package/dist/components/Chip.meta.d.ts.map +1 -1
- package/dist/components/Chip.parts.d.ts.map +1 -1
- package/dist/components/Chip.parts.js +1 -9
- package/dist/components/Chip.parts.js.map +1 -1
- package/dist/components/Cluster.meta.d.ts +8 -2
- package/dist/components/Cluster.meta.d.ts.map +1 -1
- package/dist/components/CodeBlock.d.ts +1 -1
- package/dist/components/CodeBlock.meta.d.ts +2 -4
- package/dist/components/CodeBlock.meta.d.ts.map +1 -1
- package/dist/components/CodeBlock.parts.d.ts +6 -7
- package/dist/components/CodeBlock.parts.d.ts.map +1 -1
- package/dist/components/CodeBlock.parts.js +28 -10
- package/dist/components/CodeBlock.parts.js.map +1 -1
- package/dist/components/CodeInline.js +3 -3
- package/dist/components/CodeInline.meta.d.ts +1 -1
- package/dist/components/CodeInline.meta.d.ts.map +1 -1
- package/dist/components/CopyButton.d.ts.map +1 -1
- package/dist/components/CopyButton.js +2 -4
- package/dist/components/CopyButton.js.map +1 -1
- package/dist/components/CopyButton.meta.d.ts +1 -12
- package/dist/components/CopyButton.meta.d.ts.map +1 -1
- package/dist/components/CopyButton.meta.js +1 -6
- package/dist/components/CopyButton.meta.js.map +1 -1
- package/dist/components/CurrencyInput.meta.d.ts +1 -6
- package/dist/components/CurrencyInput.meta.d.ts.map +1 -1
- package/dist/components/CurrencyInput.meta.js +1 -5
- package/dist/components/CurrencyInput.meta.js.map +1 -1
- package/dist/components/DescriptionList.meta.d.ts +2 -5
- package/dist/components/DescriptionList.meta.d.ts.map +1 -1
- package/dist/components/DescriptionList.parts.d.ts +3 -0
- package/dist/components/DescriptionList.parts.d.ts.map +1 -1
- package/dist/components/DescriptionList.parts.js +1 -0
- package/dist/components/DescriptionList.parts.js.map +1 -1
- package/dist/components/Divider.meta.d.ts +1 -3
- package/dist/components/Divider.meta.d.ts.map +1 -1
- package/dist/components/Icon.js +4 -4
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/Icon.meta.d.ts +0 -2
- package/dist/components/Icon.meta.d.ts.map +1 -1
- package/dist/components/Icon.meta.js +1 -0
- package/dist/components/Icon.meta.js.map +1 -1
- package/dist/components/Input.d.ts +5 -4
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +1 -0
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Input.meta.d.ts +1 -6
- package/dist/components/Input.meta.d.ts.map +1 -1
- package/dist/components/Input.meta.js +1 -5
- package/dist/components/Input.meta.js.map +1 -1
- package/dist/components/Keyboard.js +1 -1
- package/dist/components/Keyboard.meta.d.ts +0 -1
- package/dist/components/Keyboard.meta.d.ts.map +1 -1
- package/dist/components/Label.meta.d.ts +1 -3
- package/dist/components/Label.meta.d.ts.map +1 -1
- package/dist/components/Link.d.ts +1 -1
- package/dist/components/Link.d.ts.map +1 -1
- package/dist/components/Link.js +1 -2
- package/dist/components/Link.js.map +1 -1
- package/dist/components/Link.meta.d.ts +1 -2
- package/dist/components/Link.meta.d.ts.map +1 -1
- package/dist/components/Link.meta.js +1 -0
- package/dist/components/Link.meta.js.map +1 -1
- package/dist/components/Menu.meta.d.ts +31 -2
- package/dist/components/Menu.meta.d.ts.map +1 -1
- package/dist/components/Menu.meta.js +39 -1
- package/dist/components/Menu.meta.js.map +1 -1
- package/dist/components/Menu.parts.d.ts +23 -32
- package/dist/components/Menu.parts.d.ts.map +1 -1
- package/dist/components/Menu.parts.js +284 -303
- package/dist/components/Menu.parts.js.map +1 -1
- package/dist/components/Modal.d.ts +1 -1
- package/dist/components/Modal.meta.d.ts +1 -3
- package/dist/components/Modal.meta.d.ts.map +1 -1
- package/dist/components/Modal.meta.js +1 -1
- package/dist/components/Modal.meta.js.map +1 -1
- package/dist/components/Modal.parts.d.ts +14 -15
- package/dist/components/Modal.parts.d.ts.map +1 -1
- package/dist/components/Modal.parts.js +36 -32
- package/dist/components/Modal.parts.js.map +1 -1
- package/dist/components/OTCInput.js +1 -1
- package/dist/components/OTCInput.meta.d.ts +1 -6
- package/dist/components/OTCInput.meta.d.ts.map +1 -1
- package/dist/components/OTCInput.meta.js +1 -5
- package/dist/components/OTCInput.meta.js.map +1 -1
- package/dist/components/Radio.meta.d.ts +1 -6
- package/dist/components/Radio.meta.d.ts.map +1 -1
- package/dist/components/Radio.meta.js +1 -5
- package/dist/components/Radio.meta.js.map +1 -1
- package/dist/components/Search.meta.d.ts +1 -3
- package/dist/components/Search.meta.d.ts.map +1 -1
- package/dist/components/SegmentedControl.meta.d.ts +2 -3
- package/dist/components/SegmentedControl.meta.d.ts.map +1 -1
- package/dist/components/SegmentedControl.meta.js +3 -1
- package/dist/components/SegmentedControl.meta.js.map +1 -1
- package/dist/components/SegmentedControl.parts.d.ts.map +1 -1
- package/dist/components/SegmentedControl.parts.js +4 -9
- package/dist/components/SegmentedControl.parts.js.map +1 -1
- package/dist/components/Status.meta.d.ts +0 -2
- package/dist/components/Status.meta.d.ts.map +1 -1
- package/dist/components/Stepper.meta.d.ts +1 -2
- package/dist/components/Stepper.meta.d.ts.map +1 -1
- package/dist/components/Stepper.meta.js +1 -0
- package/dist/components/Stepper.meta.js.map +1 -1
- package/dist/components/Stepper.parts.d.ts.map +1 -1
- package/dist/components/Stepper.parts.js +1 -1
- package/dist/components/Stepper.parts.js.map +1 -1
- package/dist/components/Switch.meta.d.ts +1 -6
- package/dist/components/Switch.meta.d.ts.map +1 -1
- package/dist/components/Switch.meta.js +1 -5
- package/dist/components/Switch.meta.js.map +1 -1
- package/dist/components/TabSet.meta.d.ts +2 -5
- package/dist/components/TabSet.meta.d.ts.map +1 -1
- package/dist/components/TabSet.meta.js +3 -1
- package/dist/components/TabSet.meta.js.map +1 -1
- package/dist/components/Tag.meta.d.ts +0 -2
- package/dist/components/Tag.meta.d.ts.map +1 -1
- package/dist/components/TextArea.meta.d.ts +1 -6
- package/dist/components/TextArea.meta.d.ts.map +1 -1
- package/dist/components/TextArea.meta.js +1 -5
- package/dist/components/TextArea.meta.js.map +1 -1
- package/dist/components/ToggleButton.js +2 -2
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/ToggleButton.meta.d.ts +1 -12
- package/dist/components/ToggleButton.meta.d.ts.map +1 -1
- package/dist/components/ToggleButton.meta.js +1 -6
- package/dist/components/ToggleButton.meta.js.map +1 -1
- package/dist/components/Tooltip.d.ts +2 -2
- package/dist/components/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip.js +2 -2
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/Tooltip.meta.d.ts +12 -7
- package/dist/components/Tooltip.meta.d.ts.map +1 -1
- package/dist/components/Tooltip.meta.js +13 -2
- package/dist/components/Tooltip.meta.js.map +1 -1
- package/dist/components/Tooltip.parts.d.ts +20 -20
- package/dist/components/Tooltip.parts.d.ts.map +1 -1
- package/dist/components/Tooltip.parts.js +129 -88
- package/dist/components/Tooltip.parts.js.map +1 -1
- package/dist/components/base/Addon.meta.d.ts +1 -1
- package/dist/components/base/Addon.meta.d.ts.map +1 -1
- package/dist/components/base/Addon.meta.js +3 -1
- package/dist/components/base/Addon.meta.js.map +1 -1
- package/dist/components/base/ButtonOrLink.d.ts +1 -1
- package/dist/components/base/ButtonOrLink.parts.d.ts +6 -5
- package/dist/components/base/ButtonOrLink.parts.d.ts.map +1 -1
- package/dist/components/base/ButtonOrLink.parts.js +28 -31
- package/dist/components/base/ButtonOrLink.parts.js.map +1 -1
- package/dist/components/base/Checkable.meta.d.ts +1 -2
- package/dist/components/base/Checkable.meta.d.ts.map +1 -1
- package/dist/components/base/Checkable.parts.d.ts +6 -6
- package/dist/components/base/Checkable.parts.d.ts.map +1 -1
- package/dist/components/base/Checkable.parts.js +2 -2
- package/dist/components/base/Checkable.parts.js.map +1 -1
- package/dist/components/base/Field.meta.d.ts +1 -2
- package/dist/components/base/Field.meta.d.ts.map +1 -1
- package/dist/components/base/Field.parts.d.ts +5 -4
- package/dist/components/base/Field.parts.d.ts.map +1 -1
- package/dist/components/base/Field.parts.js +1 -1
- package/dist/components/base/Field.parts.js.map +1 -1
- package/dist/components/base/MaybeButtonOrLink.d.ts +1 -1
- package/dist/components/base/MaybeButtonOrLink.d.ts.map +1 -1
- package/dist/components/base/Portal.d.ts +1 -1
- package/dist/components/base/Portal.d.ts.map +1 -1
- package/dist/components/base/Portal.js +3 -6
- package/dist/components/base/Portal.js.map +1 -1
- package/dist/components/base/Render.d.ts +21 -6
- package/dist/components/base/Render.d.ts.map +1 -1
- package/dist/components/base/Render.js +3 -2
- package/dist/components/base/Render.js.map +1 -1
- package/dist/components/base/Transition.js +2 -2
- package/dist/components/base/Transition.meta.d.ts +1 -1
- package/dist/components/base/Transition.meta.d.ts.map +1 -1
- package/dist/components/base/Transition.meta.js +1 -0
- package/dist/components/base/Transition.meta.js.map +1 -1
- package/dist/components/base/index.d.ts +1 -2
- package/dist/components/base/index.d.ts.map +1 -1
- package/dist/components/base/index.js +1 -2
- package/dist/components/base/index.js.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useCSSProp.d.ts.map +1 -1
- package/dist/hooks/useCSSProp.js +6 -6
- package/dist/hooks/useCSSProp.js.map +1 -1
- package/dist/hooks/useCSSProps.d.ts +11 -13
- package/dist/hooks/useCSSProps.d.ts.map +1 -1
- package/dist/hooks/useCSSProps.js +11 -19
- package/dist/hooks/useCSSProps.js.map +1 -1
- package/dist/hooks/useCSSPropsPolyfill.d.ts +1 -1
- package/dist/hooks/useCSSPropsPolyfill.d.ts.map +1 -1
- package/dist/hooks/useCSSPropsPolyfill.js +12 -20
- package/dist/hooks/useCSSPropsPolyfill.js.map +1 -1
- package/dist/hooks/useCSSState.d.ts.map +1 -1
- package/dist/hooks/useCSSState.js +7 -3
- package/dist/hooks/useCSSState.js.map +1 -1
- package/dist/hooks/useEffectWithRefDeps.d.ts +2 -2
- package/dist/hooks/useEffectWithRefDeps.d.ts.map +1 -1
- package/dist/hooks/useEffectWithRefDeps.js +1 -1
- package/dist/hooks/useEffectWithRefDeps.js.map +1 -1
- package/dist/hooks/useFirstRender.d.ts +14 -0
- package/dist/hooks/useFirstRender.d.ts.map +1 -0
- package/dist/hooks/useFirstRender.js +20 -0
- package/dist/hooks/useFirstRender.js.map +1 -0
- package/dist/hooks/useGDS.d.ts +1 -1
- package/dist/hooks/usePrevious.d.ts +6 -4
- package/dist/hooks/usePrevious.d.ts.map +1 -1
- package/dist/hooks/usePrevious.js +6 -4
- package/dist/hooks/usePrevious.js.map +1 -1
- package/dist/hooks/useRefWithInit.d.ts +2 -2
- package/dist/hooks/useRefWithInit.d.ts.map +1 -1
- package/dist/hooks/useRefWithInit.js.map +1 -1
- package/dist/hooks/useStyleObserver.d.ts +2 -2
- package/dist/hooks/useStyleObserver.d.ts.map +1 -1
- package/dist/hooks/useStyleObserver.js.map +1 -1
- package/dist/icons/CalendarDynamicIcon.d.ts +8 -5
- package/dist/icons/CalendarDynamicIcon.d.ts.map +1 -1
- package/dist/icons/CalendarDynamicIcon.js +5 -2
- package/dist/icons/CalendarDynamicIcon.js.map +1 -1
- package/dist/icons/CopyInteractiveIcon.d.ts +5 -4
- package/dist/icons/CopyInteractiveIcon.d.ts.map +1 -1
- package/dist/icons/CopyInteractiveIcon.js +2 -2
- package/dist/icons/CopyInteractiveIcon.js.map +1 -1
- package/dist/icons/SidebarLeftInteractiveIcon.d.ts +4 -3
- package/dist/icons/SidebarLeftInteractiveIcon.d.ts.map +1 -1
- package/dist/icons/SidebarLeftInteractiveIcon.js +2 -2
- package/dist/icons/SidebarLeftInteractiveIcon.js.map +1 -1
- package/dist/icons/SidebarRightInteractiveIcon.d.ts +4 -3
- package/dist/icons/SidebarRightInteractiveIcon.d.ts.map +1 -1
- package/dist/icons/SidebarRightInteractiveIcon.js +2 -2
- package/dist/icons/SidebarRightInteractiveIcon.js.map +1 -1
- package/dist/tailwind-plugin.js +5 -5
- package/dist/tailwind-plugin.js.map +1 -1
- package/dist/utils/cn.d.ts +3 -1
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +3 -1
- package/dist/utils/cn.js.map +1 -1
- package/dist/utils/getCSSPropsAttributes.d.ts +10 -3
- package/dist/utils/getCSSPropsAttributes.d.ts.map +1 -1
- package/dist/utils/getCSSPropsAttributes.js +4 -5
- package/dist/utils/getCSSPropsAttributes.js.map +1 -1
- package/dist/utils/splitProps.d.ts +1 -4
- package/dist/utils/splitProps.d.ts.map +1 -1
- package/dist/utils/splitProps.js +2 -7
- package/dist/utils/splitProps.js.map +1 -1
- package/dist/utils/trimReactNode.d.ts +10 -8
- package/dist/utils/trimReactNode.d.ts.map +1 -1
- package/dist/utils/trimReactNode.js +10 -8
- package/dist/utils/trimReactNode.js.map +1 -1
- package/package.json +17 -17
- package/src/GDSProvider.tsx +11 -9
- package/src/components/Address.tsx +2 -2
- package/src/components/Avatar.tsx +5 -10
- package/src/components/Breadcrumbs.meta.ts +3 -1
- package/src/components/Breadcrumbs.parts.tsx +16 -28
- package/src/components/Button.tsx +14 -10
- package/src/components/ButtonGroup.meta.ts +8 -0
- package/src/components/ButtonGroup.tsx +1 -5
- package/src/components/Card.meta.ts +1 -0
- package/src/components/Checkbox.meta.ts +1 -5
- package/src/components/Chip.parts.tsx +1 -11
- package/src/components/CodeBlock.parts.tsx +75 -50
- package/src/components/CodeInline.tsx +3 -3
- package/src/components/CopyButton.meta.ts +1 -6
- package/src/components/CopyButton.tsx +3 -4
- package/src/components/CurrencyInput.meta.ts +1 -5
- package/src/components/DescriptionList.parts.tsx +1 -0
- package/src/components/Icon.meta.ts +1 -0
- package/src/components/Icon.tsx +4 -4
- package/src/components/Input.meta.ts +1 -5
- package/src/components/Input.tsx +5 -6
- package/src/components/Keyboard.tsx +1 -1
- package/src/components/Link.meta.ts +1 -0
- package/src/components/Link.tsx +2 -3
- package/src/components/Menu.meta.ts +39 -1
- package/src/components/Menu.parts.tsx +553 -549
- package/src/components/Modal.meta.ts +1 -1
- package/src/components/Modal.parts.tsx +67 -68
- package/src/components/OTCInput.meta.ts +1 -5
- package/src/components/OTCInput.tsx +1 -1
- package/src/components/Radio.meta.ts +1 -5
- package/src/components/SegmentedControl.meta.ts +3 -1
- package/src/components/SegmentedControl.parts.tsx +7 -10
- package/src/components/Stepper.meta.ts +1 -0
- package/src/components/Stepper.parts.tsx +3 -1
- package/src/components/Switch.meta.ts +1 -5
- package/src/components/TabSet.meta.ts +3 -1
- package/src/components/TextArea.meta.ts +1 -5
- package/src/components/ToggleButton.meta.ts +1 -6
- package/src/components/ToggleButton.tsx +1 -1
- package/src/components/Tooltip.meta.ts +13 -2
- package/src/components/Tooltip.parts.tsx +215 -158
- package/src/components/Tooltip.tsx +2 -2
- package/src/components/base/Addon.meta.ts +3 -1
- package/src/components/base/ButtonOrLink.parts.tsx +52 -51
- package/src/components/base/Checkable.parts.tsx +6 -13
- package/src/components/base/Field.parts.tsx +5 -5
- package/src/components/base/Portal.tsx +5 -7
- package/src/components/base/Render.tsx +37 -15
- package/src/components/base/Transition.meta.ts +1 -0
- package/src/components/base/Transition.tsx +2 -2
- package/src/components/base/index.ts +8 -2
- package/src/components/index.ts +1 -2
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useCSSProp.ts +6 -8
- package/src/hooks/useCSSProps.ts +13 -22
- package/src/hooks/useCSSPropsPolyfill.ts +15 -23
- package/src/hooks/useCSSState.ts +11 -6
- package/src/hooks/useEffectWithRefDeps.ts +2 -2
- package/src/hooks/useFirstRender.ts +36 -0
- package/src/hooks/usePrevious.ts +6 -4
- package/src/hooks/useRefWithInit.ts +2 -2
- package/src/hooks/useStyleObserver.ts +5 -1
- package/src/icons/CalendarDynamicIcon.tsx +16 -6
- package/src/icons/CopyInteractiveIcon.tsx +10 -5
- package/src/icons/SidebarLeftInteractiveIcon.tsx +9 -5
- package/src/icons/SidebarRightInteractiveIcon.tsx +9 -5
- package/src/tailwind-plugin.ts +5 -5
- package/src/utils/cn.ts +3 -1
- package/src/utils/getCSSPropsAttributes.ts +13 -8
- package/src/utils/splitProps.ts +9 -9
- package/src/utils/trimReactNode.tsx +10 -8
- package/dist/components/base/ButtonOrLink.meta.d.ts +0 -2
- package/dist/components/base/ButtonOrLink.meta.d.ts.map +0 -1
- package/dist/components/base/ButtonOrLink.meta.js +0 -6
- package/dist/components/base/ButtonOrLink.meta.js.map +0 -1
- package/src/components/base/ButtonOrLink.meta.ts +0 -6
|
@@ -1,44 +1,78 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { createContext,
|
|
3
|
+
import { createContext, useContext, useEffect, useRef, useState, } from 'react';
|
|
4
4
|
import { Tooltip } from '@base-ui/react/tooltip';
|
|
5
5
|
import { twToPx } from '@graphprotocol/gds-css';
|
|
6
6
|
import { useControlled, useCSSPropsPolyfill, useGDS } from "../hooks/index.js";
|
|
7
|
-
import { cn, getCSSPropsAttributes } from "../utils/index.js";
|
|
7
|
+
import { cn, getCSSPropsAttributes, getReactNodeKey } from "../utils/index.js";
|
|
8
8
|
import { Portal } from "./base/Portal.js";
|
|
9
9
|
import { Render } from "./base/Render.js";
|
|
10
10
|
import { TooltipMeta } from "./Tooltip.meta.js";
|
|
11
11
|
const TooltipContext = createContext(null);
|
|
12
|
-
const TooltipCollectorContext = createContext(null);
|
|
13
12
|
const OPEN_DELAY = 300;
|
|
14
|
-
export function TooltipRoot({ ref: passedRef, content: passedContent,
|
|
13
|
+
export function TooltipRoot({ ref: passedRef, content: passedContent, side, gap, align, alignOffset, open: controlledOpen, onOpenChange, disabled, overrideDescendants, className, style, children, ...props }) {
|
|
15
14
|
const { dirProps } = useGDS();
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
const
|
|
22
|
-
const
|
|
15
|
+
const ancestorTooltip = useContext(TooltipContext);
|
|
16
|
+
const triggerRef = useRef(null);
|
|
17
|
+
const [cssPropsPolyfillRef, cssPropsPolyfillAttributes, cssProps] = useCSSPropsPolyfill(TooltipMeta, { side, align, disabled, overrideDescendants }, { returnPropValues: { side, gap, align, alignOffset, disabled, overrideDescendants } });
|
|
18
|
+
const cssPropsAttributes = getCSSPropsAttributes(TooltipMeta, { side, gap, align, alignOffset, disabled, overrideDescendants }, style);
|
|
19
|
+
const [setCollectedContent, collectedContent] = useDeferredContent();
|
|
20
|
+
const [setInheritedContent, inheritedContent] = useDeferredContent();
|
|
21
|
+
const content = passedContent !== undefined
|
|
22
|
+
? passedContent
|
|
23
|
+
: collectedContent !== undefined
|
|
24
|
+
? collectedContent
|
|
25
|
+
: inheritedContent;
|
|
26
|
+
const triggerDisabled = 'props' in children &&
|
|
27
|
+
children.props &&
|
|
28
|
+
typeof children.props === 'object' &&
|
|
29
|
+
'disabled' in children.props
|
|
30
|
+
? children.props.disabled === true
|
|
31
|
+
: false;
|
|
32
|
+
// Propagate the passed/collected content up for the first tooltip ancestor that needs them
|
|
33
|
+
if (passedContent !== undefined && !cssProps.disabled && !triggerDisabled) {
|
|
34
|
+
ancestorTooltip?.inheritContent(passedContent, 3);
|
|
35
|
+
}
|
|
36
|
+
const collectContent = (newCollectedContent, priority) => {
|
|
37
|
+
const prioritizedCollectedContent = setCollectedContent(newCollectedContent, priority);
|
|
38
|
+
if (!triggerDisabled)
|
|
39
|
+
ancestorTooltip?.inheritContent(prioritizedCollectedContent, 2);
|
|
40
|
+
};
|
|
41
|
+
const inheritContent = (newInheritedContent, priority) => {
|
|
42
|
+
void setInheritedContent(newInheritedContent, priority);
|
|
43
|
+
if (!triggerDisabled)
|
|
44
|
+
ancestorTooltip?.inheritContent(newInheritedContent, 1);
|
|
45
|
+
};
|
|
46
|
+
const disabledByAncestor = ancestorTooltip?.disableDescendants ?? false;
|
|
47
|
+
const disableDescendants = disabledByAncestor ||
|
|
48
|
+
triggerDisabled ||
|
|
49
|
+
(content !== undefined && !cssProps.disabled && cssProps.overrideDescendants);
|
|
50
|
+
const enabled = Boolean(content) && !cssProps.disabled && !triggerDisabled && !disabledByAncestor;
|
|
23
51
|
const [open, ownSetOpen] = useControlled(controlledOpen, false, onOpenChange);
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
}
|
|
52
|
+
const descendantSetOpen = useRef(null);
|
|
53
|
+
const registerDescendantSetOpen = (newDescendantSetOpen) => {
|
|
54
|
+
descendantSetOpen.current = newDescendantSetOpen;
|
|
55
|
+
};
|
|
56
|
+
const justOpenedRef = useRef(false);
|
|
28
57
|
const setOpen = (newOpen) => {
|
|
29
58
|
ownSetOpen(newOpen);
|
|
30
59
|
/**
|
|
31
|
-
* Notify
|
|
32
|
-
* moving the cursor away from a `CopyButton` while its "Copied!" tooltip is shown closes
|
|
33
|
-
* inner tooltip as well (which doesn't happen automatically because nested
|
|
34
|
-
* disabled to prevent a lot of weirdness).
|
|
60
|
+
* Notify overridden descendant tooltips of the open state change. This ensures, for example,
|
|
61
|
+
* that moving the cursor away from a `CopyButton` while its "Copied!" tooltip is shown closes
|
|
62
|
+
* the inner tooltip as well (which doesn't happen automatically because tooltips nested under
|
|
63
|
+
* an enabled tooltip are disabled to prevent a lot of weirdness).
|
|
35
64
|
*/
|
|
36
|
-
|
|
65
|
+
if (cssProps.overrideDescendants) {
|
|
66
|
+
descendantSetOpen.current?.(newOpen);
|
|
67
|
+
}
|
|
68
|
+
if (newOpen) {
|
|
69
|
+
justOpenedRef.current = true;
|
|
70
|
+
window.setTimeout(() => {
|
|
71
|
+
justOpenedRef.current = false;
|
|
72
|
+
}, 0);
|
|
73
|
+
}
|
|
37
74
|
};
|
|
38
|
-
|
|
39
|
-
if (cssProps.disabled && open) {
|
|
40
|
-
setOpen(false);
|
|
41
|
-
}
|
|
75
|
+
ancestorTooltip?.registerDescendantSetOpen(setOpen);
|
|
42
76
|
const openTimeoutRef = useRef(undefined);
|
|
43
77
|
const clearOpenTimeout = () => {
|
|
44
78
|
if (!openTimeoutRef.current)
|
|
@@ -49,72 +83,73 @@ export function TooltipRoot({ ref: passedRef, content: passedContent, position,
|
|
|
49
83
|
if (!enabled) {
|
|
50
84
|
clearOpenTimeout();
|
|
51
85
|
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
+
return (_jsx(TooltipContext.Provider, { value: {
|
|
87
|
+
collectContent,
|
|
88
|
+
inheritContent,
|
|
89
|
+
disableDescendants,
|
|
90
|
+
registerDescendantSetOpen,
|
|
91
|
+
}, children: _jsxs(Tooltip.Root, { disabled: !enabled, disableHoverablePopup: true, open: open, onOpenChange: (newOpen, eventDetails) => {
|
|
92
|
+
clearOpenTimeout();
|
|
93
|
+
if (!enabled)
|
|
94
|
+
return;
|
|
95
|
+
// Disable Base UI's default behavior of closing the tooltip when pressing the trigger
|
|
96
|
+
if (!newOpen && eventDetails.reason === 'trigger-press') {
|
|
97
|
+
// Ensure clicking on the trigger before the tooltip has a chance to open doesn't prevent it from opening
|
|
98
|
+
openTimeoutRef.current = window.setTimeout(() => setOpen(true), OPEN_DELAY);
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
// Make `overrideDescendants={false}` work as expected (see the `NestedSimultaneous` story)
|
|
102
|
+
if (!newOpen &&
|
|
103
|
+
eventDetails.reason === 'none' &&
|
|
104
|
+
(justOpenedRef.current ||
|
|
105
|
+
(!cssProps.overrideDescendants && triggerRef.current?.matches(':hover')))) {
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
setOpen(newOpen);
|
|
109
|
+
}, children: [_jsx(Tooltip.Trigger, { ref: triggerRef, delay: OPEN_DELAY, closeDelay: 100, render: ({ onClick: _onClick, ...renderProps }) => (_jsx(Render, { ...(enabled ? renderProps : {}), render: children })) }), _jsx(Tooltip.Portal, { children: _jsx(Tooltip.Positioner, { side: cssProps.side === 'start'
|
|
110
|
+
? 'inline-start'
|
|
111
|
+
: cssProps.side === 'end'
|
|
112
|
+
? 'inline-end'
|
|
113
|
+
: cssProps.side, sideOffset: twToPx(cssProps.gap), align: cssProps.align, alignOffset: twToPx(cssProps.alignOffset), collisionPadding: 8, ...dirProps, children: _jsx(Tooltip.Popup, { ref: passedRef, "data-side": cssProps.side, className: cn(`gds-tooltip root-block u:max-w-(--available-width) u:rounded-4 u:bg-default u:px-2 u:py-1 u:text-12 u:transition
|
|
114
|
+
i:origin-(--transform-origin)
|
|
115
|
+
i:data-ending-style:opacity-0
|
|
116
|
+
i:data-starting-style:opacity-0
|
|
117
|
+
i:data-starting-style:data-[side=bottom]:-translate-y-1
|
|
118
|
+
i:data-starting-style:data-[side=end]:-translate-x-1
|
|
119
|
+
i:data-starting-style:data-[side=start]:translate-x-1
|
|
120
|
+
i:data-starting-style:data-[side=top]:translate-y-1
|
|
121
|
+
i:rtl:data-starting-style:data-[side=end]:translate-x-1
|
|
122
|
+
i:rtl:data-starting-style:data-[side=start]:-translate-x-1`, className), ...cssPropsAttributes, ...cssPropsPolyfillAttributes, ...props, children: content }) }) }), _jsx(Portal, { children: _jsx("span", { ref: cssPropsPolyfillRef, className: cn('gds-tooltip i:invisible', className), ...cssPropsAttributes, ...cssPropsPolyfillAttributes, ...props }) })] }) }));
|
|
86
123
|
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
const
|
|
90
|
-
const
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
124
|
+
function useDeferredContent() {
|
|
125
|
+
const [content, setContent] = useState(undefined);
|
|
126
|
+
const pendingContentRef = useRef(undefined);
|
|
127
|
+
const pendingPriorityRef = useRef(undefined);
|
|
128
|
+
// Store the content in a ref to avoid updating the state during render
|
|
129
|
+
const setDeferredContent = (newContent, priority = 0) => {
|
|
130
|
+
// If we've already stored content this render, only replace it if the new content has higher priority
|
|
131
|
+
if (pendingContentRef.current === undefined ||
|
|
132
|
+
priority >= (pendingPriorityRef.current ?? -Infinity)) {
|
|
133
|
+
pendingContentRef.current = newContent;
|
|
134
|
+
pendingPriorityRef.current = priority;
|
|
98
135
|
}
|
|
136
|
+
return pendingContentRef.current;
|
|
99
137
|
};
|
|
100
|
-
// Commit the
|
|
101
|
-
// oxlint-disable-next-line react-hooks/exhaustive-deps -- Must run after every render to sync
|
|
138
|
+
// Commit the stored content after render
|
|
139
|
+
// oxlint-disable-next-line react-hooks/exhaustive-deps -- Must run after every render to sync
|
|
102
140
|
useEffect(() => {
|
|
103
|
-
if (
|
|
104
|
-
|
|
141
|
+
if (getReactNodeKey(content) !== getReactNodeKey(pendingContentRef.current)) {
|
|
142
|
+
setContent(pendingContentRef.current);
|
|
105
143
|
}
|
|
106
144
|
// Reset for next render
|
|
107
|
-
|
|
108
|
-
|
|
145
|
+
pendingContentRef.current = undefined;
|
|
146
|
+
pendingPriorityRef.current = undefined;
|
|
109
147
|
});
|
|
110
|
-
return
|
|
111
|
-
onCollect,
|
|
112
|
-
collectedContent,
|
|
113
|
-
};
|
|
148
|
+
return [setDeferredContent, content];
|
|
114
149
|
}
|
|
115
150
|
/**
|
|
116
151
|
* Wrap any text or `ReactNode` with this component to use it as the default `content` of the
|
|
117
|
-
*
|
|
152
|
+
* closest `Tooltip`, in addition to rendering it inline. It is meant to be wrapped in a `sr-only`
|
|
118
153
|
* element, so that the content rendered inline is visually hidden but accessible to screen readers,
|
|
119
154
|
* unlike the content rendered in the tooltip itself, which is hidden from the accessibility tree
|
|
120
155
|
* since most tooltips are decorative. This allows a tooltip to be non-decorative, in the rare case
|
|
@@ -122,13 +157,19 @@ export function useCollectedTooltip() {
|
|
|
122
157
|
* from the trigger's accessible name).
|
|
123
158
|
*/
|
|
124
159
|
export function TooltipContent({ render, children }) {
|
|
125
|
-
const
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
160
|
+
const ancestorTooltip = useContext(TooltipContext);
|
|
161
|
+
ancestorTooltip?.collectContent(children || null);
|
|
162
|
+
return render ? _jsx(Render, { render: render, children: children }) : children;
|
|
163
|
+
}
|
|
164
|
+
TooltipContent.displayName = 'Tooltip.Content';
|
|
165
|
+
const TooltipCollectorContext = createContext(null);
|
|
166
|
+
export function TooltipCollector({ children }) {
|
|
167
|
+
const ancestorTooltip = useContext(TooltipContext);
|
|
168
|
+
return (_jsx(TooltipCollectorContext.Provider, { value: ancestorTooltip?.collectContent ?? null, children: children }));
|
|
169
|
+
}
|
|
170
|
+
TooltipCollector.displayName = 'Tooltip.Collector';
|
|
171
|
+
/** Hook for components to send tooltip content up to a collector. */
|
|
172
|
+
export function useTooltipCollector() {
|
|
173
|
+
return useContext(TooltipCollectorContext);
|
|
133
174
|
}
|
|
134
175
|
//# sourceMappingURL=Tooltip.parts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.parts.js","sourceRoot":"","sources":["../../src/components/Tooltip.parts.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACL,aAAa,EACb,
|
|
1
|
+
{"version":3,"file":"Tooltip.parts.js","sourceRoot":"","sources":["../../src/components/Tooltip.parts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const AddonMeta: import("@graphprotocol/gds-css").GDSComponent<
|
|
1
|
+
export declare const AddonMeta: import("@graphprotocol/gds-css").GDSComponent<{}, false>;
|
|
2
2
|
//# sourceMappingURL=Addon.meta.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Addon.meta.d.ts","sourceRoot":"","sources":["../../../src/components/base/Addon.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"Addon.meta.d.ts","sourceRoot":"","sources":["../../../src/components/base/Addon.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,0DAEpB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Addon.meta.js","sourceRoot":"","sources":["../../../src/components/base/Addon.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"Addon.meta.js","sourceRoot":"","sources":["../../../src/components/base/Addon.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE;IAChD,OAAO,EAAE,KAAK;CACf,CAAC,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ButtonOrLinkConsumer } from './ButtonOrLink.parts.tsx';
|
|
2
2
|
export declare const ButtonOrLink: {
|
|
3
|
-
(passedProps: import("./ButtonOrLink.parts.tsx").InternalButtonOrLinkProps):
|
|
3
|
+
(passedProps: import("./ButtonOrLink.parts.tsx").InternalButtonOrLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
} & {
|
|
6
6
|
Config: {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type ComponentProps, type ComponentType, type ElementType, type MouseEvent, type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
import { type RenderFn } from './Render.tsx';
|
|
2
3
|
interface LinkComponentObject {
|
|
3
4
|
component: ElementType;
|
|
4
5
|
/** @default false */
|
|
@@ -8,7 +9,7 @@ interface LinkComponentObject {
|
|
|
8
9
|
type LinkComponent = ComponentType<ComponentProps<'a'>> | ComponentType<{
|
|
9
10
|
href: string;
|
|
10
11
|
}> | ReactElement | LinkComponentObject | null;
|
|
11
|
-
export
|
|
12
|
+
export type ButtonOrLinkState = {
|
|
12
13
|
Element: ElementType;
|
|
13
14
|
category: 'button' | 'link' | 'other';
|
|
14
15
|
role: NonNullable<InternalButtonOrLinkProps['role']>;
|
|
@@ -17,7 +18,7 @@ export interface ButtonOrLinkState {
|
|
|
17
18
|
checked?: InternalButtonOrLinkProps['checked'];
|
|
18
19
|
href?: InternalButtonOrLinkProps['href'];
|
|
19
20
|
target?: InternalButtonOrLinkProps['target'];
|
|
20
|
-
}
|
|
21
|
+
};
|
|
21
22
|
export declare namespace InternalButtonOrLinkProps {
|
|
22
23
|
interface DisableableProps {
|
|
23
24
|
disabled?: boolean | 'focusable' | undefined;
|
|
@@ -33,8 +34,8 @@ export declare namespace InternalButtonOrLinkProps {
|
|
|
33
34
|
*/
|
|
34
35
|
inline?: boolean | undefined;
|
|
35
36
|
/** Custom render function to control the rendered element. */
|
|
36
|
-
render?:
|
|
37
|
-
/** Custom component to use for rendering links (e.g
|
|
37
|
+
render?: RenderFn<ButtonOrLinkState> | undefined;
|
|
38
|
+
/** Custom component to use for rendering links (e.g. Next.js Link) */
|
|
38
39
|
linkComponent?: LinkComponent | undefined;
|
|
39
40
|
}
|
|
40
41
|
interface ButtonProps extends BaseProps, DisableableProps, Omit<ComponentProps<'button'>, 'defaultValue' | 'disabled'> {
|
|
@@ -74,7 +75,7 @@ interface ButtonOrLinkConfigContextValue {
|
|
|
74
75
|
* (or a `span` that behaves like a button if `inline` is true).
|
|
75
76
|
*/
|
|
76
77
|
export declare const ButtonOrLinkRoot: {
|
|
77
|
-
(passedProps: InternalButtonOrLinkProps):
|
|
78
|
+
(passedProps: InternalButtonOrLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
78
79
|
displayName: string;
|
|
79
80
|
};
|
|
80
81
|
export interface ButtonOrLinkConfigProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonOrLink.parts.d.ts","sourceRoot":"","sources":["../../../src/components/base/ButtonOrLink.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ButtonOrLink.parts.d.ts","sourceRoot":"","sources":["../../../src/components/base/ButtonOrLink.parts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,9 +12,9 @@ export function useAncestorButtonOrLink() {
|
|
|
12
12
|
}
|
|
13
13
|
const memoizedWithContextComponents = new Map();
|
|
14
14
|
function withContext(Element) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
const cached = memoizedWithContextComponents.get(Element);
|
|
16
|
+
if (cached)
|
|
17
|
+
return cached;
|
|
18
18
|
const newWithContextComponent = ({ buttonOrLinkState, ...props }) => (_jsx(ButtonOrLinkContext.Provider, { value: buttonOrLinkState, children: _jsx(Element, { ...props }) }));
|
|
19
19
|
memoizedWithContextComponents.set(Element, newWithContextComponent);
|
|
20
20
|
return newWithContextComponent;
|
|
@@ -46,7 +46,18 @@ export const ButtonOrLinkRoot = (passedProps) => {
|
|
|
46
46
|
}
|
|
47
47
|
: undefined,
|
|
48
48
|
});
|
|
49
|
-
const { disabled = false, inline = false, linkComponent: passedLinkComponent, render,
|
|
49
|
+
const { disabled = false, inline = false, linkComponent: passedLinkComponent, render, className: passedClassName, children, ...nonBaseProps } = props;
|
|
50
|
+
const manuallyDisabledEventProps = {
|
|
51
|
+
onClick: undefined,
|
|
52
|
+
onMouseDown: undefined,
|
|
53
|
+
onMouseUp: undefined,
|
|
54
|
+
onPointerDown: undefined,
|
|
55
|
+
onPointerUp: undefined,
|
|
56
|
+
onTouchStart: undefined,
|
|
57
|
+
onTouchEnd: undefined,
|
|
58
|
+
onKeyDown: undefined,
|
|
59
|
+
onKeyUp: undefined,
|
|
60
|
+
};
|
|
50
61
|
const className = cn('gds-button-or-link', passedClassName);
|
|
51
62
|
if (props.href === undefined) {
|
|
52
63
|
const { role = 'button', type = 'button', checked, defaultChecked, href: _href, target: _target, ...remainingProps } = nonBaseProps;
|
|
@@ -76,7 +87,7 @@ export const ButtonOrLinkRoot = (passedProps) => {
|
|
|
76
87
|
}
|
|
77
88
|
return { 'aria-checked': checkedOrMixed };
|
|
78
89
|
})(checked);
|
|
79
|
-
|
|
90
|
+
const buttonProps = {
|
|
80
91
|
role,
|
|
81
92
|
type: disabled === 'focusable' ? 'button' : type,
|
|
82
93
|
disabled: disabled === true,
|
|
@@ -85,11 +96,8 @@ export const ButtonOrLinkRoot = (passedProps) => {
|
|
|
85
96
|
className,
|
|
86
97
|
children,
|
|
87
98
|
buttonOrLinkState: state,
|
|
88
|
-
};
|
|
89
|
-
buttonProps = {
|
|
90
|
-
...buttonProps,
|
|
91
|
-
onClick: !disabled ? onClick : undefined,
|
|
92
99
|
...remainingProps,
|
|
100
|
+
...((disabled === 'focusable' || (disabled && inline)) && manuallyDisabledEventProps),
|
|
93
101
|
};
|
|
94
102
|
return render ? render(buttonProps, state) : _jsx(Element, { ...buttonProps });
|
|
95
103
|
}
|
|
@@ -102,26 +110,16 @@ export const ButtonOrLinkRoot = (passedProps) => {
|
|
|
102
110
|
href,
|
|
103
111
|
target,
|
|
104
112
|
};
|
|
105
|
-
let linkProps =
|
|
106
|
-
?
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
: {
|
|
114
|
-
role: role !== 'link' ? role : undefined,
|
|
115
|
-
href,
|
|
116
|
-
target,
|
|
117
|
-
rel,
|
|
118
|
-
className,
|
|
119
|
-
children,
|
|
120
|
-
};
|
|
121
|
-
linkProps = {
|
|
122
|
-
...linkProps,
|
|
123
|
-
onClick: !disabled ? onClick : undefined,
|
|
113
|
+
let linkProps = {
|
|
114
|
+
role: disabled || role !== 'link' ? role : undefined,
|
|
115
|
+
href: !disabled ? href : undefined,
|
|
116
|
+
target: !disabled ? target : undefined,
|
|
117
|
+
rel: !disabled ? rel : undefined,
|
|
118
|
+
'aria-disabled': Boolean(disabled) || undefined,
|
|
119
|
+
className,
|
|
120
|
+
children,
|
|
124
121
|
...remainingProps,
|
|
122
|
+
...(disabled && manuallyDisabledEventProps),
|
|
125
123
|
};
|
|
126
124
|
let linkComponent = null;
|
|
127
125
|
if (passedLinkComponent) {
|
|
@@ -200,7 +198,7 @@ function SpanButton({ ref: passedRef, type = 'button', disabled = false, onClick
|
|
|
200
198
|
isDisabled: disabled,
|
|
201
199
|
elementType: 'span',
|
|
202
200
|
onPress: (event) => {
|
|
203
|
-
|
|
201
|
+
event.target.dispatchEvent(new MouseEvent('click', {
|
|
204
202
|
altKey: event.altKey,
|
|
205
203
|
ctrlKey: event.ctrlKey,
|
|
206
204
|
metaKey: event.metaKey,
|
|
@@ -208,8 +206,7 @@ function SpanButton({ ref: passedRef, type = 'button', disabled = false, onClick
|
|
|
208
206
|
relatedTarget: event.target,
|
|
209
207
|
bubbles: true,
|
|
210
208
|
cancelable: true,
|
|
211
|
-
});
|
|
212
|
-
event.target.dispatchEvent(mouseEvent);
|
|
209
|
+
}));
|
|
213
210
|
},
|
|
214
211
|
onPressStart: (event) => {
|
|
215
212
|
if (event.pointerType === 'keyboard')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonOrLink.parts.js","sourceRoot":"","sources":["../../../src/components/base/ButtonOrLink.parts.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACL,aAAa,EACb,cAAc,EACd,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,GAOT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"ButtonOrLink.parts.js","sourceRoot":"","sources":["../../../src/components/base/ButtonOrLink.parts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
export declare const CheckableMeta: import("@graphprotocol/gds-css").GDSComponent<{
|
|
2
|
-
/** @default 'medium' */
|
|
3
2
|
readonly size: {
|
|
4
3
|
readonly type: "values";
|
|
5
4
|
readonly values: ["small", "medium", "large"];
|
|
6
5
|
readonly defaultValue: "medium";
|
|
7
6
|
};
|
|
8
|
-
},
|
|
7
|
+
}, false>;
|
|
9
8
|
//# sourceMappingURL=Checkable.meta.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkable.meta.d.ts","sourceRoot":"","sources":["../../../src/components/base/Checkable.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"Checkable.meta.d.ts","sourceRoot":"","sources":["../../../src/components/base/Checkable.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;;;SASxB,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { type ComponentProps, type
|
|
1
|
+
import { type ComponentProps, type ReactNode } from 'react';
|
|
2
2
|
import type { GDSComponentProps } from '@graphprotocol/gds-css';
|
|
3
3
|
import { CheckableMeta } from './Checkable.meta.ts';
|
|
4
|
-
import { type
|
|
5
|
-
export
|
|
4
|
+
import { type RenderProp } from './Render.tsx';
|
|
5
|
+
export type CheckableState = {
|
|
6
6
|
inputProps: {
|
|
7
7
|
name: string | undefined;
|
|
8
8
|
value: string | undefined;
|
|
@@ -13,14 +13,14 @@ export interface CheckableState {
|
|
|
13
13
|
'aria-labelledby'?: string | undefined;
|
|
14
14
|
className: string;
|
|
15
15
|
};
|
|
16
|
-
}
|
|
16
|
+
};
|
|
17
17
|
export interface CheckableProps extends Omit<ComponentProps<'span'>, 'children'>, GDSComponentProps<typeof CheckableMeta> {
|
|
18
18
|
label: ReactNode | undefined;
|
|
19
19
|
name: string | undefined;
|
|
20
20
|
value: string | undefined;
|
|
21
21
|
checked: boolean | 'indeterminate' | undefined;
|
|
22
22
|
disabled: boolean | undefined;
|
|
23
|
-
renderInput:
|
|
23
|
+
renderInput: RenderProp<CheckableState>;
|
|
24
24
|
}
|
|
25
25
|
export declare function CheckableRoot({ ref: passedRef, size, label, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, name, value, checked, disabled, className, style, renderInput, ...props }: CheckableProps): import("react/jsx-runtime").JSX.Element;
|
|
26
26
|
export declare namespace CheckableRoot {
|
|
@@ -45,7 +45,7 @@ export interface CheckableLabelProps extends ComponentProps<'span'> {
|
|
|
45
45
|
* `<Card as="label" />`). Defaults to `<label />`, unless there is an ancestor `CheckableLabel`,
|
|
46
46
|
* in which case it defaults to `<span />`.
|
|
47
47
|
*/
|
|
48
|
-
render?:
|
|
48
|
+
render?: RenderProp | undefined;
|
|
49
49
|
}
|
|
50
50
|
export declare function CheckableLabel({ ref: passedRef, checked, disabled, focusRing, render, className, ...props }: CheckableLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
51
51
|
export declare namespace CheckableLabel {
|