@procore/core-react 11.33.0 → 12.0.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/README.md +7 -1
- package/dist/AnchorNavigation/AnchorNavigation.styles.js +3 -3
- package/dist/Avatar/Avatar.styles.js +5 -5
- package/dist/Avatar/Avatar.types.d.ts +1 -1
- package/dist/Avatar/Avatar.types.js.map +1 -1
- package/dist/AvatarStack/AvatarStack.styles.js +7 -7
- package/dist/Badge/Badge.styles.js +2 -2
- package/dist/Banner/Banner.d.ts +0 -5
- package/dist/Banner/Banner.js +11 -30
- package/dist/Banner/Banner.js.map +1 -1
- package/dist/Banner/Banner.styles.js +10 -20
- package/dist/Banner/Banner.styles.js.map +1 -1
- package/dist/Banner/Banner.types.d.ts +1 -5
- package/dist/Banner/Banner.types.js.map +1 -1
- package/dist/Banner/index.d.ts +1 -1
- package/dist/Banner/index.js +1 -1
- package/dist/Banner/index.js.map +1 -1
- package/dist/Box/Box.styles.js +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/dist/Breadcrumbs/Breadcrumbs.types.d.ts +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.types.js.map +1 -1
- package/dist/Button/Button.styles.js +5 -5
- package/dist/Calendar/Calendar.d.ts +72 -0
- package/dist/Calendar/Calendar.js +81 -0
- package/dist/Calendar/Calendar.js.map +1 -1
- package/dist/Calendar/Calendar.styles.js +8 -8
- package/dist/Card/Card.styles.js +1 -1
- package/dist/Checkbox/Checkbox.js +3 -2
- package/dist/Checkbox/Checkbox.js.map +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -6
- package/dist/Checkbox/CheckboxTooltip.d.ts +4 -0
- package/dist/Checkbox/CheckboxTooltip.js +26 -0
- package/dist/Checkbox/CheckboxTooltip.js.map +1 -0
- package/dist/ContactItem/ContactItem.styles.js +5 -5
- package/dist/Content/Content.styles.js +4 -4
- package/dist/Content/Content.styles.js.map +1 -1
- 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.styles.js +4 -4
- 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.styles.js +4 -4
- package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +9 -9
- 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.js +6 -6
- package/dist/FileSelect/ThumbnailList/index.d.ts +1 -0
- package/dist/FileSelect/ThumbnailList/index.js.map +1 -1
- package/dist/FileSelect/TreeSource/TreeSource.styles.js +1 -1
- package/dist/FileSelect/TreeSource/TreeSource.types.d.ts +1 -1
- package/dist/FileSelect/TreeSource/TreeSource.types.js.map +1 -1
- package/dist/FileSelect/index.d.ts +1 -1
- package/dist/FileSelect/index.js.map +1 -1
- package/dist/FileSelect/storyHelpers.d.ts +2 -2
- package/dist/FileSelect/storyHelpers.js.map +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 +1 -1
- package/dist/Form/Form.js +5 -4
- package/dist/Form/Form.js.map +1 -1
- package/dist/Form/Form.styles.d.ts +1 -5
- package/dist/Form/Form.styles.js +20 -33
- package/dist/Form/Form.styles.js.map +1 -1
- package/dist/Form/Form.types.d.ts +7 -1
- package/dist/Form/Form.types.js.map +1 -1
- package/dist/Form/StyledFormikForm.styles.d.ts +6 -0
- package/dist/Form/StyledFormikForm.styles.js +17 -0
- package/dist/Form/StyledFormikForm.styles.js.map +1 -0
- package/dist/Form/index.d.ts +3 -2
- package/dist/Form/index.js +2 -1
- package/dist/Form/index.js.map +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/index.d.ts +1 -1
- package/dist/Menu/index.js.map +1 -1
- package/dist/MenuImperative/MenuImperative.styles.js +10 -10
- package/dist/Modal/Modal.js +1 -1
- package/dist/Modal/Modal.js.map +1 -1
- package/dist/Modal/Modal.styles.js +13 -13
- package/dist/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/MultiSelect/MultiSelect.styles.js +6 -6
- package/dist/MultiSelect/MultiSelect.types.d.ts +4 -4
- package/dist/MultiSelect/MultiSelect.types.js.map +1 -1
- package/dist/MultiSelect/index.d.ts +1 -1
- package/dist/MultiSelect/index.js.map +1 -1
- package/dist/NextMenu/NextMenu.styles.js +3 -3
- package/dist/Notation/Notation.js +1 -1
- package/dist/NumberInput/NumberInput.js +2 -3
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/NumberInput/NumberInput.styles.js +7 -7
- package/dist/NumberInput/NumberInput.types.d.ts +15 -11
- package/dist/NumberInput/NumberInput.types.js.map +1 -1
- package/dist/NumberInput/index.d.ts +1 -1
- package/dist/NumberInput/index.js.map +1 -1
- package/dist/Overlay/OverlayArrow.styles.js +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.js +0 -4
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/PageLayout/PageLayout.d.ts +53 -0
- package/dist/PageLayout/PageLayout.js +63 -8
- package/dist/PageLayout/PageLayout.js.map +1 -1
- package/dist/PageLayout/PageLayout.styles.d.ts +1 -4
- package/dist/PageLayout/PageLayout.styles.js +26 -26
- package/dist/PageLayout/PageLayout.styles.js.map +1 -1
- package/dist/Pagination/Pagination.styles.js +5 -5
- package/dist/Pagination/index.d.ts +1 -1
- package/dist/Pagination/index.js.map +1 -1
- 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/PillSelect/index.d.ts +1 -1
- package/dist/PillSelect/index.js.map +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.styles.js +6 -6
- package/dist/SegmentedController/SegmentedController.styles.js +4 -4
- package/dist/Select/Select.styles.js +7 -7
- package/dist/Semantic/Semantic.styles.js +9 -9
- package/dist/Slider/Slider.styles.js +5 -5
- package/dist/Spinner/Spinner.styles.js +7 -7
- package/dist/SuperSelect/SuperSelect.presets.styles.js +1 -1
- package/dist/SuperSelect/SuperSelect.styles.js +37 -37
- package/dist/SuperSelect/index.d.ts +1 -1
- package/dist/SuperSelect/index.js.map +1 -1
- package/dist/Switch/Switch.styles.js +4 -4
- package/dist/Table/Table.d.ts +5 -5
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/Table.styles.js +28 -28
- package/dist/Table/Table.types.d.ts +2 -2
- package/dist/Table/Table.types.js.map +1 -1
- package/dist/Table/index.d.ts +1 -1
- package/dist/Table/index.js.map +1 -1
- package/dist/TableShelf/TableShelf.styles.js +5 -5
- package/dist/Tabs/Tabs.styles.js +8 -8
- package/dist/Tearsheet/Tearsheet.js +1 -1
- package/dist/Tearsheet/Tearsheet.js.map +1 -1
- package/dist/Tearsheet/Tearsheet.styles.js +5 -5
- package/dist/TextArea/TextArea.styles.js +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
- package/dist/Thumbnail/Thumbnail.styles.js +17 -17
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +7 -7
- package/dist/TieredSelect/TieredSelect.styles.js +9 -9
- package/dist/TieredSelect/index.d.ts +1 -1
- package/dist/TieredSelect/index.js.map +1 -1
- package/dist/Tile/Tile.styles.js +10 -10
- package/dist/Tile/Tile.styles.js.map +1 -1
- package/dist/Title/Title.styles.js +7 -7
- package/dist/Toast/Toast.styles.js +3 -3
- package/dist/Toast/index.d.ts +1 -1
- package/dist/Toast/index.js.map +1 -1
- package/dist/ToggleButton/ToggleButton.styles.js +1 -1
- package/dist/Token/Token.styles.js +3 -3
- package/dist/ToolHeader/ToolHeader.styles.js +6 -6
- package/dist/Tooltip/Tooltip.styles.js +2 -2
- package/dist/Tree/Tree.js.map +1 -1
- package/dist/Tree/Tree.styles.js +9 -9
- package/dist/Tree/Tree.types.d.ts +1 -1
- package/dist/Tree/Tree.types.js.map +1 -1
- package/dist/Tree/index.d.ts +1 -1
- package/dist/Tree/index.js.map +1 -1
- package/dist/Typeahead/Typeahead.styles.js +3 -3
- package/dist/Typography/Typography.js +4 -2
- package/dist/Typography/Typography.js.map +1 -1
- package/dist/Typography/Typography.styles.js +6 -3
- package/dist/Typography/Typography.styles.js.map +1 -1
- package/dist/Typography/Typography.table.story.js +2 -2
- package/dist/Typography/Typography.types.d.ts +5 -0
- package/dist/Typography/Typography.types.js.map +1 -1
- package/dist/Typography/index.d.ts +1 -1
- package/dist/Typography/index.js +1 -1
- package/dist/Typography/index.js.map +1 -1
- package/dist/_hooks/Anchor.d.ts +0 -15
- package/dist/_hooks/Anchor.js +1 -29
- package/dist/_hooks/Anchor.js.map +1 -1
- package/dist/_hooks/Buffer.d.ts +0 -19
- package/dist/_hooks/Buffer.js +1 -41
- package/dist/_hooks/Buffer.js.map +1 -1
- package/dist/_hooks/DateTime/index.d.ts +1 -1
- package/dist/_hooks/DateTime/index.js +1 -1
- package/dist/_hooks/DateTime/index.js.map +1 -1
- package/dist/_hooks/InjectedScript.d.ts +0 -18
- package/dist/_hooks/InjectedScript.js +1 -39
- package/dist/_hooks/InjectedScript.js.map +1 -1
- package/dist/_hooks/ListNavigation.d.ts +0 -35
- package/dist/_hooks/ListNavigation.js +1 -53
- package/dist/_hooks/ListNavigation.js.map +1 -1
- package/dist/_hooks/ResizeObserver.js +1 -5
- package/dist/_hooks/ResizeObserver.js.map +1 -1
- package/dist/_hooks/TextEntry.d.ts +1 -29
- package/dist/_hooks/TextEntry.js +1 -42
- package/dist/_hooks/TextEntry.js.map +1 -1
- package/dist/_hooks/Timer.d.ts +0 -19
- package/dist/_hooks/Timer.js +0 -38
- package/dist/_hooks/Timer.js.map +1 -1
- package/dist/_hooks/Trigger.d.ts +0 -20
- package/dist/_hooks/Trigger.js +1 -47
- package/dist/_hooks/Trigger.js.map +1 -1
- package/dist/_hooks/Visibility.d.ts +0 -18
- package/dist/_hooks/Visibility.js +1 -41
- package/dist/_hooks/Visibility.js.map +1 -1
- package/dist/_typedoc/Avatar/Avatar.types.json +22 -22
- 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 +16 -16
- package/dist/_typedoc/Box/Box.types.json +68 -68
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +12 -12
- package/dist/_typedoc/Button/Button.types.json +12 -12
- package/dist/_typedoc/Calendar/Calendar.json +68 -0
- 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 +11 -11
- 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 +746 -765
- package/dist/_typedoc/Grid/Grid.types.json +8 -8
- package/dist/_typedoc/GroupSelect/GroupSelect.types.json +53 -53
- 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 +32 -32
- package/dist/_typedoc/Notation/Notation.types.json +4 -4
- package/dist/_typedoc/NumberInput/NumberInput.types.json +71 -88
- package/dist/_typedoc/OverlayTrigger/OverlayTrigger.types.json +31 -31
- package/dist/_typedoc/PageLayout/PageLayout.json +36 -0
- package/dist/_typedoc/PageLayout/PageLayout.types.json +26 -26
- 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 +47 -47
- 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 +57 -57
- 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 +99 -99
- 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/Title/Title.types.json +1 -1
- 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 +128 -128
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +18 -8
- package/dist/_typedoc/_utils/types.json +3 -3
- package/dist/_typedoc/deprecations.json +1 -1
- package/dist/_utils/closeWithConfirm.js.map +1 -0
- package/dist/_utils/propsTypedoc.d.ts +3 -1
- package/dist/_utils/propsTypedoc.js +2 -0
- package/dist/_utils/propsTypedoc.js.map +1 -1
- package/dist/index.d.ts +1 -5
- package/dist/index.js +4 -9
- package/dist/index.js.map +1 -1
- package/package.json +15 -5
- package/dist/Form/closeWithConfirm.js.map +0 -1
- package/dist/Sidebar/Sidebar.d.ts +0 -50
- package/dist/Sidebar/Sidebar.js +0 -117
- package/dist/Sidebar/Sidebar.js.map +0 -1
- package/dist/Sidebar/Sidebar.styles.d.ts +0 -9
- package/dist/Sidebar/Sidebar.styles.js +0 -38
- package/dist/Sidebar/Sidebar.styles.js.map +0 -1
- package/dist/Sidebar/index.d.ts +0 -1
- package/dist/Sidebar/index.js +0 -2
- package/dist/Sidebar/index.js.map +0 -1
- package/dist/_hooks/Analytics.d.ts +0 -36
- package/dist/_hooks/Analytics.js +0 -54
- package/dist/_hooks/Analytics.js.map +0 -1
- package/dist/_hooks/Autofocus.d.ts +0 -32
- package/dist/_hooks/Autofocus.js +0 -70
- package/dist/_hooks/Autofocus.js.map +0 -1
- package/dist/_hooks/BoundingRect.d.ts +0 -41
- package/dist/_hooks/BoundingRect.js +0 -90
- package/dist/_hooks/BoundingRect.js.map +0 -1
- package/dist/_hooks/Event.d.ts +0 -42
- package/dist/_hooks/Event.js +0 -83
- package/dist/_hooks/Event.js.map +0 -1
- package/dist/_utils/genericAnalyticsClient.d.ts +0 -25
- package/dist/_utils/genericAnalyticsClient.js +0 -46
- package/dist/_utils/genericAnalyticsClient.js.map +0 -1
- /package/dist/{Form → _utils}/closeWithConfirm.d.ts +0 -0
- /package/dist/{Form → _utils}/closeWithConfirm.js +0 -0
package/dist/Sidebar/Sidebar.js
DELETED
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
var _excluded = ["children"],
|
|
2
|
-
_excluded2 = ["children"],
|
|
3
|
-
_excluded3 = ["children"],
|
|
4
|
-
_excluded4 = ["children"],
|
|
5
|
-
_excluded5 = ["children"],
|
|
6
|
-
_excluded6 = ["children"],
|
|
7
|
-
_excluded7 = ["children"],
|
|
8
|
-
_excluded8 = ["active", "children"];
|
|
9
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
10
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
11
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
12
|
-
import React from 'react';
|
|
13
|
-
import { H2 } from '../Semantic';
|
|
14
|
-
import { addSubcomponents } from '../_utils/addSubcomponents';
|
|
15
|
-
import { StyledSidebar, StyledSidebarButton, StyledSidebarDivider, StyledSidebarHeader, StyledSidebarHeaderAction, StyledSidebarMenu, StyledSidebarMenuItem } from './Sidebar.styles';
|
|
16
|
-
export var Sidebar_ = /*#__PURE__*/React.forwardRef(function Sidebar(_ref, ref) {
|
|
17
|
-
var children = _ref.children,
|
|
18
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
return /*#__PURE__*/React.createElement(StyledSidebar, _extends({
|
|
20
|
-
ref: ref
|
|
21
|
-
}, props), children);
|
|
22
|
-
});
|
|
23
|
-
export var Divider = /*#__PURE__*/React.forwardRef(function Divider(_ref2, ref) {
|
|
24
|
-
var children = _ref2.children,
|
|
25
|
-
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
26
|
-
return /*#__PURE__*/React.createElement(StyledSidebarDivider, _extends({}, props, {
|
|
27
|
-
ref: ref
|
|
28
|
-
}));
|
|
29
|
-
});
|
|
30
|
-
export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
|
|
31
|
-
var children = _ref3.children,
|
|
32
|
-
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
33
|
-
return /*#__PURE__*/React.createElement(StyledSidebarButton, _extends({}, props, {
|
|
34
|
-
ref: ref
|
|
35
|
-
}), children);
|
|
36
|
-
});
|
|
37
|
-
export var Header = /*#__PURE__*/React.forwardRef(function Header(_ref4, ref) {
|
|
38
|
-
var children = _ref4.children,
|
|
39
|
-
props = _objectWithoutProperties(_ref4, _excluded4);
|
|
40
|
-
return /*#__PURE__*/React.createElement(StyledSidebarHeader, _extends({}, props, {
|
|
41
|
-
ref: ref
|
|
42
|
-
}), children);
|
|
43
|
-
});
|
|
44
|
-
export var HeaderLabel = /*#__PURE__*/React.forwardRef(function HeaderLabel(_ref5, ref) {
|
|
45
|
-
var children = _ref5.children,
|
|
46
|
-
props = _objectWithoutProperties(_ref5, _excluded5);
|
|
47
|
-
return /*#__PURE__*/React.createElement(H2, _extends({}, props, {
|
|
48
|
-
ref: ref
|
|
49
|
-
}), children);
|
|
50
|
-
});
|
|
51
|
-
export var HeaderAction = /*#__PURE__*/React.forwardRef(function HeaderAction(_ref6, ref) {
|
|
52
|
-
var children = _ref6.children,
|
|
53
|
-
props = _objectWithoutProperties(_ref6, _excluded6);
|
|
54
|
-
return /*#__PURE__*/React.createElement(StyledSidebarHeaderAction, _extends({}, props, {
|
|
55
|
-
ref: ref
|
|
56
|
-
}), children);
|
|
57
|
-
});
|
|
58
|
-
export var Menu = /*#__PURE__*/React.forwardRef(function Menu(_ref7, ref) {
|
|
59
|
-
var children = _ref7.children,
|
|
60
|
-
props = _objectWithoutProperties(_ref7, _excluded7);
|
|
61
|
-
return /*#__PURE__*/React.createElement(StyledSidebarMenu, _extends({}, props, {
|
|
62
|
-
ref: ref
|
|
63
|
-
}), children);
|
|
64
|
-
});
|
|
65
|
-
export var MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(_ref8, ref) {
|
|
66
|
-
var _ref8$active = _ref8.active,
|
|
67
|
-
active = _ref8$active === void 0 ? false : _ref8$active,
|
|
68
|
-
children = _ref8.children,
|
|
69
|
-
props = _objectWithoutProperties(_ref8, _excluded8);
|
|
70
|
-
return /*#__PURE__*/React.createElement(StyledSidebarMenuItem, _extends({}, props, {
|
|
71
|
-
$active: active,
|
|
72
|
-
ref: ref
|
|
73
|
-
}), children);
|
|
74
|
-
});
|
|
75
|
-
Sidebar_.displayName = 'Sidebar';
|
|
76
|
-
Divider.displayName = 'Sidebar.Divider';
|
|
77
|
-
Button.displayName = 'Sidebar.Button';
|
|
78
|
-
Header.displayName = 'Sidebar.Header';
|
|
79
|
-
HeaderLabel.displayName = 'Sidebar.HeaderLabel';
|
|
80
|
-
HeaderAction.displayName = 'Sidebar.HeaderAction';
|
|
81
|
-
Menu.displayName = 'Sidebar.Menu';
|
|
82
|
-
MenuItem.displayName = 'Sidebar.MenuItem';
|
|
83
|
-
|
|
84
|
-
/**
|
|
85
|
-
* @deprecated
|
|
86
|
-
* This design has been removed from the system. The sidebar concepts are incoportated into other components. Instead you may want one of the following:
|
|
87
|
-
* - `Panel`
|
|
88
|
-
* - `Page.Aside` for layout location
|
|
89
|
-
* - `Title`
|
|
90
|
-
* - `Button`, `ButtonLink`, `Link` placed in a `Title.Actions` or `Panel.HeaderActions`
|
|
91
|
-
* - `Menu`
|
|
92
|
-
*/
|
|
93
|
-
/** @deprecatedSince 10.19.0 */
|
|
94
|
-
export var Sidebar = addSubcomponents({
|
|
95
|
-
/** @deprecated Visual dividers are a parent of Panel.Section */
|
|
96
|
-
/** @deprecatedSince 10.19.0 */
|
|
97
|
-
Divider: Divider,
|
|
98
|
-
/** @deprecated Try block prop on a Button */
|
|
99
|
-
/** @deprecatedSince 10.19.0 */
|
|
100
|
-
Button: Button,
|
|
101
|
-
/** @deprecated Try Title */
|
|
102
|
-
/** @deprecatedSince 10.19.0 */
|
|
103
|
-
Header: Header,
|
|
104
|
-
/** @deprecated Try Title and Title.Text or Panel componenls } */
|
|
105
|
-
/** @deprecatedSince 10.19.0 */
|
|
106
|
-
HeaderLabel: HeaderLabel,
|
|
107
|
-
/** @deprecated Try Title.Actions or Panel.HeaderActions */
|
|
108
|
-
/** @deprecatedSince 10.19.0 */
|
|
109
|
-
HeaderAction: HeaderAction,
|
|
110
|
-
/** @deprecated See Menu component */
|
|
111
|
-
/** @deprecatedSince 10.19.0 */
|
|
112
|
-
Menu: Menu,
|
|
113
|
-
/** @deprecated See Menu component */
|
|
114
|
-
/** @deprecatedSince 10.19.0 */
|
|
115
|
-
MenuItem: MenuItem
|
|
116
|
-
}, Sidebar_);
|
|
117
|
-
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","names":["React","H2","addSubcomponents","StyledSidebar","StyledSidebarButton","StyledSidebarDivider","StyledSidebarHeader","StyledSidebarHeaderAction","StyledSidebarMenu","StyledSidebarMenuItem","Sidebar_","forwardRef","Sidebar","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Divider","_ref2","_excluded2","Button","_ref3","_excluded3","Header","_ref4","_excluded4","HeaderLabel","_ref5","_excluded5","HeaderAction","_ref6","_excluded6","Menu","_ref7","_excluded7","MenuItem","_ref8","_ref8$active","active","_excluded8","$active","displayName"],"sources":["../../src/Sidebar/Sidebar.tsx"],"sourcesContent":["import React from 'react'\nimport { H2 } from '../Semantic'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n AnchorAttributes,\n DivAttributes,\n HeadingAttributes,\n LiAttributes,\n OlAttributes,\n Props,\n} from '../_utils/types'\nimport {\n StyledSidebar,\n StyledSidebarButton,\n StyledSidebarDivider,\n StyledSidebarHeader,\n StyledSidebarHeaderAction,\n StyledSidebarMenu,\n StyledSidebarMenuItem,\n} from './Sidebar.styles'\n\ninterface SidebarMenuItemProps extends Props {\n /**\n * @since 10.19.0\n */\n active?: boolean\n}\n\nexport const Sidebar_ = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Sidebar({ children, ...props }, ref) {\n return (\n <StyledSidebar ref={ref} {...props}>\n {children}\n </StyledSidebar>\n )\n }\n)\n\nexport const Divider = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Divider({ children, ...props }, ref) {\n return <StyledSidebarDivider {...props} ref={ref} />\n }\n)\n\nexport const Button = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Button({ children, ...props }, ref) {\n return (\n <StyledSidebarButton {...props} ref={ref}>\n {children}\n </StyledSidebarButton>\n )\n }\n)\n\nexport const Header = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Header({ children, ...props }, ref) {\n return (\n <StyledSidebarHeader {...props} ref={ref}>\n {children}\n </StyledSidebarHeader>\n )\n }\n)\n\nexport const HeaderLabel = React.forwardRef<\n HTMLHeadingElement,\n HeadingAttributes & Props\n>(function HeaderLabel({ children, ...props }, ref) {\n return (\n <H2 {...props} ref={ref}>\n {children}\n </H2>\n )\n})\n\nexport const HeaderAction = React.forwardRef<\n HTMLAnchorElement,\n AnchorAttributes & Props\n>(function HeaderAction({ children, ...props }, ref) {\n return (\n <StyledSidebarHeaderAction {...props} ref={ref}>\n {children}\n </StyledSidebarHeaderAction>\n )\n})\n\nexport const Menu = React.forwardRef<HTMLOListElement, OlAttributes & Props>(\n function Menu({ children, ...props }, ref) {\n return (\n <StyledSidebarMenu {...props} ref={ref}>\n {children}\n </StyledSidebarMenu>\n )\n }\n)\n\nexport const MenuItem = React.forwardRef<\n HTMLLIElement,\n LiAttributes & SidebarMenuItemProps\n>(function MenuItem({ active = false, children, ...props }, ref) {\n return (\n <StyledSidebarMenuItem {...props} $active={active} ref={ref}>\n {children}\n </StyledSidebarMenuItem>\n )\n})\n\nSidebar_.displayName = 'Sidebar'\n\nDivider.displayName = 'Sidebar.Divider'\n\nButton.displayName = 'Sidebar.Button'\n\nHeader.displayName = 'Sidebar.Header'\n\nHeaderLabel.displayName = 'Sidebar.HeaderLabel'\n\nHeaderAction.displayName = 'Sidebar.HeaderAction'\n\nMenu.displayName = 'Sidebar.Menu'\n\nMenuItem.displayName = 'Sidebar.MenuItem'\n\n/**\n * @deprecated\n * This design has been removed from the system. The sidebar concepts are incoportated into other components. Instead you may want one of the following:\n * - `Panel`\n * - `Page.Aside` for layout location\n * - `Title`\n * - `Button`, `ButtonLink`, `Link` placed in a `Title.Actions` or `Panel.HeaderActions`\n * - `Menu`\n */\n/** @deprecatedSince 10.19.0 */\nexport const Sidebar = addSubcomponents(\n {\n /** @deprecated Visual dividers are a parent of Panel.Section */\n /** @deprecatedSince 10.19.0 */\n Divider,\n /** @deprecated Try block prop on a Button */\n /** @deprecatedSince 10.19.0 */\n Button,\n /** @deprecated Try Title */\n /** @deprecatedSince 10.19.0 */\n Header,\n /** @deprecated Try Title and Title.Text or Panel componenls } */\n /** @deprecatedSince 10.19.0 */\n HeaderLabel,\n /** @deprecated Try Title.Actions or Panel.HeaderActions */\n /** @deprecatedSince 10.19.0 */\n HeaderAction,\n /** @deprecated See Menu component */\n /** @deprecatedSince 10.19.0 */\n Menu,\n /** @deprecated See Menu component */\n /** @deprecatedSince 10.19.0 */\n MenuItem,\n },\n Sidebar_\n)\n"],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare const StyledSidebar: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const StyledSidebarButton: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const StyledSidebarDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
-
export declare const StyledSidebarHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
-
export declare const StyledSidebarHeaderAction: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
6
|
-
export declare const StyledSidebarMenu: import("styled-components").StyledComponent<"ol", any, {}, never>;
|
|
7
|
-
export declare const StyledSidebarMenuItem: import("styled-components").StyledComponent<"li", any, {
|
|
8
|
-
$active: boolean;
|
|
9
|
-
}, never>;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import styled, { css } from 'styled-components';
|
|
2
|
-
import { getTypographyIntent } from '../Typography/Typography.styles';
|
|
3
|
-
import { colors } from '../_styles/colors';
|
|
4
|
-
import { spacing } from '../_styles/spacing';
|
|
5
|
-
export var StyledSidebar = /*#__PURE__*/styled.div.withConfig({
|
|
6
|
-
displayName: "StyledSidebar",
|
|
7
|
-
componentId: "core-11_33_0__sc-60uplo-0"
|
|
8
|
-
})(["background-color:", ";padding:", "px 0;position:relative;"], colors.gray96, spacing.lg);
|
|
9
|
-
export var StyledSidebarButton = /*#__PURE__*/styled.div.withConfig({
|
|
10
|
-
displayName: "StyledSidebarButton",
|
|
11
|
-
componentId: "core-11_33_0__sc-60uplo-1"
|
|
12
|
-
})(["padding:0 ", "px;& + &{padding-top:", "px;}"], spacing.lg, spacing.sm);
|
|
13
|
-
export var StyledSidebarDivider = /*#__PURE__*/styled.div.withConfig({
|
|
14
|
-
displayName: "StyledSidebarDivider",
|
|
15
|
-
componentId: "core-11_33_0__sc-60uplo-2"
|
|
16
|
-
})(["margin:", "px;border-bottom:1px solid ", ";height:1px;"], spacing.xl, colors.gray90);
|
|
17
|
-
export var StyledSidebarHeader = /*#__PURE__*/styled.div.withConfig({
|
|
18
|
-
displayName: "StyledSidebarHeader",
|
|
19
|
-
componentId: "core-11_33_0__sc-60uplo-3"
|
|
20
|
-
})(["align-items:center;display:flex;justify-content:space-between;padding:0 ", "px ", "px;"], spacing.xl, spacing.md);
|
|
21
|
-
export var StyledSidebarHeaderAction = /*#__PURE__*/styled.a.withConfig({
|
|
22
|
-
displayName: "StyledSidebarHeaderAction",
|
|
23
|
-
componentId: "core-11_33_0__sc-60uplo-4"
|
|
24
|
-
})(["", " color:", ";cursor:pointer;"], getTypographyIntent('small'), colors.orange50);
|
|
25
|
-
export var StyledSidebarMenu = /*#__PURE__*/styled.ol.withConfig({
|
|
26
|
-
displayName: "StyledSidebarMenu",
|
|
27
|
-
componentId: "core-11_33_0__sc-60uplo-5"
|
|
28
|
-
})(["list-style:none;margin:0;padding:0;"]);
|
|
29
|
-
export var StyledSidebarMenuItem = /*#__PURE__*/styled.li.withConfig({
|
|
30
|
-
displayName: "StyledSidebarMenuItem",
|
|
31
|
-
componentId: "core-11_33_0__sc-60uplo-6"
|
|
32
|
-
})(["", " align-items:center;color:", ";cursor:pointer;display:flex;position:relative;padding:", "px ", "px;transition:all 0.2s ease-in-out;&::after{background-color:transparent;content:'';height:100%;left:0;position:absolute;top:0;transition:all 0.2s ease-in-out;width:5px;}&:hover{background-color:", ";color:", ";&::after{background-color:", ";}}", " &:active{&::after{background-color:", ";}}"], getTypographyIntent('small'), colors.gray50, spacing.sm, spacing.xl, colors.gray90, colors.gray15, colors.orange50, function (_ref) {
|
|
33
|
-
var $active = _ref.$active;
|
|
34
|
-
if ($active) {
|
|
35
|
-
return css(["&::after{background-color:", ";}"], colors.orange50);
|
|
36
|
-
}
|
|
37
|
-
}, colors.orange50);
|
|
38
|
-
//# sourceMappingURL=Sidebar.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.styles.js","names":["styled","css","getTypographyIntent","colors","spacing","StyledSidebar","div","withConfig","displayName","componentId","gray96","lg","StyledSidebarButton","sm","StyledSidebarDivider","xl","gray90","StyledSidebarHeader","md","StyledSidebarHeaderAction","a","orange50","StyledSidebarMenu","ol","StyledSidebarMenuItem","li","gray50","gray15","_ref","$active"],"sources":["../../src/Sidebar/Sidebar.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledSidebar = styled.div`\n background-color: ${colors.gray96};\n padding: ${spacing.lg}px 0;\n position: relative;\n`\n\nexport const StyledSidebarButton = styled.div`\n padding: 0 ${spacing.lg}px;\n\n & + & {\n padding-top: ${spacing.sm}px;\n }\n`\n\nexport const StyledSidebarDivider = styled.div`\n margin: ${spacing.xl}px;\n border-bottom: 1px solid ${colors.gray90};\n height: 1px;\n`\n\nexport const StyledSidebarHeader = styled.div`\n align-items: center;\n display: flex;\n justify-content: space-between;\n padding: 0 ${spacing.xl}px ${spacing.md}px;\n`\n\nexport const StyledSidebarHeaderAction = styled.a`\n ${getTypographyIntent('small')}\n\n color: ${colors.orange50};\n cursor: pointer;\n`\n\nexport const StyledSidebarMenu = styled.ol`\n list-style: none;\n margin: 0;\n padding: 0;\n`\n\nexport const StyledSidebarMenuItem = styled.li<{ $active: boolean }>`\n ${getTypographyIntent('small')}\n align-items: center;\n color: ${colors.gray50};\n cursor: pointer;\n display: flex;\n position: relative;\n padding: ${spacing.sm}px ${spacing.xl}px;\n transition: all 0.2s ease-in-out;\n\n &::after {\n background-color: transparent;\n content: '';\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n transition: all 0.2s ease-in-out;\n width: 5px;\n }\n\n &:hover {\n background-color: ${colors.gray90};\n color: ${colors.gray15};\n\n &::after {\n background-color: ${colors.orange50};\n }\n }\n\n ${({ $active }) => {\n if ($active) {\n return css`\n &::after {\n background-color: ${colors.orange50};\n }\n `\n }\n }}\n\n &:active {\n &::after {\n background-color: ${colors.orange50};\n }\n }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,aAAa,gBAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEACjBN,MAAM,CAACO,MAAM,EACtBN,OAAO,CAACO,EAAE,CAEtB;AAED,OAAO,IAAMC,mBAAmB,gBAAGZ,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAC9BL,OAAO,CAACO,EAAE,EAGNP,OAAO,CAACS,EAAE,CAE5B;AAED,OAAO,IAAMC,oBAAoB,gBAAGd,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+DAClCL,OAAO,CAACW,EAAE,EACOZ,MAAM,CAACa,MAAM,CAEzC;AAED,OAAO,IAAMC,mBAAmB,gBAAGjB,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+FAI9BL,OAAO,CAACW,EAAE,EAAMX,OAAO,CAACc,EAAE,CACxC;AAED,OAAO,IAAMC,yBAAyB,gBAAGnB,MAAM,CAACoB,CAAC,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wCAC7CP,mBAAmB,CAAC,OAAO,CAAC,EAErBC,MAAM,CAACkB,QAAQ,CAEzB;AAED,OAAO,IAAMC,iBAAiB,gBAAGtB,MAAM,CAACuB,EAAE,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAIzC;AAED,OAAO,IAAMe,qBAAqB,gBAAGxB,MAAM,CAACyB,EAAE,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gZAC1CP,mBAAmB,CAAC,OAAO,CAAC,EAErBC,MAAM,CAACuB,MAAM,EAIXtB,OAAO,CAACS,EAAE,EAAMT,OAAO,CAACW,EAAE,EAefZ,MAAM,CAACa,MAAM,EACxBb,MAAM,CAACwB,MAAM,EAGAxB,MAAM,CAACkB,QAAQ,EAIrC,UAAAO,IAAA,EAAiB;EAAA,IAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EACV,IAAIA,OAAO,EAAE;IACX,OAAO5B,GAAG,uCAEcE,MAAM,CAACkB,QAAQ;EAGzC;AACF,CAAC,EAIuBlB,MAAM,CAACkB,QAAQ,CAGxC"}
|
package/dist/Sidebar/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Sidebar } from './Sidebar';
|
package/dist/Sidebar/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Sidebar"],"sources":["../../src/Sidebar/index.ts"],"sourcesContent":["export { Sidebar } from './Sidebar'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Analytics as BaseAnalytics } from '../_utils/genericAnalyticsClient';
|
|
3
|
-
declare type AnalyticsProviderProps = React.PropsWithChildren<{
|
|
4
|
-
analytics?: BaseAnalytics;
|
|
5
|
-
}>;
|
|
6
|
-
declare type HydratedContextValue = Pick<BaseAnalytics, 'trackEvent'>;
|
|
7
|
-
declare type DefaultContextValue = {};
|
|
8
|
-
declare type ContextValue = HydratedContextValue | DefaultContextValue;
|
|
9
|
-
/**
|
|
10
|
-
* @deprecatedSince 11
|
|
11
|
-
* @deprecated
|
|
12
|
-
*/
|
|
13
|
-
export declare const AnalyticsContext: React.Context<ContextValue>;
|
|
14
|
-
/**
|
|
15
|
-
* @deprecatedSince 11
|
|
16
|
-
* @deprecated
|
|
17
|
-
*/
|
|
18
|
-
export declare function AnalyticsProvider({ analytics, children, }: AnalyticsProviderProps): React.JSX.Element;
|
|
19
|
-
/**
|
|
20
|
-
* @deprecatedSince 11
|
|
21
|
-
* @deprecated
|
|
22
|
-
*/
|
|
23
|
-
export declare const useAnalyticsContext: () => HydratedContextValue;
|
|
24
|
-
/**
|
|
25
|
-
* @deprecatedSince 11
|
|
26
|
-
* @deprecated Use fetch instead. Previous implementation:
|
|
27
|
-
* - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/decorators/Analytics.tsx
|
|
28
|
-
* - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/utils/genericAnalyticsClient.ts
|
|
29
|
-
*/
|
|
30
|
-
export declare const Analytics: {
|
|
31
|
-
Client: typeof BaseAnalytics;
|
|
32
|
-
Consumer: React.Consumer<ContextValue>;
|
|
33
|
-
Provider: typeof AnalyticsProvider;
|
|
34
|
-
Context: React.Context<ContextValue>;
|
|
35
|
-
};
|
|
36
|
-
export {};
|
package/dist/_hooks/Analytics.js
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Analytics as BaseAnalytics } from '../_utils/genericAnalyticsClient';
|
|
3
|
-
var defaultTrackEvent = function defaultTrackEvent(e, params) {
|
|
4
|
-
console.log('analytics::trackEvent', e, params);
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* @deprecatedSince 11
|
|
9
|
-
* @deprecated
|
|
10
|
-
*/
|
|
11
|
-
export var AnalyticsContext = /*#__PURE__*/React.createContext({});
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* @deprecatedSince 11
|
|
15
|
-
* @deprecated
|
|
16
|
-
*/
|
|
17
|
-
export function AnalyticsProvider(_ref) {
|
|
18
|
-
var analytics = _ref.analytics,
|
|
19
|
-
children = _ref.children;
|
|
20
|
-
return /*#__PURE__*/React.createElement(AnalyticsContext.Provider, {
|
|
21
|
-
value: {
|
|
22
|
-
trackEvent: (analytics === null || analytics === void 0 ? void 0 : analytics.trackEvent) || defaultTrackEvent
|
|
23
|
-
}
|
|
24
|
-
}, children);
|
|
25
|
-
}
|
|
26
|
-
var isAnalyticsHydrated = function isAnalyticsHydrated(analytics) {
|
|
27
|
-
return Object.keys(analytics).length > 0;
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* @deprecatedSince 11
|
|
32
|
-
* @deprecated
|
|
33
|
-
*/
|
|
34
|
-
export var useAnalyticsContext = function useAnalyticsContext() {
|
|
35
|
-
var context = React.useContext(AnalyticsContext);
|
|
36
|
-
if (!isAnalyticsHydrated(context)) {
|
|
37
|
-
throw new Error('Must wrap app in Analytics.Provider');
|
|
38
|
-
}
|
|
39
|
-
return context;
|
|
40
|
-
};
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* @deprecatedSince 11
|
|
44
|
-
* @deprecated Use fetch instead. Previous implementation:
|
|
45
|
-
* - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/decorators/Analytics.tsx
|
|
46
|
-
* - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/utils/genericAnalyticsClient.ts
|
|
47
|
-
*/
|
|
48
|
-
export var Analytics = {
|
|
49
|
-
Client: BaseAnalytics,
|
|
50
|
-
Consumer: AnalyticsContext.Consumer,
|
|
51
|
-
Provider: AnalyticsProvider,
|
|
52
|
-
Context: AnalyticsContext
|
|
53
|
-
};
|
|
54
|
-
//# sourceMappingURL=Analytics.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Analytics.js","names":["React","Analytics","BaseAnalytics","defaultTrackEvent","e","params","console","log","AnalyticsContext","createContext","AnalyticsProvider","_ref","analytics","children","createElement","Provider","value","trackEvent","isAnalyticsHydrated","Object","keys","length","useAnalyticsContext","context","useContext","Error","Client","Consumer","Context"],"sources":["../../src/_hooks/Analytics.tsx"],"sourcesContent":["import React from 'react'\nimport { Analytics as BaseAnalytics } from '../_utils/genericAnalyticsClient'\n\ntype AnalyticsProviderProps = React.PropsWithChildren<{\n analytics?: BaseAnalytics\n}>\ntype HydratedContextValue = Pick<BaseAnalytics, 'trackEvent'>\ntype DefaultContextValue = {}\ntype ContextValue = HydratedContextValue | DefaultContextValue\n\nconst defaultTrackEvent: BaseAnalytics['trackEvent'] = (e, params) => {\n console.log('analytics::trackEvent', e, params)\n}\n\n/**\n * @deprecatedSince 11\n * @deprecated\n */\nexport const AnalyticsContext = React.createContext<ContextValue>({})\n\n/**\n * @deprecatedSince 11\n * @deprecated\n */\nexport function AnalyticsProvider({\n analytics,\n children,\n}: AnalyticsProviderProps) {\n return (\n <AnalyticsContext.Provider\n value={{ trackEvent: analytics?.trackEvent || defaultTrackEvent }}\n >\n {children}\n </AnalyticsContext.Provider>\n )\n}\n\nconst isAnalyticsHydrated = (\n analytics: ContextValue\n): analytics is HydratedContextValue => {\n return Object.keys(analytics).length > 0\n}\n\n/**\n * @deprecatedSince 11\n * @deprecated\n */\nexport const useAnalyticsContext = () => {\n const context = React.useContext(AnalyticsContext)\n if (!isAnalyticsHydrated(context)) {\n throw new Error('Must wrap app in Analytics.Provider')\n }\n return context\n}\n\n/**\n * @deprecatedSince 11\n * @deprecated Use fetch instead. Previous implementation:\n * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/decorators/Analytics.tsx\n * - https://github.com/procore/core/blob/%40procore/core-react%4010.30.0/packages/core-react/src/utils/genericAnalyticsClient.ts\n */\nexport const Analytics = {\n Client: BaseAnalytics,\n Consumer: AnalyticsContext.Consumer,\n Provider: AnalyticsProvider,\n Context: AnalyticsContext,\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,IAAIC,aAAa,QAAQ,kCAAkC;AAS7E,IAAMC,iBAA8C,GAAG,SAAjDA,iBAA8CA,CAAIC,CAAC,EAAEC,MAAM,EAAK;EACpEC,OAAO,CAACC,GAAG,CAAC,uBAAuB,EAAEH,CAAC,EAAEC,MAAM,CAAC;AACjD,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,IAAMG,gBAAgB,gBAAGR,KAAK,CAACS,aAAa,CAAe,CAAC,CAAC,CAAC;;AAErE;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAGN;EAAA,IAFzBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAER,oBACEb,KAAA,CAAAc,aAAA,CAACN,gBAAgB,CAACO,QAAQ;IACxBC,KAAK,EAAE;MAAEC,UAAU,EAAE,CAAAL,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEK,UAAU,KAAId;IAAkB;EAAE,GAEjEU,QACwB,CAAC;AAEhC;AAEA,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAmBA,CACvBN,SAAuB,EACe;EACtC,OAAOO,MAAM,CAACC,IAAI,CAACR,SAAS,CAAC,CAACS,MAAM,GAAG,CAAC;AAC1C,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACvC,IAAMC,OAAO,GAAGvB,KAAK,CAACwB,UAAU,CAAChB,gBAAgB,CAAC;EAClD,IAAI,CAACU,mBAAmB,CAACK,OAAO,CAAC,EAAE;IACjC,MAAM,IAAIE,KAAK,CAAC,qCAAqC,CAAC;EACxD;EACA,OAAOF,OAAO;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMtB,SAAS,GAAG;EACvByB,MAAM,EAAExB,aAAa;EACrByB,QAAQ,EAAEnB,gBAAgB,CAACmB,QAAQ;EACnCZ,QAAQ,EAAEL,iBAAiB;EAC3BkB,OAAO,EAAEpB;AACX,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface Config {
|
|
3
|
-
/**
|
|
4
|
-
* @since 10.19.0
|
|
5
|
-
*/
|
|
6
|
-
enabled: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* @since 10.19.0
|
|
9
|
-
*/
|
|
10
|
-
ref: any;
|
|
11
|
-
}
|
|
12
|
-
interface AutofocusProps {
|
|
13
|
-
/**
|
|
14
|
-
* @since 10.19.0
|
|
15
|
-
*/
|
|
16
|
-
enabled?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* @since 10.19.0
|
|
19
|
-
*/
|
|
20
|
-
children: React.ReactElement;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* @deprecatedSince 9
|
|
24
|
-
* @deprecated Never officially documented/supported
|
|
25
|
-
*/
|
|
26
|
-
export declare const Autofocus: React.ForwardRefExoticComponent<AutofocusProps & React.RefAttributes<HTMLElement>>;
|
|
27
|
-
/**
|
|
28
|
-
* @deprecatedSince 9
|
|
29
|
-
* @deprecated Never officially documented/supported
|
|
30
|
-
*/
|
|
31
|
-
export declare function useAutofocus({ enabled, ref }: Config): void;
|
|
32
|
-
export {};
|
package/dist/_hooks/Autofocus.js
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
var _excluded = ["children", "enabled"];
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
8
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
|
-
import React from 'react';
|
|
11
|
-
/**
|
|
12
|
-
* @deprecatedSince 9
|
|
13
|
-
* @deprecated Never officially documented/supported
|
|
14
|
-
*/
|
|
15
|
-
export var Autofocus = /*#__PURE__*/React.forwardRef(function Autofocus(_ref, ref) {
|
|
16
|
-
var children = _ref.children,
|
|
17
|
-
_ref$enabled = _ref.enabled,
|
|
18
|
-
enabled = _ref$enabled === void 0 ? true : _ref$enabled,
|
|
19
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
-
var childRef = children.ref;
|
|
21
|
-
var scope = /*#__PURE__*/React.createRef();
|
|
22
|
-
useAutofocus({
|
|
23
|
-
ref: scope,
|
|
24
|
-
enabled: enabled
|
|
25
|
-
});
|
|
26
|
-
useSharedRef({
|
|
27
|
-
ref: scope,
|
|
28
|
-
refs: [ref, childRef]
|
|
29
|
-
});
|
|
30
|
-
if ( /*#__PURE__*/React.isValidElement(children)) {
|
|
31
|
-
return /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, props), {}, {
|
|
32
|
-
ref: scope
|
|
33
|
-
}));
|
|
34
|
-
}
|
|
35
|
-
return children;
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* @deprecatedSince 9
|
|
40
|
-
* @deprecated Never officially documented/supported
|
|
41
|
-
*/
|
|
42
|
-
export function useAutofocus(_ref2) {
|
|
43
|
-
var _ref2$enabled = _ref2.enabled,
|
|
44
|
-
enabled = _ref2$enabled === void 0 ? true : _ref2$enabled,
|
|
45
|
-
ref = _ref2.ref;
|
|
46
|
-
React.useLayoutEffect(function () {
|
|
47
|
-
enabled && ref && ref.current && ref.current.focus();
|
|
48
|
-
}, [ref.current]);
|
|
49
|
-
}
|
|
50
|
-
// ==========
|
|
51
|
-
// SHARED REF
|
|
52
|
-
// ==========
|
|
53
|
-
// TODO: Move to own hook
|
|
54
|
-
function useSharedRef(_ref3) {
|
|
55
|
-
var ref = _ref3.ref,
|
|
56
|
-
refs = _ref3.refs;
|
|
57
|
-
React.useLayoutEffect(function () {
|
|
58
|
-
refs.forEach(function (reference) {
|
|
59
|
-
if (reference) {
|
|
60
|
-
if (typeof reference === 'function') {
|
|
61
|
-
reference;
|
|
62
|
-
reference(ref.current);
|
|
63
|
-
} else {
|
|
64
|
-
reference.current = ref.current;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
}, [ref]);
|
|
69
|
-
}
|
|
70
|
-
//# sourceMappingURL=Autofocus.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Autofocus.js","names":["React","Autofocus","forwardRef","_ref","ref","children","_ref$enabled","enabled","props","_objectWithoutProperties","_excluded","childRef","scope","createRef","useAutofocus","useSharedRef","refs","isValidElement","cloneElement","_objectSpread","_ref2","_ref2$enabled","useLayoutEffect","current","focus","_ref3","forEach","reference"],"sources":["../../src/_hooks/Autofocus.ts"],"sourcesContent":["import React from 'react'\n\ninterface Config {\n /**\n * @since 10.19.0\n */\n enabled: boolean\n /**\n * @since 10.19.0\n */\n ref: any\n}\n\ninterface AutofocusProps {\n /**\n * @since 10.19.0\n */\n enabled?: boolean\n /**\n * @since 10.19.0\n */\n children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport const Autofocus = React.forwardRef<HTMLElement, AutofocusProps>(\n function Autofocus({ children, enabled = true, ...props }, ref) {\n const childRef = (children as React.ComponentProps<any>).ref\n const scope = React.createRef<HTMLElement>()\n\n useAutofocus({ ref: scope, enabled })\n useSharedRef({ ref: scope, refs: [ref, childRef] })\n\n if (React.isValidElement<{ ref: React.RefObject<HTMLElement> }>(children)) {\n return React.cloneElement(children, { ...props, ref: scope })\n }\n\n return children\n }\n)\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useAutofocus({ enabled = true, ref }: Config) {\n React.useLayoutEffect(() => {\n enabled && ref && ref.current && ref.current.focus()\n }, [ref.current])\n}\n\ninterface SharedRefConfig {\n ref: React.RefObject<HTMLElement>\n refs: React.MutableRefObject<HTMLElement>[]\n}\n\n// ==========\n// SHARED REF\n// ==========\n// TODO: Move to own hook\n\nfunction useSharedRef({ ref, refs }: SharedRefConfig) {\n React.useLayoutEffect(() => {\n refs.forEach(\n (reference: React.MutableRefObject<HTMLElement | null> | Function) => {\n if (reference) {\n if (typeof reference === 'function') {\n reference\n reference(ref.current)\n } else {\n reference.current = ref.current\n }\n }\n }\n )\n }, [ref])\n}\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAwBzB;AACA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,gBAAGD,KAAK,CAACE,UAAU,CACvC,SAASD,SAASA,CAAAE,IAAA,EAAyCC,GAAG,EAAE;EAAA,IAA3CC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,YAAA,GAAAH,IAAA,CAAEI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACrD,IAAMC,QAAQ,GAAIN,QAAQ,CAA+BD,GAAG;EAC5D,IAAMQ,KAAK,gBAAGZ,KAAK,CAACa,SAAS,CAAc,CAAC;EAE5CC,YAAY,CAAC;IAAEV,GAAG,EAAEQ,KAAK;IAAEL,OAAO,EAAPA;EAAQ,CAAC,CAAC;EACrCQ,YAAY,CAAC;IAAEX,GAAG,EAAEQ,KAAK;IAAEI,IAAI,EAAE,CAACZ,GAAG,EAAEO,QAAQ;EAAE,CAAC,CAAC;EAEnD,kBAAIX,KAAK,CAACiB,cAAc,CAAwCZ,QAAQ,CAAC,EAAE;IACzE,oBAAOL,KAAK,CAACkB,YAAY,CAACb,QAAQ,EAAAc,aAAA,CAAAA,aAAA,KAAOX,KAAK;MAAEJ,GAAG,EAAEQ;IAAK,EAAE,CAAC;EAC/D;EAEA,OAAOP,QAAQ;AACjB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,SAASS,YAAYA,CAAAM,KAAA,EAAkC;EAAA,IAAAC,aAAA,GAAAD,KAAA,CAA/Bb,OAAO;IAAPA,OAAO,GAAAc,aAAA,cAAG,IAAI,GAAAA,aAAA;IAAEjB,GAAG,GAAAgB,KAAA,CAAHhB,GAAG;EAChDJ,KAAK,CAACsB,eAAe,CAAC,YAAM;IAC1Bf,OAAO,IAAIH,GAAG,IAAIA,GAAG,CAACmB,OAAO,IAAInB,GAAG,CAACmB,OAAO,CAACC,KAAK,CAAC,CAAC;EACtD,CAAC,EAAE,CAACpB,GAAG,CAACmB,OAAO,CAAC,CAAC;AACnB;AAOA;AACA;AACA;AACA;AAEA,SAASR,YAAYA,CAAAU,KAAA,EAAiC;EAAA,IAA9BrB,GAAG,GAAAqB,KAAA,CAAHrB,GAAG;IAAEY,IAAI,GAAAS,KAAA,CAAJT,IAAI;EAC/BhB,KAAK,CAACsB,eAAe,CAAC,YAAM;IAC1BN,IAAI,CAACU,OAAO,CACV,UAACC,SAAgE,EAAK;MACpE,IAAIA,SAAS,EAAE;QACb,IAAI,OAAOA,SAAS,KAAK,UAAU,EAAE;UACnCA,SAAS;UACTA,SAAS,CAACvB,GAAG,CAACmB,OAAO,CAAC;QACxB,CAAC,MAAM;UACLI,SAAS,CAACJ,OAAO,GAAGnB,GAAG,CAACmB,OAAO;QACjC;MACF;IACF,CACF,CAAC;EACH,CAAC,EAAE,CAACnB,GAAG,CAAC,CAAC;AACX"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { Rect } from '../_utils/dom';
|
|
3
|
-
interface BoundingRectConfig {
|
|
4
|
-
dependencies?: Array<any>;
|
|
5
|
-
}
|
|
6
|
-
interface Props extends BoundingRectConfig {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
interface RenderProps extends BoundingRectConfig {
|
|
10
|
-
children: (props: BoundingRectApi) => {};
|
|
11
|
-
}
|
|
12
|
-
interface BoundingRectApi {
|
|
13
|
-
ref: React.RefObject<any>;
|
|
14
|
-
rect: Rect;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* @deprecatedSince 9
|
|
18
|
-
* @deprecated Never officially documented/supported
|
|
19
|
-
*/
|
|
20
|
-
export declare function useBoundingRect({ dependencies, }?: BoundingRectConfig): BoundingRectApi;
|
|
21
|
-
/**
|
|
22
|
-
* @deprecatedSince 9
|
|
23
|
-
* @deprecated Never officially documented/supported
|
|
24
|
-
*/
|
|
25
|
-
export declare function BoundingRect({ children, ...props }: RenderProps): {};
|
|
26
|
-
/**
|
|
27
|
-
* @deprecatedSince 9
|
|
28
|
-
* @deprecated Never officially documented/supported
|
|
29
|
-
*/
|
|
30
|
-
export declare const BoundingRectContext: React.Context<BoundingRectApi>;
|
|
31
|
-
/**
|
|
32
|
-
* @deprecatedSince 9
|
|
33
|
-
* @deprecated Never officially documented/supported
|
|
34
|
-
*/
|
|
35
|
-
export declare function BoundingRectProvider({ children, ...props }: Props): React.JSX.Element;
|
|
36
|
-
/**
|
|
37
|
-
* @deprecatedSince 9
|
|
38
|
-
* @deprecated Never officially documented/supported
|
|
39
|
-
*/
|
|
40
|
-
export declare function useBoundingRectContext(): BoundingRectApi;
|
|
41
|
-
export {};
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
var _excluded = ["children"],
|
|
2
|
-
_excluded2 = ["children"];
|
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
5
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
6
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
8
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
9
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
11
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
12
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
13
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
14
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
-
import React from 'react';
|
|
16
|
-
import { defaultRect, getBoundingRect } from '../_utils/dom';
|
|
17
|
-
/* HOOK */
|
|
18
|
-
/**
|
|
19
|
-
* @deprecatedSince 9
|
|
20
|
-
* @deprecated Never officially documented/supported
|
|
21
|
-
*/
|
|
22
|
-
export function useBoundingRect() {
|
|
23
|
-
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
24
|
-
_ref$dependencies = _ref.dependencies,
|
|
25
|
-
dependencies = _ref$dependencies === void 0 ? [] : _ref$dependencies;
|
|
26
|
-
var ref = React.useRef(null);
|
|
27
|
-
var _React$useState = React.useState(defaultRect),
|
|
28
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
29
|
-
rect = _React$useState2[0],
|
|
30
|
-
setRect = _React$useState2[1];
|
|
31
|
-
React.useLayoutEffect(function () {
|
|
32
|
-
if (ref.current) {
|
|
33
|
-
setRect(getBoundingRect(ref.current));
|
|
34
|
-
}
|
|
35
|
-
}, [ref.current].concat(_toConsumableArray(dependencies))); // TODO Fix
|
|
36
|
-
|
|
37
|
-
return {
|
|
38
|
-
ref: ref,
|
|
39
|
-
rect: rect
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
/* RENDER PROP */
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* @deprecatedSince 9
|
|
47
|
-
* @deprecated Never officially documented/supported
|
|
48
|
-
*/
|
|
49
|
-
export function BoundingRect(_ref2) {
|
|
50
|
-
var children = _ref2.children,
|
|
51
|
-
props = _objectWithoutProperties(_ref2, _excluded);
|
|
52
|
-
var boundingRect = useBoundingRect(props);
|
|
53
|
-
return typeof children === 'function' ? children(boundingRect) : children;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
/* CONTEXT */
|
|
57
|
-
|
|
58
|
-
var context = {
|
|
59
|
-
ref: {
|
|
60
|
-
current: null
|
|
61
|
-
},
|
|
62
|
-
rect: defaultRect
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* @deprecatedSince 9
|
|
67
|
-
* @deprecated Never officially documented/supported
|
|
68
|
-
*/
|
|
69
|
-
export var BoundingRectContext = /*#__PURE__*/React.createContext(context);
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* @deprecatedSince 9
|
|
73
|
-
* @deprecated Never officially documented/supported
|
|
74
|
-
*/
|
|
75
|
-
export function BoundingRectProvider(_ref3) {
|
|
76
|
-
var children = _ref3.children,
|
|
77
|
-
props = _objectWithoutProperties(_ref3, _excluded2);
|
|
78
|
-
return /*#__PURE__*/React.createElement(BoundingRectContext.Provider, {
|
|
79
|
-
value: useBoundingRect(props)
|
|
80
|
-
}, children);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
/**
|
|
84
|
-
* @deprecatedSince 9
|
|
85
|
-
* @deprecated Never officially documented/supported
|
|
86
|
-
*/
|
|
87
|
-
export function useBoundingRectContext() {
|
|
88
|
-
return React.useContext(BoundingRectContext);
|
|
89
|
-
}
|
|
90
|
-
//# sourceMappingURL=BoundingRect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BoundingRect.js","names":["React","defaultRect","getBoundingRect","useBoundingRect","_ref","arguments","length","undefined","_ref$dependencies","dependencies","ref","useRef","_React$useState","useState","_React$useState2","_slicedToArray","rect","setRect","useLayoutEffect","current","concat","_toConsumableArray","BoundingRect","_ref2","children","props","_objectWithoutProperties","_excluded","boundingRect","context","BoundingRectContext","createContext","BoundingRectProvider","_ref3","_excluded2","createElement","Provider","value","useBoundingRectContext","useContext"],"sources":["../../src/_hooks/BoundingRect.tsx"],"sourcesContent":["import React from 'react'\nimport type { Rect } from '../_utils/dom'\nimport { defaultRect, getBoundingRect } from '../_utils/dom'\n\ninterface BoundingRectConfig {\n dependencies?: Array<any>\n}\n\ninterface Props extends BoundingRectConfig {\n children: React.ReactNode\n}\n\ninterface RenderProps extends BoundingRectConfig {\n children: (props: BoundingRectApi) => {}\n}\n\ninterface BoundingRectApi {\n ref: React.RefObject<any>\n rect: Rect\n}\n\n/* HOOK */\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useBoundingRect({\n dependencies = [],\n}: BoundingRectConfig = {}): BoundingRectApi {\n const ref = React.useRef<any>(null)\n\n const [rect, setRect] = React.useState(defaultRect)\n\n React.useLayoutEffect(() => {\n if (ref.current) {\n setRect(getBoundingRect(ref.current))\n }\n }, [ref.current, ...dependencies]) // TODO Fix\n\n return { ref, rect }\n}\n\n/* RENDER PROP */\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function BoundingRect({ children, ...props }: RenderProps) {\n const boundingRect = useBoundingRect(props)\n\n return typeof children === 'function' ? children(boundingRect) : children\n}\n\n/* CONTEXT */\n\nconst context: BoundingRectApi = {\n ref: { current: null },\n rect: defaultRect,\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport const BoundingRectContext = React.createContext(context)\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function BoundingRectProvider({ children, ...props }: Props) {\n return (\n <BoundingRectContext.Provider value={useBoundingRect(props)}>\n {children}\n </BoundingRectContext.Provider>\n )\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useBoundingRectContext() {\n return React.useContext(BoundingRectContext)\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,EAAEC,eAAe,QAAQ,eAAe;AAmB5D;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAA,EAEc;EAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAArB,CAAC,CAAC;IAAAG,iBAAA,GAAAJ,IAAA,CADxBK,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;EAEjB,IAAME,GAAG,GAAGV,KAAK,CAACW,MAAM,CAAM,IAAI,CAAC;EAEnC,IAAAC,eAAA,GAAwBZ,KAAK,CAACa,QAAQ,CAACZ,WAAW,CAAC;IAAAa,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA5CI,IAAI,GAAAF,gBAAA;IAAEG,OAAO,GAAAH,gBAAA;EAEpBd,KAAK,CAACkB,eAAe,CAAC,YAAM;IAC1B,IAAIR,GAAG,CAACS,OAAO,EAAE;MACfF,OAAO,CAACf,eAAe,CAACQ,GAAG,CAACS,OAAO,CAAC,CAAC;IACvC;EACF,CAAC,GAAGT,GAAG,CAACS,OAAO,EAAAC,MAAA,CAAAC,kBAAA,CAAKZ,YAAY,EAAC,CAAC,EAAC;;EAEnC,OAAO;IAAEC,GAAG,EAAHA,GAAG;IAAEM,IAAI,EAAJA;EAAK,CAAC;AACtB;;AAEA;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASM,YAAYA,CAAAC,KAAA,EAAsC;EAAA,IAAnCC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAH,KAAA,EAAAI,SAAA;EAC/C,IAAMC,YAAY,GAAGzB,eAAe,CAACsB,KAAK,CAAC;EAE3C,OAAO,OAAOD,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAACI,YAAY,CAAC,GAAGJ,QAAQ;AAC3E;;AAEA;;AAEA,IAAMK,OAAwB,GAAG;EAC/BnB,GAAG,EAAE;IAAES,OAAO,EAAE;EAAK,CAAC;EACtBH,IAAI,EAAEf;AACR,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,IAAM6B,mBAAmB,gBAAG9B,KAAK,CAAC+B,aAAa,CAACF,OAAO,CAAC;;AAE/D;AACA;AACA;AACA;AACA,OAAO,SAASG,oBAAoBA,CAAAC,KAAA,EAAgC;EAAA,IAA7BT,QAAQ,GAAAS,KAAA,CAART,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAO,KAAA,EAAAC,UAAA;EACvD,oBACElC,KAAA,CAAAmC,aAAA,CAACL,mBAAmB,CAACM,QAAQ;IAACC,KAAK,EAAElC,eAAe,CAACsB,KAAK;EAAE,GACzDD,QAC2B,CAAC;AAEnC;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASc,sBAAsBA,CAAA,EAAG;EACvC,OAAOtC,KAAK,CAACuC,UAAU,CAACT,mBAAmB,CAAC;AAC9C"}
|
package/dist/_hooks/Event.d.ts
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { Scope } from './EventListener';
|
|
3
|
-
interface EventConfig {
|
|
4
|
-
event: string;
|
|
5
|
-
options?: AddEventListenerOptions;
|
|
6
|
-
scope?: Scope;
|
|
7
|
-
}
|
|
8
|
-
interface EventApi {
|
|
9
|
-
value: any;
|
|
10
|
-
}
|
|
11
|
-
interface Props extends EventConfig {
|
|
12
|
-
children?: React.ReactNode;
|
|
13
|
-
}
|
|
14
|
-
interface RenderProps extends EventConfig {
|
|
15
|
-
children: (props: EventApi) => {};
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* @deprecatedSince 9
|
|
19
|
-
* @deprecated Never officially documented/supported
|
|
20
|
-
*/
|
|
21
|
-
export declare function useEvent({ event, options, scope, }: EventConfig): EventApi;
|
|
22
|
-
/**
|
|
23
|
-
* @deprecatedSince 9
|
|
24
|
-
* @deprecated Never officially documented/supported
|
|
25
|
-
*/
|
|
26
|
-
export declare function Event({ children, ...props }: RenderProps): {};
|
|
27
|
-
/**
|
|
28
|
-
* @deprecatedSince 9
|
|
29
|
-
* @deprecated Never officially documented/supported
|
|
30
|
-
*/
|
|
31
|
-
export declare const EventContext: React.Context<EventApi>;
|
|
32
|
-
/**
|
|
33
|
-
* @deprecatedSince 9
|
|
34
|
-
* @deprecated Never officially documented/supported
|
|
35
|
-
*/
|
|
36
|
-
export declare function EventProvider({ children, ...props }: Props): React.JSX.Element;
|
|
37
|
-
/**
|
|
38
|
-
* @deprecatedSince 9
|
|
39
|
-
* @deprecated Never officially documented/supported
|
|
40
|
-
*/
|
|
41
|
-
export declare const useEventContext: () => EventApi;
|
|
42
|
-
export {};
|