@procore/core-react 11.25.0 → 11.25.1
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/Avatar/Avatar.d.ts +1 -1
- package/dist/Avatar/Avatar.styles.js +5 -5
- package/dist/AvatarStack/AvatarStack.d.ts +7 -7
- package/dist/AvatarStack/AvatarStack.styles.d.ts +1 -1
- package/dist/AvatarStack/AvatarStack.styles.js +7 -7
- package/dist/Badge/Badge.styles.js +2 -2
- package/dist/Banner/Banner.styles.js +10 -10
- package/dist/Box/Box.styles.js +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/dist/Button/Button.styles.js +5 -5
- package/dist/Calendar/Calendar.d.ts +1 -1
- package/dist/Calendar/Calendar.styles.js +8 -8
- package/dist/Card/Card.styles.js +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -6
- package/dist/ContactItem/ContactItem.styles.d.ts +1 -1
- package/dist/ContactItem/ContactItem.styles.js +5 -5
- package/dist/Content/Content.d.ts +3 -3
- package/dist/Content/Content.styles.js +2 -2
- package/dist/DateInput/DateInput.styles.js +6 -6
- package/dist/DetailPage/DetailPage.styles.js +7 -7
- package/dist/Dropdown/Dropdown.styles.js +3 -3
- package/dist/DropdownFlyout/DropdownFlyout.d.ts +2 -2
- package/dist/DropdownFlyout/DropdownFlyout.helpers.d.ts +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
- package/dist/Dropzone/Dropzone.d.ts +2 -2
- package/dist/Dropzone/Dropzone.js +1 -1
- package/dist/Dropzone/Dropzone.styles.js +9 -9
- package/dist/EmptyState/EmptyState.styles.js +6 -6
- package/dist/Field/Field.styles.js +3 -3
- package/dist/FileList/FileList.d.ts +1 -1
- package/dist/FileList/FileList.styles.js +4 -4
- package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.d.ts +2 -2
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +3 -3
- package/dist/FileSelect/FileSelect.styles.js +2 -2
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +3 -3
- package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +2 -2
- package/dist/FileSelect/GridSource/GridSource.styles.js +6 -6
- package/dist/FileSelect/LocalSource/LocalSource.styles.js +4 -4
- package/dist/FileSelect/SourceItem/SourceItem.styles.js +3 -3
- package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.d.ts +2 -2
- package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +6 -6
- package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
- package/dist/FileToken/FileToken.styles.js +4 -4
- package/dist/FilterToken/FilterToken.styles.js +2 -2
- package/dist/FlexList/FlexList.styles.js +1 -1
- package/dist/Form/Form.d.ts +71 -71
- package/dist/Form/Form.styles.js +16 -16
- package/dist/Form/stories/util.d.ts +3 -3
- package/dist/Grid/Grid.d.ts +1 -1
- package/dist/Grid/Grid.styles.js +2 -2
- package/dist/GroupSelect/GroupSelect.styles.js +1 -1
- package/dist/Input/Input.styles.js +1 -1
- package/dist/Link/Link.styles.js +1 -1
- package/dist/ListPage/ListPage.styles.js +8 -8
- package/dist/Loader/Loader.styles.js +2 -2
- package/dist/Menu/Menu.d.ts +4 -4
- package/dist/MenuImperative/MenuImperative.d.ts +3 -3
- package/dist/MenuImperative/MenuImperative.styles.js +10 -10
- package/dist/Modal/ChildRegistry.context.d.ts +1 -1
- package/dist/Modal/Modal.d.ts +1 -1
- package/dist/Modal/Modal.styles.js +13 -13
- package/dist/Modal/storyHelpers.d.ts +2 -2
- package/dist/MultiSelect/MultiSelect.styles.js +6 -6
- package/dist/NextMenu/NextMenu.styles.js +3 -3
- package/dist/NextTile/NextTile.d.ts +1 -1
- package/dist/Notation/Notation.js +1 -1
- package/dist/NumberInput/NumberInput.styles.js +7 -7
- package/dist/Overlay/OverlayArrow.styles.js +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.d.ts +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.js +9 -3
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.types.d.ts +2 -1
- package/dist/OverlayTrigger/OverlayTrigger.types.js.map +1 -1
- package/dist/OverlayTrigger/a11yPresets.d.ts +48 -48
- package/dist/PageLayout/PageLayout.d.ts +1 -1
- package/dist/PageLayout/PageLayout.styles.js +13 -13
- package/dist/Pagination/Pagination.styles.js +5 -5
- package/dist/Panel/Panel.styles.js +11 -11
- package/dist/Pill/Pill.styles.js +2 -2
- package/dist/PillSelect/PillSelect.styles.js +4 -4
- package/dist/Popover/Popover.d.ts +1 -1
- package/dist/Popover/Popover.styles.js +2 -2
- package/dist/Portal/Portal.styles.js +1 -1
- package/dist/ProgressBar/ProgressBar.styles.js +2 -2
- package/dist/RadioButton/RadioButton.styles.js +3 -3
- package/dist/Required/Required.styles.js +3 -3
- package/dist/Search/Search.styles.js +5 -5
- package/dist/Section/Section.d.ts +2 -2
- package/dist/Section/Section.styles.js +6 -6
- package/dist/SegmentedController/SegmentedController.d.ts +2 -2
- package/dist/SegmentedController/SegmentedController.styles.js +4 -4
- package/dist/Select/Select.js +3 -1
- package/dist/Select/Select.js.map +1 -1
- package/dist/Select/Select.styles.js +7 -7
- package/dist/Select/Select.types.d.ts +3 -2
- package/dist/Select/Select.types.js.map +1 -1
- package/dist/Semantic/Semantic.styles.d.ts +1 -1
- package/dist/Semantic/Semantic.styles.js +8 -8
- package/dist/Sidebar/Sidebar.styles.js +7 -7
- package/dist/Slider/Slider.styles.js +5 -5
- package/dist/Spinner/Spinner.styles.js +7 -7
- package/dist/SuperSelect/SuperSelect.components.d.ts +29 -29
- package/dist/SuperSelect/SuperSelect.d.ts +29 -29
- package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
- package/dist/SuperSelect/SuperSelect.styles.js +37 -37
- package/dist/SuperSelect/useSuperSelect.d.ts +87 -87
- package/dist/Switch/Switch.styles.js +4 -4
- package/dist/Table/Table.styles.js +28 -28
- package/dist/TableShelf/TableShelf.styles.js +5 -5
- package/dist/Tabs/Tabs.d.ts +1 -1
- package/dist/Tabs/Tabs.styles.js +8 -8
- package/dist/Tearsheet/Tearsheet.styles.js +5 -5
- package/dist/TextArea/TextArea.styles.js +1 -1
- package/dist/TextEditor/TextEditor.d.ts +3 -3
- package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
- package/dist/Thumbnail/Thumbnail.d.ts +3 -3
- package/dist/Thumbnail/Thumbnail.hooks.d.ts +226 -210
- package/dist/Thumbnail/Thumbnail.styles.js +17 -17
- package/dist/Thumbnail/ThumbnailCaption.d.ts +2 -2
- package/dist/Thumbnail/ThumbnailDocumentIcon.d.ts +2 -2
- package/dist/Thumbnail/ThumbnailPreview.d.ts +2 -2
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.d.ts +2 -2
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
- package/dist/TieredSelect/TieredSelect.styles.d.ts +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js +9 -9
- package/dist/Tile/Tile.styles.js +8 -8
- package/dist/Title/Title.styles.js +7 -7
- package/dist/Toast/Toast.styles.js +3 -3
- package/dist/ToggleButton/ToggleButton.styles.js +1 -1
- package/dist/Token/Token.styles.js +3 -3
- package/dist/ToolHeader/ActionIcon.d.ts +2 -2
- package/dist/ToolHeader/ToolHeader.d.ts +2 -2
- package/dist/ToolHeader/ToolHeader.styles.js +6 -6
- package/dist/Tooltip/Tooltip.styles.js +2 -2
- package/dist/Tree/Tree.styles.js +9 -9
- package/dist/Typeahead/Typeahead.styles.js +3 -3
- package/dist/Typography/Typography.colors.story.d.ts +2 -2
- package/dist/Typography/Typography.styles.js +1 -1
- package/dist/Typography/Typography.table.story.d.ts +2 -2
- package/dist/Typography/Typography.table.story.js +2 -2
- package/dist/_hooks/Analytics.d.ts +1 -1
- package/dist/_hooks/Anchor.d.ts +1 -1
- package/dist/_hooks/BoundingRect.d.ts +1 -1
- package/dist/_hooks/Buffer.d.ts +1 -1
- package/dist/_hooks/ClickOutside.d.ts +3 -2
- package/dist/_hooks/ClickOutside.js +8 -3
- package/dist/_hooks/ClickOutside.js.map +1 -1
- package/dist/_hooks/DateTime/DateTime.d.ts +1 -1
- package/dist/_hooks/DelayedToggle.d.ts +1 -1
- package/dist/_hooks/Event.d.ts +1 -1
- package/dist/_hooks/EventListener.js +14 -4
- package/dist/_hooks/EventListener.js.map +1 -1
- package/dist/_hooks/I18n.d.ts +1 -1
- package/dist/_hooks/InjectedScript.d.ts +1 -1
- package/dist/_hooks/ListNavigation.d.ts +1 -1
- package/dist/_hooks/TextEntry.d.ts +1 -1
- package/dist/_hooks/Timer.d.ts +1 -1
- package/dist/_hooks/Trigger.d.ts +1 -1
- package/dist/_hooks/Visibility.d.ts +1 -1
- package/dist/_hooks/ZIndex.d.ts +1 -1
- package/dist/_hooks/__tests__/EventListener.test.js +46 -0
- package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +23 -23
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +13 -13
- package/dist/_typedoc/Box/Box.types.json +68 -68
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
- package/dist/_typedoc/Button/Button.types.json +11 -11
- package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
- 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 +13 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
- package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
- 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 +27 -27
- package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
- package/dist/_typedoc/Form/Form.types.json +764 -724
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +52 -52
- 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 +62 -62
- package/dist/_typedoc/MenuImperative/MenuImperative.types.json +74 -74
- package/dist/_typedoc/Modal/Modal.types.json +41 -41
- package/dist/_typedoc/MultiSelect/MultiSelect.types.json +31 -31
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +38 -38
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +40 -30
- package/dist/_typedoc/PageLayout/PageLayout.types.json +22 -22
- 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 +2 -2
- package/dist/_typedoc/PillSelect/PillSelect.types.json +56 -46
- package/dist/_typedoc/Popover/Popover.types.json +14 -14
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
- 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 +75 -55
- 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 +106 -96
- package/dist/_typedoc/Tabs/Tabs.types.json +17 -17
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +16 -16
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
- 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 +10 -10
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +86 -86
- 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 +1 -1
|
@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
|
|
|
5
5
|
import { getTypographyIntent } from './Typography.styles';
|
|
6
6
|
var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
|
|
7
7
|
displayName: "StyledBodyCell",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_25_1__sc-p4v7d-0"
|
|
9
9
|
})([""]);
|
|
10
10
|
var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
|
|
11
11
|
displayName: "StyledTextCell",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_25_1__sc-p4v7d-1"
|
|
13
13
|
})(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
|
|
14
14
|
function BodyCell() {
|
|
15
15
|
return /*#__PURE__*/React.createElement(StyledBodyCell, {
|
|
@@ -15,7 +15,7 @@ export declare const AnalyticsContext: React.Context<ContextValue>;
|
|
|
15
15
|
* @deprecatedSince 11
|
|
16
16
|
* @deprecated
|
|
17
17
|
*/
|
|
18
|
-
export declare function AnalyticsProvider({ analytics, children, }: AnalyticsProviderProps): JSX.Element;
|
|
18
|
+
export declare function AnalyticsProvider({ analytics, children, }: AnalyticsProviderProps): React.JSX.Element;
|
|
19
19
|
/**
|
|
20
20
|
* @deprecatedSince 11
|
|
21
21
|
* @deprecated
|
package/dist/_hooks/Anchor.d.ts
CHANGED
|
@@ -63,7 +63,7 @@ export declare const AnchorContext: React.Context<AnchorApi>;
|
|
|
63
63
|
* @deprecatedSince 9
|
|
64
64
|
* @deprecated Never officially documented/supported
|
|
65
65
|
*/
|
|
66
|
-
export declare function AnchorProvider({ children, ...props }: AnchorProps): JSX.Element;
|
|
66
|
+
export declare function AnchorProvider({ children, ...props }: AnchorProps): React.JSX.Element;
|
|
67
67
|
/**
|
|
68
68
|
* @deprecatedSince 9
|
|
69
69
|
* @deprecated Never officially documented/supported
|
|
@@ -32,7 +32,7 @@ export declare const BoundingRectContext: React.Context<BoundingRectApi>;
|
|
|
32
32
|
* @deprecatedSince 9
|
|
33
33
|
* @deprecated Never officially documented/supported
|
|
34
34
|
*/
|
|
35
|
-
export declare function BoundingRectProvider({ children, ...props }: Props): JSX.Element;
|
|
35
|
+
export declare function BoundingRectProvider({ children, ...props }: Props): React.JSX.Element;
|
|
36
36
|
/**
|
|
37
37
|
* @deprecatedSince 9
|
|
38
38
|
* @deprecated Never officially documented/supported
|
package/dist/_hooks/Buffer.d.ts
CHANGED
|
@@ -53,7 +53,7 @@ export declare const BufferContext: React.Context<BufferApi>;
|
|
|
53
53
|
* @deprecatedSince 9.7.0
|
|
54
54
|
* @deprecated
|
|
55
55
|
*/
|
|
56
|
-
export declare function BufferProvider({ children, ...props }: Props): JSX.Element;
|
|
56
|
+
export declare function BufferProvider({ children, ...props }: Props): React.JSX.Element;
|
|
57
57
|
/**
|
|
58
58
|
* @deprecatedSince 9.7.0
|
|
59
59
|
* @deprecated
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
|
-
|
|
2
|
+
import type { PortalProps } from '../Portal/Portal.types';
|
|
3
|
+
export interface ClickOutsideConfig extends Pick<PortalProps, 'container'> {
|
|
3
4
|
/**
|
|
4
5
|
* @since 10.19.0
|
|
5
6
|
*/
|
|
@@ -24,4 +25,4 @@ export declare function isEventSource(ref: React.RefObject<any>, event: Event):
|
|
|
24
25
|
* @deprecatedSince 9
|
|
25
26
|
* @deprecated Never officially documented/supported
|
|
26
27
|
*/
|
|
27
|
-
export declare function useClickOutside({ refs, onClickOutside, }: ClickOutsideConfig): void;
|
|
28
|
+
export declare function useClickOutside({ refs, onClickOutside, container, }: ClickOutsideConfig): void;
|
|
@@ -18,7 +18,8 @@ export function isEventSource(ref, event) {
|
|
|
18
18
|
export function useClickOutside(_ref) {
|
|
19
19
|
var _ref$refs = _ref.refs,
|
|
20
20
|
refs = _ref$refs === void 0 ? [] : _ref$refs,
|
|
21
|
-
onClickOutside = _ref.onClickOutside
|
|
21
|
+
onClickOutside = _ref.onClickOutside,
|
|
22
|
+
container = _ref.container;
|
|
22
23
|
var handler = function handler(event) {
|
|
23
24
|
if (onClickOutside && !refs.find(function (ref) {
|
|
24
25
|
return isEventSource(ref, event);
|
|
@@ -29,15 +30,19 @@ export function useClickOutside(_ref) {
|
|
|
29
30
|
var options = {
|
|
30
31
|
capture: true
|
|
31
32
|
};
|
|
33
|
+
var containerDocument = container === null || container === void 0 ? void 0 : container.ownerDocument;
|
|
34
|
+
var scope = (containerDocument === null || containerDocument === void 0 ? void 0 : containerDocument.defaultView) || undefined;
|
|
32
35
|
useEventListener({
|
|
33
36
|
event: 'click',
|
|
34
37
|
handler: handler,
|
|
35
|
-
options: options
|
|
38
|
+
options: options,
|
|
39
|
+
scope: scope
|
|
36
40
|
});
|
|
37
41
|
useEventListener({
|
|
38
42
|
event: 'touchend',
|
|
39
43
|
handler: handler,
|
|
40
|
-
options: options
|
|
44
|
+
options: options,
|
|
45
|
+
scope: scope
|
|
41
46
|
});
|
|
42
47
|
}
|
|
43
48
|
//# sourceMappingURL=ClickOutside.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClickOutside.js","names":["useEventListener","isEventSource","ref","event","current","target","HTMLElement","SVGElement","contains","useClickOutside","_ref","_ref$refs","refs","onClickOutside","handler","find","options","capture"],"sources":["../../src/_hooks/ClickOutside.ts"],"sourcesContent":["import type React from 'react'\nimport { useEventListener } from './EventListener'\n\nexport interface ClickOutsideConfig {\n /**\n * @since 10.19.0\n */\n onClickOutside: (event: MouseEvent) => void\n /**\n * @since 10.19.0\n */\n refs: Array<React.RefObject<HTMLElement>>\n}\n\nexport interface ClickOutsideProps extends ClickOutsideConfig {\n /**\n * @since 10.19.0\n */\n children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\n// To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle\nexport function isEventSource(ref: React.RefObject<any>, event: Event) {\n if (\n ref?.current &&\n event &&\n (event.target instanceof HTMLElement || event.target instanceof SVGElement)\n ) {\n return ref.current.contains(event.target)\n } else {\n return false\n }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useClickOutside({\n refs = [],\n onClickOutside,\n}: ClickOutsideConfig) {\n const handler = (event: MouseEvent) => {\n if (onClickOutside && !refs.find((ref) => isEventSource(ref, event))) {\n onClickOutside(event)\n }\n }\n\n const options = { capture: true }\n\n useEventListener({ event: 'click', handler, options })\n\n useEventListener({ event: 'touchend', handler, options })\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ClickOutside.js","names":["useEventListener","isEventSource","ref","event","current","target","HTMLElement","SVGElement","contains","useClickOutside","_ref","_ref$refs","refs","onClickOutside","container","handler","find","options","capture","containerDocument","ownerDocument","scope","defaultView","undefined"],"sources":["../../src/_hooks/ClickOutside.ts"],"sourcesContent":["import type React from 'react'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport { useEventListener } from './EventListener'\n\nexport interface ClickOutsideConfig extends Pick<PortalProps, 'container'> {\n /**\n * @since 10.19.0\n */\n onClickOutside: (event: MouseEvent) => void\n /**\n * @since 10.19.0\n */\n refs: Array<React.RefObject<HTMLElement>>\n}\n\nexport interface ClickOutsideProps extends ClickOutsideConfig {\n /**\n * @since 10.19.0\n */\n children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\n// To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle\nexport function isEventSource(ref: React.RefObject<any>, event: Event) {\n if (\n ref?.current &&\n event &&\n (event.target instanceof HTMLElement || event.target instanceof SVGElement)\n ) {\n return ref.current.contains(event.target)\n } else {\n return false\n }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useClickOutside({\n refs = [],\n onClickOutside,\n container,\n}: ClickOutsideConfig) {\n const handler = (event: MouseEvent) => {\n if (onClickOutside && !refs.find((ref) => isEventSource(ref, event))) {\n onClickOutside(event)\n }\n }\n\n const options = { capture: true }\n\n const containerDocument = container?.ownerDocument\n const scope = containerDocument?.defaultView || undefined\n\n useEventListener({ event: 'click', handler, options, scope: scope })\n\n useEventListener({ event: 'touchend', handler, options, scope: scope })\n}\n"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,iBAAiB;AAoBlD;AACA;AACA;AACA,GAHA,CAIA;AACA,OAAO,SAASC,aAAaA,CAACC,GAAyB,EAAEC,KAAY,EAAE;EACrE,IACED,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,OAAO,IACZD,KAAK,KACJA,KAAK,CAACE,MAAM,YAAYC,WAAW,IAAIH,KAAK,CAACE,MAAM,YAAYE,UAAU,CAAC,EAC3E;IACA,OAAOL,GAAG,CAACE,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACE,MAAM,CAAC;EAC3C,CAAC,MAAM;IACL,OAAO,KAAK;EACd;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,eAAeA,CAAAC,IAAA,EAIR;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAHrBE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIZ,KAAiB,EAAK;IACrC,IAAIU,cAAc,IAAI,CAACD,IAAI,CAACI,IAAI,CAAC,UAACd,GAAG;MAAA,OAAKD,aAAa,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAA,EAAC,EAAE;MACpEU,cAAc,CAACV,KAAK,CAAC;IACvB;EACF,CAAC;EAED,IAAMc,OAAO,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EAEjC,IAAMC,iBAAiB,GAAGL,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEM,aAAa;EAClD,IAAMC,KAAK,GAAG,CAAAF,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEG,WAAW,KAAIC,SAAS;EAEzDvB,gBAAgB,CAAC;IAAEG,KAAK,EAAE,OAAO;IAAEY,OAAO,EAAPA,OAAO;IAAEE,OAAO,EAAPA,OAAO;IAAEI,KAAK,EAAEA;EAAM,CAAC,CAAC;EAEpErB,gBAAgB,CAAC;IAAEG,KAAK,EAAE,UAAU;IAAEY,OAAO,EAAPA,OAAO;IAAEE,OAAO,EAAPA,OAAO;IAAEI,KAAK,EAAEA;EAAM,CAAC,CAAC;AACzE"}
|
|
@@ -20,7 +20,7 @@ export declare type DateTimeContextConfig = Pick<Intl.DateTimeFormatOptions, 'ho
|
|
|
20
20
|
export declare type DateTimeProviderProps = {
|
|
21
21
|
children: React.ReactNode;
|
|
22
22
|
} & DateTimeContextConfig;
|
|
23
|
-
export declare function DateTimeProvider({ children, hour12, timeZone, }: DateTimeProviderProps): JSX.Element;
|
|
23
|
+
export declare function DateTimeProvider({ children, hour12, timeZone, }: DateTimeProviderProps): React.JSX.Element;
|
|
24
24
|
interface DateTimeAPI {
|
|
25
25
|
format: (value: Date, type: DateTimeFormatTypes, options?: Intl.DateTimeFormatOptions, timeOptions?: Intl.DateTimeFormatOptions,
|
|
26
26
|
/** @internal */
|
|
@@ -102,7 +102,7 @@ export declare const DelayedToggleContext: React.Context<Api>;
|
|
|
102
102
|
* @deprecatedSince 9
|
|
103
103
|
* @deprecated Never officially documented/supported
|
|
104
104
|
*/
|
|
105
|
-
export declare function DelayedToggleProvider({ children, ...props }: DelayedToggleProps): JSX.Element;
|
|
105
|
+
export declare function DelayedToggleProvider({ children, ...props }: DelayedToggleProps): React.JSX.Element;
|
|
106
106
|
/**
|
|
107
107
|
* @deprecatedSince 9
|
|
108
108
|
* @deprecated Never officially documented/supported
|
package/dist/_hooks/Event.d.ts
CHANGED
|
@@ -33,7 +33,7 @@ export declare const EventContext: React.Context<EventApi>;
|
|
|
33
33
|
* @deprecatedSince 9
|
|
34
34
|
* @deprecated Never officially documented/supported
|
|
35
35
|
*/
|
|
36
|
-
export declare function EventProvider({ children, ...props }: Props): JSX.Element;
|
|
36
|
+
export declare function EventProvider({ children, ...props }: Props): React.JSX.Element;
|
|
37
37
|
/**
|
|
38
38
|
* @deprecatedSince 9
|
|
39
39
|
* @deprecated Never officially documented/supported
|
|
@@ -89,9 +89,18 @@ export function useEventListener(_ref2) {
|
|
|
89
89
|
} else if (!handler) {
|
|
90
90
|
console.warn("\"handler\" option missing, no listeners added");
|
|
91
91
|
}
|
|
92
|
-
var actualScope
|
|
93
|
-
|
|
94
|
-
|
|
92
|
+
var actualScope;
|
|
93
|
+
if (scope && !('current' in scope) && !Array.isArray(scope)) {
|
|
94
|
+
actualScope = {
|
|
95
|
+
current: scope
|
|
96
|
+
};
|
|
97
|
+
} else if (!scope) {
|
|
98
|
+
actualScope = {
|
|
99
|
+
current: getWindow()
|
|
100
|
+
};
|
|
101
|
+
} else {
|
|
102
|
+
actualScope = scope || {};
|
|
103
|
+
}
|
|
95
104
|
var listener = useEventCallback({
|
|
96
105
|
handler: handler,
|
|
97
106
|
dependencies: dependencies
|
|
@@ -100,7 +109,8 @@ export function useEventListener(_ref2) {
|
|
|
100
109
|
if (noopHandler) {
|
|
101
110
|
return;
|
|
102
111
|
}
|
|
103
|
-
var
|
|
112
|
+
var _actualScope = actualScope,
|
|
113
|
+
current = _actualScope.current;
|
|
104
114
|
if (current) {
|
|
105
115
|
current.addEventListener(event, listener, options);
|
|
106
116
|
return function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EventListener.js","names":["React","getWindow","window","useLayoutEventListener","_ref","_ref$dependencies","dependencies","event","handler","_ref$options","options","scope","_ref$noopHandler","noopHandler","console","warn","actualScope","current","listener","useEventCallback","useLayoutEffect","addEventListener","removeEventListener","useEventListener","_ref2","_ref2$dependencies","_ref2$options","_ref2$noopHandler","useEffect","_ref3","_ref3$dependencies","ref","useRef","concat","_toConsumableArray","useCallback"],"sources":["../../src/_hooks/EventListener.ts"],"sourcesContent":["import React from 'react'\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport type Scope =\n | Window\n | React.RefObject<HTMLElement>\n | React.RefObject<HTMLElement>[]\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport interface Config {\n /**\n * @since 10.19.0\n */\n dependencies?: any[]\n /**\n * @since 10.19.0\n */\n event: string\n /**\n * @since 10.19.0\n */\n handler: React.EventHandler<any>\n /**\n * @since 10.19.0\n */\n options?: AddEventListenerOptions\n /**\n * @since 10.19.0\n */\n scope?: Scope\n /**\n * @since 10.19.0\n */\n noopHandler?: boolean\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport interface EventCallbackConfig {\n /**\n * @since 10.19.0\n */\n handler: React.EventHandler<any>\n /**\n * @since 10.19.0\n */\n dependencies?: Array<any>\n}\n\n// TODO this is kind of hacky and just to satisfy gatsby. There are other usages of\n// window in the library which don't trigger this error, so we should probably figure\n// out what's going on here\nfunction getWindow() {\n if (typeof window !== 'undefined') {\n return window\n }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useLayoutEventListener({\n dependencies = [],\n event,\n handler,\n options = {},\n scope,\n noopHandler = false,\n}: Config) {\n if (!event) {\n console.warn(`\"event\" option missing, no listeners added`)\n } else if (!handler) {\n console.warn(`\"handler\" option missing, no listeners added`)\n }\n\n const actualScope =\n scope === getWindow() || !scope\n ? { current: getWindow() }\n : (scope as React.RefObject<HTMLElement>) || {}\n\n const listener = useEventCallback({ handler, dependencies })\n\n React.useLayoutEffect(() => {\n if (noopHandler) {\n return\n }\n\n const { current } = actualScope\n\n if (current) {\n current.addEventListener(event, listener, options)\n\n return () => current.removeEventListener(event, listener, options)\n }\n }, [noopHandler, event, listener, actualScope.current])\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useEventListener({\n dependencies = [],\n event,\n handler,\n options = {},\n scope,\n noopHandler = false,\n}: Config) {\n if (!event) {\n console.warn(`\"event\" option missing, no listeners added`)\n } else if (!handler) {\n console.warn(`\"handler\" option missing, no listeners added`)\n }\n\n
|
|
1
|
+
{"version":3,"file":"EventListener.js","names":["React","getWindow","window","useLayoutEventListener","_ref","_ref$dependencies","dependencies","event","handler","_ref$options","options","scope","_ref$noopHandler","noopHandler","console","warn","actualScope","current","listener","useEventCallback","useLayoutEffect","addEventListener","removeEventListener","useEventListener","_ref2","_ref2$dependencies","_ref2$options","_ref2$noopHandler","Array","isArray","useEffect","_actualScope","_ref3","_ref3$dependencies","ref","useRef","concat","_toConsumableArray","useCallback"],"sources":["../../src/_hooks/EventListener.ts"],"sourcesContent":["import React from 'react'\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport type Scope =\n | Window\n | React.RefObject<HTMLElement>\n | React.RefObject<HTMLElement>[]\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport interface Config {\n /**\n * @since 10.19.0\n */\n dependencies?: any[]\n /**\n * @since 10.19.0\n */\n event: string\n /**\n * @since 10.19.0\n */\n handler: React.EventHandler<any>\n /**\n * @since 10.19.0\n */\n options?: AddEventListenerOptions\n /**\n * @since 10.19.0\n */\n scope?: Scope\n /**\n * @since 10.19.0\n */\n noopHandler?: boolean\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport interface EventCallbackConfig {\n /**\n * @since 10.19.0\n */\n handler: React.EventHandler<any>\n /**\n * @since 10.19.0\n */\n dependencies?: Array<any>\n}\n\n// TODO this is kind of hacky and just to satisfy gatsby. There are other usages of\n// window in the library which don't trigger this error, so we should probably figure\n// out what's going on here\nfunction getWindow() {\n if (typeof window !== 'undefined') {\n return window\n }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useLayoutEventListener({\n dependencies = [],\n event,\n handler,\n options = {},\n scope,\n noopHandler = false,\n}: Config) {\n if (!event) {\n console.warn(`\"event\" option missing, no listeners added`)\n } else if (!handler) {\n console.warn(`\"handler\" option missing, no listeners added`)\n }\n\n const actualScope =\n scope === getWindow() || !scope\n ? { current: getWindow() }\n : (scope as React.RefObject<HTMLElement>) || {}\n\n const listener = useEventCallback({ handler, dependencies })\n\n React.useLayoutEffect(() => {\n if (noopHandler) {\n return\n }\n\n const { current } = actualScope\n\n if (current) {\n current.addEventListener(event, listener, options)\n\n return () => current.removeEventListener(event, listener, options)\n }\n }, [noopHandler, event, listener, actualScope.current])\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useEventListener({\n dependencies = [],\n event,\n handler,\n options = {},\n scope,\n noopHandler = false,\n}: Config) {\n if (!event) {\n console.warn(`\"event\" option missing, no listeners added`)\n } else if (!handler) {\n console.warn(`\"handler\" option missing, no listeners added`)\n }\n\n let actualScope: {\n current?: Window | HTMLElement | null\n }\n\n if (scope && !('current' in scope) && !Array.isArray(scope)) {\n actualScope = { current: scope }\n } else if (!scope) {\n actualScope = { current: getWindow() }\n } else {\n actualScope = (scope as React.RefObject<HTMLElement>) || {}\n }\n\n const listener = useEventCallback({ handler, dependencies })\n\n React.useEffect(() => {\n if (noopHandler) {\n return\n }\n\n const { current } = actualScope\n\n if (current) {\n current.addEventListener(event, listener, options)\n\n return () => current.removeEventListener(event, listener, options)\n }\n }, [noopHandler, event, listener, actualScope.current])\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useEventCallback({\n handler,\n dependencies = [],\n}: EventCallbackConfig): React.EventHandler<any> {\n const ref = React.useRef(handler)\n\n React.useLayoutEffect(() => {\n ref.current = handler\n }, [handler, ...dependencies])\n\n return React.useCallback((event) => ref.current(event), [])\n}\n"],"mappings":"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"}
|
package/dist/_hooks/I18n.d.ts
CHANGED
|
@@ -5083,6 +5083,6 @@ export declare function useI18n({ locale: _locale, translations: _translations,
|
|
|
5083
5083
|
export declare const I18nContext: React.Context<I18njs>;
|
|
5084
5084
|
export declare function I18nProvider({ children, ...props }: I18nConfig & {
|
|
5085
5085
|
children: React.ReactNode;
|
|
5086
|
-
}): JSX.Element;
|
|
5086
|
+
}): React.JSX.Element;
|
|
5087
5087
|
export declare function useI18nContext(): I18njs;
|
|
5088
5088
|
export {};
|
|
@@ -35,7 +35,7 @@ export declare const InjectedScriptContext: React.Context<InjectedScriptApi>;
|
|
|
35
35
|
* @deprecatedSince 9
|
|
36
36
|
* @deprecated Never officially documented/supported
|
|
37
37
|
*/
|
|
38
|
-
export declare function InjectedScriptProvider({ children, ...props }: Props): JSX.Element;
|
|
38
|
+
export declare function InjectedScriptProvider({ children, ...props }: Props): React.JSX.Element;
|
|
39
39
|
/**
|
|
40
40
|
* @deprecatedSince 9
|
|
41
41
|
* @deprecated Never officially documented/supported
|
|
@@ -65,7 +65,7 @@ export declare const ListNavigationContext: React.Context<ListNavigationApi>;
|
|
|
65
65
|
* @deprecatedSince 9
|
|
66
66
|
* @deprecated Never officially documented/supported
|
|
67
67
|
*/
|
|
68
|
-
export declare function ListNavigationProvider({ children, ...props }: Props): JSX.Element;
|
|
68
|
+
export declare function ListNavigationProvider({ children, ...props }: Props): React.JSX.Element;
|
|
69
69
|
/**
|
|
70
70
|
* @deprecatedSince 9
|
|
71
71
|
* @deprecated Never officially documented/supported
|
|
@@ -86,7 +86,7 @@ export declare const TextEntryContext: React.Context<{
|
|
|
86
86
|
* @deprecatedSince 9.7.0
|
|
87
87
|
* @deprecated
|
|
88
88
|
*/
|
|
89
|
-
export declare function TextEntryProvider({ children, ...props }: Props): JSX.Element;
|
|
89
|
+
export declare function TextEntryProvider({ children, ...props }: Props): React.JSX.Element;
|
|
90
90
|
/**
|
|
91
91
|
* @deprecatedSince 9.7.0
|
|
92
92
|
* @deprecated
|
package/dist/_hooks/Timer.d.ts
CHANGED
|
@@ -36,7 +36,7 @@ export declare const TimerContext: React.Context<TimerApi>;
|
|
|
36
36
|
* @deprecatedSince 9
|
|
37
37
|
* @deprecated Never officially documented/supported
|
|
38
38
|
*/
|
|
39
|
-
export declare function TimerProvider({ children }: Props): JSX.Element;
|
|
39
|
+
export declare function TimerProvider({ children }: Props): React.JSX.Element;
|
|
40
40
|
/**
|
|
41
41
|
* @deprecatedSince 9
|
|
42
42
|
* @deprecated Never officially documented/supported
|
package/dist/_hooks/Trigger.d.ts
CHANGED
|
@@ -65,7 +65,7 @@ export declare const TriggerContext: React.Context<TriggerApi>;
|
|
|
65
65
|
* @deprecatedSince 9
|
|
66
66
|
* @deprecated Never officially documented/supported
|
|
67
67
|
*/
|
|
68
|
-
export declare function TriggerProvider({ children, ...props }: TriggerProps): JSX.Element;
|
|
68
|
+
export declare function TriggerProvider({ children, ...props }: TriggerProps): React.JSX.Element;
|
|
69
69
|
/**
|
|
70
70
|
* @deprecatedSince 9
|
|
71
71
|
* @deprecated Never officially documented/supported
|
|
@@ -43,7 +43,7 @@ export declare const VisibilityContext: React.Context<VisibilityApi>;
|
|
|
43
43
|
* @deprecatedSince 9
|
|
44
44
|
* @deprecated Never officially documented/supported
|
|
45
45
|
*/
|
|
46
|
-
export declare function VisibilityProvider({ children, ...props }: Props): JSX.Element;
|
|
46
|
+
export declare function VisibilityProvider({ children, ...props }: Props): React.JSX.Element;
|
|
47
47
|
/**
|
|
48
48
|
* @deprecatedSince 9
|
|
49
49
|
* @deprecated Never officially documented/supported
|
package/dist/_hooks/ZIndex.d.ts
CHANGED
|
@@ -20,6 +20,6 @@ export declare function useZIndex({ initialValue, }: ZIndexConfig): ZIndexApi;
|
|
|
20
20
|
*/
|
|
21
21
|
export declare function ZIndex({ children, ...props }: RenderProps): {};
|
|
22
22
|
export declare const ZIndexContext: React.Context<ZIndexApi>;
|
|
23
|
-
export declare function ZIndexProvider({ children, ...props }: Props): JSX.Element;
|
|
23
|
+
export declare function ZIndexProvider({ children, ...props }: Props): React.JSX.Element;
|
|
24
24
|
export declare function useZIndexContext(): ZIndexApi;
|
|
25
25
|
export {};
|
|
@@ -20,6 +20,21 @@ const mockScope = () => {
|
|
|
20
20
|
return { current: scope }
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
+
const mockWindowScope = () => {
|
|
24
|
+
const listeners = {}
|
|
25
|
+
|
|
26
|
+
const scope = {
|
|
27
|
+
addEventListener: jest.fn((event, cb) => {
|
|
28
|
+
listeners[event] = cb
|
|
29
|
+
}),
|
|
30
|
+
removeEventListener: jest.fn((event, cb) => {
|
|
31
|
+
listeners[event] = null
|
|
32
|
+
}),
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
return scope
|
|
36
|
+
}
|
|
37
|
+
|
|
23
38
|
const Enhanced = (props) => {
|
|
24
39
|
useEventListener(props)
|
|
25
40
|
|
|
@@ -44,6 +59,37 @@ describe('useEventListener', () => {
|
|
|
44
59
|
})
|
|
45
60
|
})
|
|
46
61
|
|
|
62
|
+
describe('scope types', () => {
|
|
63
|
+
const scopeA = mockWindowScope()
|
|
64
|
+
|
|
65
|
+
mount(<Enhanced event="scroll" handler={noop} scope={scopeA} />)
|
|
66
|
+
|
|
67
|
+
it('adds listeners to custom window scope', (done) => {
|
|
68
|
+
setTimeout(() => {
|
|
69
|
+
expect(scopeA.addEventListener).toBeCalledTimes(1)
|
|
70
|
+
done()
|
|
71
|
+
}, 10)
|
|
72
|
+
})
|
|
73
|
+
|
|
74
|
+
it('adds listeners to ref scope', (done) => {
|
|
75
|
+
const scopeB = mockScope()
|
|
76
|
+
|
|
77
|
+
mount(<Enhanced event="scroll" handler={noop} scope={scopeB} />)
|
|
78
|
+
|
|
79
|
+
setTimeout(() => {
|
|
80
|
+
expect(scopeB.current.addEventListener).toBeCalledTimes(1)
|
|
81
|
+
done()
|
|
82
|
+
}, 10)
|
|
83
|
+
})
|
|
84
|
+
|
|
85
|
+
it('adds listeners to window when no scope is passed', () => {
|
|
86
|
+
global.addEventListener = jest.fn()
|
|
87
|
+
mount(<Enhanced event="scroll" handler={noop} />)
|
|
88
|
+
|
|
89
|
+
expect(global.addEventListener).toHaveBeenCalled()
|
|
90
|
+
})
|
|
91
|
+
})
|
|
92
|
+
|
|
47
93
|
describe('event type changes', () => {
|
|
48
94
|
const scope = mockScope()
|
|
49
95
|
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"description": "",
|
|
11
11
|
"descriptionHtml": "",
|
|
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/77efc9a/packages/core-react/src/_utils/types.ts#L42"
|
|
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/77efc9a/packages/core-react/src/_utils/types.ts#L47"
|
|
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/77efc9a/packages/core-react/src/Avatar/Avatar.types.ts#L100"
|
|
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/77efc9a/packages/core-react/src/_utils/types.ts#L52"
|
|
44
44
|
}
|
|
45
45
|
],
|
|
46
46
|
"description": ""
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"description": "",
|
|
57
57
|
"descriptionHtml": "",
|
|
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/77efc9a/packages/core-react/src/_utils/types.ts#L42"
|
|
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/77efc9a/packages/core-react/src/_utils/types.ts#L47"
|
|
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/77efc9a/packages/core-react/src/_utils/types.ts#L52"
|
|
80
80
|
}
|
|
81
81
|
],
|
|
82
82
|
"description": ""
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"description": "",
|
|
93
93
|
"descriptionHtml": "",
|
|
94
94
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
95
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
95
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/Avatar/Avatar.types.ts#L12"
|
|
96
96
|
},
|
|
97
97
|
{
|
|
98
98
|
"name": "img",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"description": "",
|
|
103
103
|
"descriptionHtml": "",
|
|
104
104
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
105
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
105
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/Avatar/Avatar.types.ts#L13"
|
|
106
106
|
},
|
|
107
107
|
{
|
|
108
108
|
"name": "link",
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
"description": "",
|
|
113
113
|
"descriptionHtml": "",
|
|
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/77efc9a/packages/core-react/src/Avatar/Avatar.types.ts#L14"
|
|
116
116
|
}
|
|
117
117
|
],
|
|
118
118
|
"description": ""
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
"description": "",
|
|
129
129
|
"descriptionHtml": "",
|
|
130
130
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
131
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
131
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/_utils/types.ts#L42"
|
|
132
132
|
},
|
|
133
133
|
{
|
|
134
134
|
"name": "className",
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
"description": "Additional classNames",
|
|
139
139
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</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/77efc9a/packages/core-react/src/_utils/types.ts#L47"
|
|
142
142
|
},
|
|
143
143
|
{
|
|
144
144
|
"name": "imageUrl",
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
"description": "The Avatar rich media url",
|
|
149
149
|
"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>",
|
|
150
150
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
151
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
151
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/Avatar/Avatar.types.ts#L108"
|
|
152
152
|
},
|
|
153
153
|
{
|
|
154
154
|
"name": "style",
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
"description": "Additional CSS styles",
|
|
159
159
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
160
160
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
161
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
161
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/_utils/types.ts#L52"
|
|
162
162
|
}
|
|
163
163
|
],
|
|
164
164
|
"description": ""
|
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
"description": "",
|
|
175
175
|
"descriptionHtml": "",
|
|
176
176
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
177
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
177
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/_utils/types.ts#L42"
|
|
178
178
|
},
|
|
179
179
|
{
|
|
180
180
|
"name": "className",
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
"description": "Additional classNames",
|
|
185
185
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
|
|
186
186
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
187
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
187
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/_utils/types.ts#L47"
|
|
188
188
|
},
|
|
189
189
|
{
|
|
190
190
|
"name": "clickable",
|
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
"deprecated": "Reviewing for removal from system, prefer accessible `role` for interactive UI.",
|
|
198
198
|
"deprecatedSince": "TBD",
|
|
199
199
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
200
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
200
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/Avatar/Avatar.types.ts#L34"
|
|
201
201
|
},
|
|
202
202
|
{
|
|
203
203
|
"name": "disabled",
|
|
@@ -208,7 +208,7 @@
|
|
|
208
208
|
"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>",
|
|
209
209
|
"defaultValue": "false\n",
|
|
210
210
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
211
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
211
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/Avatar/Avatar.types.ts#L40"
|
|
212
212
|
},
|
|
213
213
|
{
|
|
214
214
|
"name": "size",
|
|
@@ -221,7 +221,7 @@
|
|
|
221
221
|
"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",
|
|
222
222
|
"deprecatedSince": "10.20.0",
|
|
223
223
|
"sourceFile": "packages/core-react/src/Avatar/Avatar.types.ts",
|
|
224
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
224
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/Avatar/Avatar.types.ts#L62"
|
|
225
225
|
},
|
|
226
226
|
{
|
|
227
227
|
"name": "style",
|
|
@@ -231,7 +231,7 @@
|
|
|
231
231
|
"description": "Additional CSS styles",
|
|
232
232
|
"descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
|
|
233
233
|
"sourceFile": "packages/core-react/src/_utils/types.ts",
|
|
234
|
-
"sourceUrl": "https://github.com/procore/core/blob/
|
|
234
|
+
"sourceUrl": "https://github.com/procore/core/blob/77efc9a/packages/core-react/src/_utils/types.ts#L52"
|
|
235
235
|
}
|
|
236
236
|
],
|
|
237
237
|
"description": ""
|