@procore/core-react 11.3.0-rc.6 → 11.3.0-rc.7
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/DateSelect/DateSelect.types.d.ts +1 -1
- package/dist/Dropdown/Dropdown.types.d.ts +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.d.ts +3 -85
- package/dist/OverlayTrigger/OverlayTrigger.js +33 -16
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.types.d.ts +92 -0
- package/dist/OverlayTrigger/OverlayTrigger.types.js +2 -0
- package/dist/OverlayTrigger/OverlayTrigger.types.js.map +1 -0
- package/dist/OverlayTrigger/a11yPresets.d.ts +14 -0
- package/dist/OverlayTrigger/a11yPresets.js +58 -0
- package/dist/OverlayTrigger/a11yPresets.js.map +1 -0
- package/dist/OverlayTrigger/index.d.ts +2 -1
- package/dist/OverlayTrigger/index.js.map +1 -1
- package/dist/Popover/Popover.types.d.ts +1 -1
- package/dist/_typedoc/Avatar/Avatar.types.json +17 -17
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +22 -22
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +12 -12
- package/dist/_typedoc/Box/Box.types.json +66 -66
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +7 -7
- package/dist/_typedoc/Button/Button.types.json +11 -11
- package/dist/_typedoc/Calendar/Calendar.types.json +79 -79
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +7 -7
- package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
- package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
- package/dist/_typedoc/DateSelect/DateSelect.types.json +19 -19
- package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
- package/dist/_typedoc/Dropdown/Dropdown.types.json +35 -35
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +31 -31
- package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
- package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
- package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/_typedoc/Flex/Flex.types.json +26 -26
- package/dist/_typedoc/FlexList/FlexList.types.json +29 -29
- package/dist/_typedoc/Form/Form.types.json +700 -700
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +51 -51
- package/dist/_typedoc/Input/Input.types.json +2 -2
- package/dist/_typedoc/Link/Link.types.json +4 -4
- package/dist/_typedoc/ListPage/ListPage.types.json +13 -13
- package/dist/_typedoc/Menu/Menu.types.json +61 -61
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +68 -68
- package/dist/_typedoc/Modal/Modal.types.json +27 -27
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +30 -30
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +36 -36
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.json +1 -234
- package/dist/_typedoc/PageLayout/PageLayout.types.json +7 -7
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +27 -27
- package/dist/_typedoc/Pill/Pill.types.json +1 -1
- package/dist/_typedoc/PillSelect/PillSelect.types.json +46 -46
- package/dist/_typedoc/Popover/Popover.types.json +12 -12
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +5 -5
- package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
- package/dist/_typedoc/Required/Required.types.json +5 -5
- package/dist/_typedoc/Search/Search.types.json +18 -18
- package/dist/_typedoc/Section/Section.types.json +14 -14
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
- package/dist/_typedoc/Select/Select.types.json +31 -31
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
- package/dist/_typedoc/Switch/Switch.types.json +3 -3
- package/dist/_typedoc/Table/Table.types.json +100 -100
- package/dist/_typedoc/Tabs/Tabs.types.json +15 -15
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +10 -10
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +7 -7
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +3 -3
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +25 -25
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +41 -41
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +27 -27
- package/dist/_typedoc/Tile/Tile.types.json +30 -30
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
- package/dist/_typedoc/Token/Token.types.json +4 -4
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +8 -8
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +85 -85
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +8 -8
- package/dist/_typedoc/_utils/types.json +3 -3
- package/package.json +3 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CalendarProps } from '../Calendar/Calendar.types';
|
|
2
2
|
import { DateInputProps } from '../DateInput/DateInput.types';
|
|
3
|
-
import { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger';
|
|
3
|
+
import { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types';
|
|
4
4
|
import { VisibilityConfig } from '../_hooks/Visibility';
|
|
5
5
|
declare type PickedDateInputProps = Pick<DateInputProps, 'className' | 'disabled' | 'error' | 'onChange' | 'onClear' | 'tabIndex' | 'variant'>;
|
|
6
6
|
declare type PickedCalendarProps = Pick<CalendarProps, 'disabledDate'>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonProps } from '../Button/Button.types';
|
|
3
3
|
import { MenuRef, Selection } from '../MenuImperative/MenuImperative.types';
|
|
4
|
-
import { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger';
|
|
4
|
+
import { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types';
|
|
5
5
|
import { Placement } from '../_utils/types';
|
|
6
6
|
declare type HTMLButtonProps = React.ComponentPropsWithoutRef<'button'>;
|
|
7
7
|
declare type HTMLDivProps = React.ComponentPropsWithoutRef<'div'>;
|
|
@@ -1,90 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { OverlayProps } from '../Overlay/Overlay';
|
|
3
|
-
import { BeforeCallback } from '../_hooks/DelayedCallback';
|
|
4
|
-
import { TriggerRenderProps } from '../_hooks/Trigger';
|
|
5
|
-
import { VisibilityConfig } from '../_hooks/Visibility';
|
|
6
2
|
import { Placement } from '../_utils/placement';
|
|
7
|
-
|
|
8
|
-
declare type PickedTriggerProps = Pick<TriggerRenderProps, 'children' | 'trigger'>;
|
|
9
|
-
declare type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>;
|
|
10
|
-
declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow' | 'initialIsVisible'>;
|
|
11
|
-
export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerProps, PickedTriggerRenderProps, PickedVisibilityProps {
|
|
12
|
-
/**
|
|
13
|
-
* <div>
|
|
14
|
-
* The callback to run before the overlay is hidden. Returning
|
|
15
|
-
* <Code>false</Code> will prevent hiding.
|
|
16
|
-
* </div>
|
|
17
|
-
* <CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>
|
|
18
|
-
* @since 10.19.0
|
|
19
|
-
*/
|
|
20
|
-
beforeHide?: BeforeCallback;
|
|
21
|
-
/**
|
|
22
|
-
* <div>
|
|
23
|
-
* The callback to run before the overlay is shown. Returning
|
|
24
|
-
* <Code>false</Code> will prevent showing.
|
|
25
|
-
* </div>
|
|
26
|
-
* <CodeBlock>(e: event) => boolean | Promise | undefined</CodeBlock>
|
|
27
|
-
* @since 10.19.0
|
|
28
|
-
*/
|
|
29
|
-
beforeShow?: BeforeCallback;
|
|
30
|
-
/**
|
|
31
|
-
* Additional refs to check for clickOutside behavior
|
|
32
|
-
* @since 10.19.0
|
|
33
|
-
*/
|
|
34
|
-
clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[];
|
|
35
|
-
/**
|
|
36
|
-
* The delay when hiding the overlay
|
|
37
|
-
* @since 10.19.0
|
|
38
|
-
*/
|
|
39
|
-
hideDelay?: number;
|
|
40
|
-
hideKeys?: {
|
|
41
|
-
/**
|
|
42
|
-
* Keys to hide the overlay when the overlay is focused
|
|
43
|
-
* @since 10.19.0
|
|
44
|
-
*/
|
|
45
|
-
overlay: string[];
|
|
46
|
-
target: string[];
|
|
47
|
-
};
|
|
48
|
-
overlay: React.ReactNode;
|
|
49
|
-
/**
|
|
50
|
-
* Restore focus to the target after the overlay is hidden
|
|
51
|
-
* @default true
|
|
52
|
-
* @since 10.19.0
|
|
53
|
-
*/
|
|
54
|
-
restoreFocusOnHide?: boolean;
|
|
55
|
-
/**
|
|
56
|
-
* The delay when showing the overlay
|
|
57
|
-
* @since 10.19.0
|
|
58
|
-
*/
|
|
59
|
-
showDelay?: number;
|
|
60
|
-
/**
|
|
61
|
-
* Keys to show the overlay when the target is focused
|
|
62
|
-
* @since 10.19.0
|
|
63
|
-
*/
|
|
64
|
-
showKeys?: string[];
|
|
65
|
-
/**
|
|
66
|
-
* Toggles overlay visibility
|
|
67
|
-
* @since 11.2.0
|
|
68
|
-
*/
|
|
69
|
-
overlayRef?: React.Ref<OverlayTriggerRef>;
|
|
70
|
-
}
|
|
71
|
-
export interface OverlayTriggerRef {
|
|
72
|
-
/**
|
|
73
|
-
* Show visibility
|
|
74
|
-
* @since 11.2.0
|
|
75
|
-
*/
|
|
76
|
-
show: () => void;
|
|
77
|
-
/**
|
|
78
|
-
* Hide overlay
|
|
79
|
-
* @since 11.2.0
|
|
80
|
-
*/
|
|
81
|
-
hide: () => void;
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* @deprecatedSince 11.2.0
|
|
85
|
-
* @deprecated To be replaced by OverlayTriggerProps#overlayRef in future release
|
|
86
|
-
*/
|
|
87
|
-
export declare type DeprecatedOverlayTriggerRef = HTMLElement;
|
|
3
|
+
import { OverlayTriggerProps, OverlayTriggerRole } from './OverlayTrigger.types';
|
|
88
4
|
/**
|
|
89
5
|
|
|
90
6
|
@since 10.19.0
|
|
@@ -109,6 +25,8 @@ interface TriggerOverlayProps {
|
|
|
109
25
|
shrinkOverlay: boolean;
|
|
110
26
|
overlay: React.ReactNode;
|
|
111
27
|
referenceElement: HTMLElement | null;
|
|
28
|
+
role?: OverlayTriggerRole;
|
|
29
|
+
overlayId: string;
|
|
112
30
|
}
|
|
113
31
|
export declare const TriggerOverlay: React.ForwardRefExoticComponent<TriggerOverlayProps & React.RefAttributes<HTMLElement>>;
|
|
114
32
|
export {};
|
|
@@ -19,6 +19,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
19
19
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
20
|
};
|
|
21
21
|
import { arrow as floatingArrow, flip as floatingFlip, limitShift, offset as floatingOffset, shift as floatingShift, size as floatingSize, } from '@floating-ui/react-dom';
|
|
22
|
+
import { useId } from '@react-aria/utils';
|
|
22
23
|
import React from 'react';
|
|
23
24
|
import { Arrow } from '../Overlay/OverlayArrow';
|
|
24
25
|
import { arrowSize } from '../Overlay/OverlayArrow.styles';
|
|
@@ -29,6 +30,7 @@ import { DelayedToggleContext, useDelayedToggle, useDelayedToggleContext, } from
|
|
|
29
30
|
import { useTrigger } from '../_hooks/Trigger';
|
|
30
31
|
import { useVisibility } from '../_hooks/Visibility';
|
|
31
32
|
import { mergeRefs } from '../_utils/mergeRefs';
|
|
33
|
+
import { getA11yPreset } from './a11yPresets';
|
|
32
34
|
var ClickOutside = function (_a) {
|
|
33
35
|
var onClickOutside = _a.onClickOutside, refs = _a.refs;
|
|
34
36
|
useClickOutside({
|
|
@@ -45,16 +47,17 @@ var ClickOutside = function (_a) {
|
|
|
45
47
|
|
|
46
48
|
*/
|
|
47
49
|
export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
|
|
48
|
-
var _b
|
|
50
|
+
var _b;
|
|
51
|
+
var _c = _a.afterHide, afterHide = _c === void 0 ? function () { } : _c, _d = _a.afterShow, afterShow = _d === void 0 ? function () { } : _d, _e = _a.beforeHide, beforeHide = _e === void 0 ? function () { return true; } : _e, _f = _a.beforeShow, beforeShow = _f === void 0 ? function () { return true; } : _f, _g = _a.canFlip, canFlip = _g === void 0 ? true : _g, children = _a.children, _h = _a.clickOutsideIgnoreRefs, clickOutsideIgnoreRefs = _h === void 0 ? [] : _h, _j = _a.hideDelay, hideDelay = _j === void 0 ? 100 : _j, _k = _a.hideKeys, hideKeys = _k === void 0 ? {
|
|
49
52
|
overlay: ['Escape', 'Esc', 'Tab'],
|
|
50
53
|
target: ['Escape', 'Esc'],
|
|
51
|
-
} :
|
|
52
|
-
|
|
53
|
-
showDelay =
|
|
54
|
+
} : _k, _l = _a.initialIsVisible, initialIsVisible = _l === void 0 ? false : _l, overlay = _a.overlay, _m = _a.padding, padding = _m === void 0 ? 2 : _m, _o = _a.placement, placement = _o === void 0 ? 'top' : _o, _p = _a.restoreFocusOnHide, restoreFocusOnHide = _p === void 0 ? true : _p, // TODO: change default to be false, but that is a breaking change
|
|
55
|
+
_q = _a.showDelay, // TODO: change default to be false, but that is a breaking change
|
|
56
|
+
showDelay = _q === void 0 ? 0 : _q, _r = _a.showKeys, showKeys = _r === void 0 ? ['ArrowDown', 'Down'] : _r, _s = _a.shrinkOverlay, shrinkOverlay = _s === void 0 ? false : _s, _t = _a.trigger, trigger = _t === void 0 ? 'click' : _t, _u = _a.arrow, arrow = _u === void 0 ? false : _u, overlayApiRef = _a.overlayRef, role = _a.role;
|
|
54
57
|
var innerTriggerElRef = React.useRef(null);
|
|
55
58
|
var triggerElRef = ref || innerTriggerElRef;
|
|
56
59
|
var overlayElRef = React.useRef(null);
|
|
57
|
-
var
|
|
60
|
+
var _v = React.useState(null), referenceElement = _v[0], setReferenceElement = _v[1];
|
|
58
61
|
var clickedOutsideRef = React.useRef(true);
|
|
59
62
|
var visibility = useVisibility({
|
|
60
63
|
afterHide: afterHide,
|
|
@@ -100,15 +103,18 @@ export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
|
|
|
100
103
|
trigger: trigger,
|
|
101
104
|
triggerRef: triggerElRef,
|
|
102
105
|
});
|
|
106
|
+
var overlayId = useId();
|
|
103
107
|
var triggerElement = typeof children === 'function'
|
|
104
108
|
? children(triggerApi)
|
|
105
109
|
: children;
|
|
106
|
-
var
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
: mergeRefs(triggerElRef, setReferenceElement),
|
|
110
|
+
var triggerA11yProps = (_b = getA11yPreset(role)) === null || _b === void 0 ? void 0 : _b.getTriggerProps({
|
|
111
|
+
isVisible: visibility.isVisible,
|
|
112
|
+
role: role,
|
|
113
|
+
overlayId: overlayId,
|
|
111
114
|
});
|
|
115
|
+
var wrappedTriggerElement = React.cloneElement(triggerElement, __assign({ open: triggerApi.isVisible, ref: triggerElement.ref
|
|
116
|
+
? mergeRefs(triggerElement.ref, triggerElRef, setReferenceElement)
|
|
117
|
+
: mergeRefs(triggerElRef, setReferenceElement) }, triggerA11yProps));
|
|
112
118
|
useTrigger({
|
|
113
119
|
isEnabled: visibility.isVisible,
|
|
114
120
|
enable: delayedToggle.enable,
|
|
@@ -128,7 +134,7 @@ export var OverlayTrigger = React.forwardRef(function OverlayTrigger(_a, ref) {
|
|
|
128
134
|
refs: __spreadArray([overlayElRef, triggerElRef], clickOutsideIgnoreRefs, true),
|
|
129
135
|
})),
|
|
130
136
|
React.createElement(Portal, null,
|
|
131
|
-
React.createElement(TriggerOverlay, { ref: overlayElRef, referenceElement: referenceElement, overlay: overlay, shrinkOverlay: shrinkOverlay, placement: placement, padding: padding, canFlip: canFlip, arrow: arrow }))))));
|
|
137
|
+
React.createElement(TriggerOverlay, { ref: overlayElRef, referenceElement: referenceElement, overlay: overlay, shrinkOverlay: shrinkOverlay, placement: placement, padding: padding, canFlip: canFlip, arrow: arrow, role: role, overlayId: overlayId }))))));
|
|
132
138
|
});
|
|
133
139
|
export function CloseOnFocus(_a) {
|
|
134
140
|
var hide = _a.hide;
|
|
@@ -152,7 +158,8 @@ export function useOverlayTriggerContext() {
|
|
|
152
158
|
};
|
|
153
159
|
}
|
|
154
160
|
export var TriggerOverlay = React.forwardRef(function (_a, ref) {
|
|
155
|
-
var
|
|
161
|
+
var _b;
|
|
162
|
+
var placement = _a.placement, canFlip = _a.canFlip, arrow = _a.arrow, padding = _a.padding, shrinkOverlay = _a.shrinkOverlay, overlay = _a.overlay, referenceElement = _a.referenceElement, role = _a.role, overlayId = _a.overlayId;
|
|
156
163
|
var arrowRef = React.useRef(null);
|
|
157
164
|
var arrowPadding = arrowSize / 2 + 1;
|
|
158
165
|
var middleware = [
|
|
@@ -174,15 +181,25 @@ export var TriggerOverlay = React.forwardRef(function (_a, ref) {
|
|
|
174
181
|
padding: 6,
|
|
175
182
|
}),
|
|
176
183
|
].filter(function (middleware) { return middleware !== null; });
|
|
177
|
-
var
|
|
184
|
+
var _c = useOverlay({
|
|
178
185
|
middleware: middleware,
|
|
179
186
|
placement: placement,
|
|
180
|
-
}), overlayStyle =
|
|
187
|
+
}), overlayStyle = _c.overlayStyle, referenceRefCallback = _c.referenceRef, overlayRef = _c.overlayRef, middlewareData = _c.middlewareData, currentPlacement = _c.placement;
|
|
181
188
|
React.useEffect(function () {
|
|
182
189
|
referenceRefCallback(referenceElement);
|
|
183
190
|
}, [referenceElement, referenceRefCallback]);
|
|
184
|
-
|
|
185
|
-
|
|
191
|
+
var canPropOverlayUp = React.isValidElement(overlay);
|
|
192
|
+
var overlayA11yProps = (_b = getA11yPreset(role)) === null || _b === void 0 ? void 0 : _b.getOverlayProps({
|
|
193
|
+
isVisible: true,
|
|
194
|
+
role: role,
|
|
195
|
+
overlayId: overlayId,
|
|
196
|
+
});
|
|
197
|
+
var overlayWrapperA11yProps = !canPropOverlayUp ? overlayA11yProps : {};
|
|
198
|
+
var overlayElementA11yProps = canPropOverlayUp ? overlayA11yProps : {};
|
|
199
|
+
return (React.createElement("div", __assign({ ref: mergeRefs(ref, overlayRef), style: overlayStyle }, overlayWrapperA11yProps),
|
|
200
|
+
canPropOverlayUp
|
|
201
|
+
? React.cloneElement(overlay, overlayElementA11yProps)
|
|
202
|
+
: overlay,
|
|
186
203
|
arrow && (React.createElement(Arrow, { ref: arrowRef, arrow: middlewareData.arrow, placement: currentPlacement }))));
|
|
187
204
|
});
|
|
188
205
|
//# sourceMappingURL=OverlayTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayTrigger.js","sourceRoot":"","sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EACL,KAAK,IAAI,aAAa,EACtB,IAAI,IAAI,YAAY,EACpB,UAAU,EACV,MAAM,IAAI,cAAc,EACxB,KAAK,IAAI,aAAa,EACtB,IAAI,IAAI,YAAY,GACrB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"OverlayTrigger.js","sourceRoot":"","sources":["../../src/OverlayTrigger/OverlayTrigger.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { OverlayProps } from '../Overlay/Overlay';
|
|
3
|
+
import { BeforeCallback } from '../_hooks/DelayedCallback';
|
|
4
|
+
import { TriggerRenderProps } from '../_hooks/Trigger';
|
|
5
|
+
import { VisibilityConfig } from '../_hooks/Visibility';
|
|
6
|
+
export declare type OverlayTriggerRole = 'dialog' | 'menu' | 'listbox' | 'tooltip' | 'none';
|
|
7
|
+
export declare type PickedOverlayProps = Pick<OverlayProps, 'canFlip' | 'padding' | 'placement' | 'shrinkOverlay' | 'arrow'>;
|
|
8
|
+
export declare type PickedTriggerProps = Pick<TriggerRenderProps, 'children' | 'trigger'>;
|
|
9
|
+
export declare type PickedTriggerRenderProps = Pick<TriggerRenderProps, 'children'>;
|
|
10
|
+
export declare type PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow' | 'initialIsVisible'>;
|
|
11
|
+
export interface OverlayTriggerProps extends PickedOverlayProps, PickedTriggerProps, PickedTriggerRenderProps, PickedVisibilityProps {
|
|
12
|
+
/**
|
|
13
|
+
* The callback to run before the overlay is hidden. Returning
|
|
14
|
+
* `false` will prevent hiding.
|
|
15
|
+
* ```
|
|
16
|
+
* (e: event) => boolean | Promise | undefined
|
|
17
|
+
* ```
|
|
18
|
+
* @since 10.19.0
|
|
19
|
+
*/
|
|
20
|
+
beforeHide?: BeforeCallback;
|
|
21
|
+
/**
|
|
22
|
+
* The callback to run before the overlay is shown. Returning
|
|
23
|
+
* `false` will prevent showing.
|
|
24
|
+
* ```
|
|
25
|
+
* (e: event) => boolean | Promise | undefined
|
|
26
|
+
* ```
|
|
27
|
+
* @since 10.19.0
|
|
28
|
+
*/
|
|
29
|
+
beforeShow?: BeforeCallback;
|
|
30
|
+
/**
|
|
31
|
+
* Additional refs to check for clickOutside behavior
|
|
32
|
+
* @since 10.19.0
|
|
33
|
+
*/
|
|
34
|
+
clickOutsideIgnoreRefs?: React.RefObject<HTMLElement>[];
|
|
35
|
+
/**
|
|
36
|
+
* The delay when hiding the overlay
|
|
37
|
+
* @since 10.19.0
|
|
38
|
+
*/
|
|
39
|
+
hideDelay?: number;
|
|
40
|
+
hideKeys?: {
|
|
41
|
+
/**
|
|
42
|
+
* Keys to hide the overlay when the overlay is focused
|
|
43
|
+
* @since 10.19.0
|
|
44
|
+
*/
|
|
45
|
+
overlay: string[];
|
|
46
|
+
target: string[];
|
|
47
|
+
};
|
|
48
|
+
overlay: React.ReactNode;
|
|
49
|
+
/**
|
|
50
|
+
* Restore focus to the target after the overlay is hidden
|
|
51
|
+
* @default true
|
|
52
|
+
* @since 10.19.0
|
|
53
|
+
*/
|
|
54
|
+
restoreFocusOnHide?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* The delay when showing the overlay
|
|
57
|
+
* @since 10.19.0
|
|
58
|
+
*/
|
|
59
|
+
showDelay?: number;
|
|
60
|
+
/**
|
|
61
|
+
* Keys to show the overlay when the target is focused
|
|
62
|
+
* @since 10.19.0
|
|
63
|
+
*/
|
|
64
|
+
showKeys?: string[];
|
|
65
|
+
/**
|
|
66
|
+
* Toggles overlay visibility
|
|
67
|
+
* @since 11.2.0
|
|
68
|
+
*/
|
|
69
|
+
overlayRef?: React.Ref<OverlayTriggerRef>;
|
|
70
|
+
/**
|
|
71
|
+
* Accessibility props
|
|
72
|
+
* @since 11.2.0
|
|
73
|
+
*/
|
|
74
|
+
role?: OverlayTriggerRole;
|
|
75
|
+
}
|
|
76
|
+
export interface OverlayTriggerRef {
|
|
77
|
+
/**
|
|
78
|
+
* Show visibility
|
|
79
|
+
* @since 11.2.0
|
|
80
|
+
*/
|
|
81
|
+
show: () => void;
|
|
82
|
+
/**
|
|
83
|
+
* Hide overlay
|
|
84
|
+
* @since 11.2.0
|
|
85
|
+
*/
|
|
86
|
+
hide: () => void;
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* @deprecatedSince 11.2.0
|
|
90
|
+
* @deprecated To be replaced by OverlayTriggerProps#overlayRef in future release
|
|
91
|
+
*/
|
|
92
|
+
export declare type DeprecatedOverlayTriggerRef = HTMLElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayTrigger.types.js","sourceRoot":"","sources":["../../src/OverlayTrigger/OverlayTrigger.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { AriaAttributes } from 'react';
|
|
2
|
+
import { OverlayTriggerRole } from './OverlayTrigger.types';
|
|
3
|
+
declare type GetA11yProps = (props: {
|
|
4
|
+
role: OverlayTriggerRole;
|
|
5
|
+
isVisible: boolean;
|
|
6
|
+
overlayId: string;
|
|
7
|
+
}) => AriaAttributes & {
|
|
8
|
+
id?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare function getA11yPreset(role?: OverlayTriggerRole): {
|
|
11
|
+
getOverlayProps: GetA11yProps;
|
|
12
|
+
getTriggerProps: GetA11yProps;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
var returnEmpty = function () { return ({}); };
|
|
2
|
+
var a11yPresets = {
|
|
3
|
+
haspopup: {
|
|
4
|
+
getOverlayProps: function (_a) {
|
|
5
|
+
var role = _a.role, overlayId = _a.overlayId;
|
|
6
|
+
return ({
|
|
7
|
+
id: overlayId,
|
|
8
|
+
role: role,
|
|
9
|
+
});
|
|
10
|
+
},
|
|
11
|
+
getTriggerProps: function (_a) {
|
|
12
|
+
var role = _a.role, isVisible = _a.isVisible, overlayId = _a.overlayId;
|
|
13
|
+
return ({
|
|
14
|
+
'aria-expanded': isVisible,
|
|
15
|
+
'aria-controls': isVisible ? overlayId : undefined,
|
|
16
|
+
'aria-haspopup': role,
|
|
17
|
+
});
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
tooltip: {
|
|
21
|
+
getOverlayProps: function (_a) {
|
|
22
|
+
var overlayId = _a.overlayId;
|
|
23
|
+
return ({
|
|
24
|
+
role: 'tooltip',
|
|
25
|
+
id: overlayId,
|
|
26
|
+
});
|
|
27
|
+
},
|
|
28
|
+
getTriggerProps: function (_a) {
|
|
29
|
+
var isVisible = _a.isVisible, overlayId = _a.overlayId;
|
|
30
|
+
return isVisible
|
|
31
|
+
? {
|
|
32
|
+
'aria-describedby': overlayId,
|
|
33
|
+
}
|
|
34
|
+
: {};
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
export function getA11yPreset(role) {
|
|
39
|
+
switch (role) {
|
|
40
|
+
case 'dialog':
|
|
41
|
+
case 'listbox':
|
|
42
|
+
case 'menu':
|
|
43
|
+
return a11yPresets.haspopup;
|
|
44
|
+
case 'tooltip':
|
|
45
|
+
return a11yPresets.tooltip;
|
|
46
|
+
case 'none':
|
|
47
|
+
return {
|
|
48
|
+
getOverlayProps: (function () { return ({ role: 'none' }); }),
|
|
49
|
+
getTriggerProps: returnEmpty,
|
|
50
|
+
};
|
|
51
|
+
default:
|
|
52
|
+
return {
|
|
53
|
+
getOverlayProps: returnEmpty,
|
|
54
|
+
getTriggerProps: returnEmpty,
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=a11yPresets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"a11yPresets.js","sourceRoot":"","sources":["../../src/OverlayTrigger/a11yPresets.ts"],"names":[],"mappings":"AAGA,IAAM,WAAW,GAAiB,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAA;AAQ5C,IAAM,WAAW,GAMb;IACF,QAAQ,EAAE;QACR,eAAe,EAAE,UAAC,EAAmB;gBAAjB,IAAI,UAAA,EAAE,SAAS,eAAA;YAAO,OAAA,CAAC;gBACzC,EAAE,EAAE,SAAS;gBACb,IAAI,MAAA;aACL,CAAC;QAHwC,CAGxC;QACF,eAAe,EAAE,UAAC,EAA8B;gBAA5B,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;YAAO,OAAA,CAAC;gBACpD,eAAe,EAAE,SAAS;gBAC1B,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;gBAClD,eAAe,EAAE,IAAqC;aACvD,CAAC;QAJmD,CAInD;KACH;IACD,OAAO,EAAE;QACP,eAAe,EAAE,UAAC,EAAa;gBAAX,SAAS,eAAA;YAAO,OAAA,CAAC;gBACnC,IAAI,EAAE,SAAS;gBACf,EAAE,EAAE,SAAS;aACd,CAAC;QAHkC,CAGlC;QACF,eAAe,EAAE,UAAC,EAAwB;gBAAtB,SAAS,eAAA,EAAE,SAAS,eAAA;YACtC,OAAA,SAAS;gBACP,CAAC,CAAC;oBACE,kBAAkB,EAAE,SAAS;iBAC9B;gBACH,CAAC,CAAC,EAAE;QAJN,CAIM;KACT;CACF,CAAA;AAED,MAAM,UAAU,aAAa,CAAC,IAAyB;IACrD,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,MAAM;YACT,OAAO,WAAW,CAAC,QAAQ,CAAA;QAC7B,KAAK,SAAS;YACZ,OAAO,WAAW,CAAC,OAAO,CAAA;QAC5B,KAAK,MAAM;YACT,OAAO;gBACL,eAAe,EAAE,CAAC,cAAM,OAAA,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAlB,CAAkB,CAAiB;gBAC3D,eAAe,EAAE,WAAW;aAC7B,CAAA;QACH;YACE,OAAO;gBACL,eAAe,EAAE,WAAW;gBAC5B,eAAe,EAAE,WAAW;aAC7B,CAAA;KACJ;AACH,CAAC"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { OverlayTrigger,
|
|
1
|
+
export { OverlayTrigger, useOverlayTriggerContext as UNSAFE_useOverlayTriggerContext, } from './OverlayTrigger';
|
|
2
|
+
export { OverlayTriggerProps } from './OverlayTrigger.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/OverlayTrigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/OverlayTrigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,wBAAwB,IAAI,+BAA+B,GAC5D,MAAM,kBAAkB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger';
|
|
2
|
+
import { OverlayTriggerRef } from '../OverlayTrigger/OverlayTrigger.types';
|
|
3
3
|
import { TriggerVariant } from '../_hooks/Trigger';
|
|
4
4
|
import { Placement } from '../_utils/placement';
|
|
5
5
|
import { Props } from '../_utils/types';
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
11
11
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
12
12
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
13
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
13
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L45"
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
16
|
"name": "className",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"description": "Additional classNames",
|
|
21
21
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
22
22
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
23
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
23
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L50"
|
|
24
24
|
},
|
|
25
25
|
{
|
|
26
26
|
"name": "icon",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"description": "The icon to display",
|
|
31
31
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The icon to display</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
|
|
32
32
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
33
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
33
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/Avatar/Avatar.types.ts#L49"
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
36
|
"name": "style",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"description": "Additional CSS styles",
|
|
41
41
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
42
42
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
43
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
43
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L55"
|
|
44
44
|
}
|
|
45
45
|
],
|
|
46
46
|
"description": ""
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
57
57
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
58
58
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
59
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
59
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L45"
|
|
60
60
|
},
|
|
61
61
|
{
|
|
62
62
|
"name": "className",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"description": "Additional classNames",
|
|
67
67
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
68
68
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
69
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
69
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L50"
|
|
70
70
|
},
|
|
71
71
|
{
|
|
72
72
|
"name": "style",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"description": "Additional CSS styles",
|
|
77
77
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
78
78
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
79
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
79
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L55"
|
|
80
80
|
}
|
|
81
81
|
],
|
|
82
82
|
"description": ""
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
93
93
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
94
94
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
95
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
95
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L45"
|
|
96
96
|
},
|
|
97
97
|
{
|
|
98
98
|
"name": "className",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"description": "Additional classNames",
|
|
103
103
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
104
104
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
105
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
105
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L50"
|
|
106
106
|
},
|
|
107
107
|
{
|
|
108
108
|
"name": "imageUrl",
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
"description": "The Avatar rich media url",
|
|
113
113
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The Avatar rich media url</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
|
|
114
114
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
115
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
115
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/Avatar/Avatar.types.ts#L57"
|
|
116
116
|
},
|
|
117
117
|
{
|
|
118
118
|
"name": "style",
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
"description": "Additional CSS styles",
|
|
123
123
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
124
124
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
125
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
125
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L55"
|
|
126
126
|
}
|
|
127
127
|
],
|
|
128
128
|
"description": ""
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
"description": "Instead of using the default children, you can pass in your own.",
|
|
139
139
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
|
|
140
140
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
141
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
141
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L45"
|
|
142
142
|
},
|
|
143
143
|
{
|
|
144
144
|
"name": "className",
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
"description": "Additional classNames",
|
|
149
149
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
150
150
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
151
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
151
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L50"
|
|
152
152
|
},
|
|
153
153
|
{
|
|
154
154
|
"name": "clickable",
|
|
@@ -159,7 +159,7 @@
|
|
|
159
159
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar's clickable state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
|
|
160
160
|
"defaultValue": "false\n",
|
|
161
161
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
162
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
162
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/Avatar/Avatar.types.ts#L12"
|
|
163
163
|
},
|
|
164
164
|
{
|
|
165
165
|
"name": "disabled",
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the Avatar's disabled state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
|
|
171
171
|
"defaultValue": "false\n",
|
|
172
172
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
173
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
173
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/Avatar/Avatar.types.ts#L18"
|
|
174
174
|
},
|
|
175
175
|
{
|
|
176
176
|
"name": "size",
|
|
@@ -183,7 +183,7 @@
|
|
|
183
183
|
"deprecated": "\n\nSize \"xl\" has been deprecated and will be removed in a future version.\nPlease use \"lg\" instead of \"xl\".\n\n**Before**\n\n`<Avatar size=\"xl\" />`\n\n**After**\n\n`<Avatar size=\"lg\" />`\n",
|
|
184
184
|
"deprecatedSince": "10.20.0",
|
|
185
185
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
186
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
186
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/Avatar/Avatar.types.ts#L40"
|
|
187
187
|
},
|
|
188
188
|
{
|
|
189
189
|
"name": "style",
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
"description": "Additional CSS styles",
|
|
194
194
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
195
195
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
196
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
196
|
+
"sourceUrl": "https://github.com/procore/core/blob/b86b22aa3/packages/core-react/src/_utils/types.ts#L55"
|
|
197
197
|
}
|
|
198
198
|
],
|
|
199
199
|
"description": ""
|