@procore/core-react 11.30.0 → 11.31.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/AnchorNavigation/AnchorNavigation.d.ts +9 -0
- package/dist/AnchorNavigation/AnchorNavigation.js +52 -0
- package/dist/AnchorNavigation/AnchorNavigation.js.map +1 -0
- package/dist/AnchorNavigation/AnchorNavigation.styles.d.ts +7 -0
- package/dist/AnchorNavigation/AnchorNavigation.styles.js +30 -0
- package/dist/AnchorNavigation/AnchorNavigation.styles.js.map +1 -0
- package/dist/AnchorNavigation/index.d.ts +1 -0
- package/dist/AnchorNavigation/index.js +2 -0
- package/dist/AnchorNavigation/index.js.map +1 -0
- package/dist/Avatar/Avatar.d.ts +18 -4
- package/dist/Avatar/Avatar.js +30 -14
- package/dist/Avatar/Avatar.js.map +1 -1
- package/dist/Avatar/Avatar.styles.js +5 -5
- package/dist/AvatarStack/AvatarStack.styles.js +7 -7
- package/dist/Badge/Badge.styles.js +2 -2
- package/dist/Banner/Banner.d.ts +19 -0
- package/dist/Banner/Banner.js +20 -19
- package/dist/Banner/Banner.js.map +1 -1
- package/dist/Banner/Banner.styles.js +10 -10
- package/dist/Box/Box.styles.js +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +12 -0
- package/dist/Breadcrumbs/Breadcrumbs.js +13 -13
- package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/dist/Button/Button.styles.js +5 -5
- 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.d.ts +14 -0
- package/dist/ContactItem/ContactItem.js +15 -14
- package/dist/ContactItem/ContactItem.js.map +1 -1
- package/dist/ContactItem/ContactItem.styles.js +5 -5
- package/dist/Content/Content.styles.js +2 -2
- package/dist/DateInput/DateInput.js +0 -7
- package/dist/DateInput/DateInput.js.map +1 -1
- package/dist/DateInput/DateInput.styles.js +6 -6
- package/dist/DetailPage/DetailPage.styles.js +7 -7
- package/dist/Dropdown/Dropdown.d.ts +13 -0
- package/dist/Dropdown/Dropdown.js +14 -14
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/Dropdown.styles.js +3 -3
- package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
- package/dist/Dropzone/Dropzone.d.ts +12 -0
- package/dist/Dropzone/Dropzone.js +14 -14
- package/dist/Dropzone/Dropzone.js.map +1 -1
- package/dist/Dropzone/Dropzone.styles.js +9 -9
- package/dist/EmptyState/EmptyState.d.ts +13 -0
- package/dist/EmptyState/EmptyState.js +14 -14
- package/dist/EmptyState/EmptyState.js.map +1 -1
- package/dist/EmptyState/EmptyState.styles.js +6 -6
- package/dist/Field/Field.styles.js +3 -3
- package/dist/FileList/FileList.d.ts +3 -3
- package/dist/FileList/FileList.js +10 -10
- package/dist/FileList/FileList.js.map +1 -1
- 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/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.styles.js +16 -16
- 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 +10 -10
- package/dist/Menu/Menu.js +13 -13
- package/dist/Menu/Menu.js.map +1 -1
- package/dist/MenuImperative/MenuImperative.d.ts +7 -0
- package/dist/MenuImperative/MenuImperative.js +8 -8
- package/dist/MenuImperative/MenuImperative.js.map +1 -1
- package/dist/MenuImperative/MenuImperative.styles.js +10 -10
- package/dist/Modal/Modal.d.ts +16 -0
- package/dist/Modal/Modal.js +17 -17
- package/dist/Modal/Modal.js.map +1 -1
- package/dist/Modal/Modal.styles.js +13 -13
- package/dist/MultiSelect/MultiSelect.styles.js +6 -6
- package/dist/NextMenu/NextMenu.styles.js +3 -3
- 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/PageLayout/PageLayout.d.ts +3 -3
- package/dist/PageLayout/PageLayout.js +60 -29
- package/dist/PageLayout/PageLayout.js.map +1 -1
- package/dist/PageLayout/PageLayout.styles.d.ts +2 -0
- package/dist/PageLayout/PageLayout.styles.js +23 -13
- package/dist/PageLayout/PageLayout.styles.js.map +1 -1
- package/dist/PageLayout/PageLayout.types.d.ts +6 -1
- package/dist/PageLayout/PageLayout.types.js.map +1 -1
- package/dist/Pagination/Pagination.styles.js +5 -5
- package/dist/Panel/Panel.d.ts +15 -0
- package/dist/Panel/Panel.js +16 -16
- package/dist/Panel/Panel.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/Popover/Popover.d.ts +2 -2
- package/dist/Popover/Popover.js +21 -22
- package/dist/Popover/Popover.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.d.ts +16 -0
- package/dist/Select/Select.js +17 -17
- package/dist/Select/Select.js.map +1 -1
- package/dist/Select/Select.styles.js +7 -7
- package/dist/Semantic/Semantic.styles.js +9 -9
- 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.presets.styles.js +1 -1
- package/dist/SuperSelect/SuperSelect.styles.js +37 -37
- 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 +5 -5
- package/dist/Tabs/Tabs.js +13 -14
- package/dist/Tabs/Tabs.js.map +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/TextEditorOutput/TextEditorOutput.styles.js +1 -1
- package/dist/Thumbnail/Thumbnail.d.ts +14 -0
- package/dist/Thumbnail/Thumbnail.js +8 -8
- package/dist/Thumbnail/Thumbnail.js.map +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/Tile/Tile.styles.js +8 -8
- package/dist/Title/Title.styles.js +7 -7
- package/dist/Toast/Toast.d.ts +1 -1
- package/dist/Toast/Toast.js +18 -18
- package/dist/Toast/Toast.js.map +1 -1
- 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/ToolHeader.styles.js +6 -6
- package/dist/Tooltip/Tooltip.d.ts +17 -0
- package/dist/Tooltip/Tooltip.js +18 -18
- package/dist/Tooltip/Tooltip.js.map +1 -1
- 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.styles.js +1 -1
- package/dist/Typography/Typography.table.story.js +2 -2
- package/dist/_hooks/I18n.d.ts +1 -36
- package/dist/_hooks/I18n.js +0 -6
- package/dist/_hooks/I18n.js.map +1 -1
- package/dist/_hooks/getI18nProviderLocale.d.ts +7 -0
- package/dist/_hooks/getI18nProviderLocale.js +28 -0
- package/dist/_hooks/getI18nProviderLocale.js.map +1 -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 +12 -12
- 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 +726 -726
- 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 +31 -31
- package/dist/_typedoc/PageLayout/PageLayout.types.json +68 -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 +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 +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/dist/_utils/CalendarHelpers.js +1 -4
- package/dist/_utils/CalendarHelpers.js.map +1 -1
- package/dist/_utils/TinyMCE.js +0 -3
- package/dist/_utils/TinyMCE.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/_locales/en-US.json +0 -33
- package/dist/_locales/it-IT.json +0 -1
- package/dist/_locales/ko.json +0 -1
|
@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
|
|
|
7
7
|
import { spacing } from '../_styles/spacing';
|
|
8
8
|
export var StyledToast = /*#__PURE__*/styled.div.withConfig({
|
|
9
9
|
displayName: "StyledToast",
|
|
10
|
-
componentId: "core-
|
|
10
|
+
componentId: "core-11_31_1__sc-1l6lk2n-0"
|
|
11
11
|
})(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
|
|
12
12
|
var $variant = _ref.$variant;
|
|
13
13
|
return $variant === 'success' ? colors.green30 : colors.red50;
|
|
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
|
|
|
16
16
|
// $legacy is direct string inside Toast. Next is with subcomponents
|
|
17
17
|
export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
|
|
18
18
|
displayName: "StyledToastText",
|
|
19
|
-
componentId: "core-
|
|
19
|
+
componentId: "core-11_31_1__sc-1l6lk2n-1"
|
|
20
20
|
})(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
|
|
21
21
|
var $legacy = _ref2.$legacy;
|
|
22
22
|
return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
|
|
23
23
|
});
|
|
24
24
|
export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
|
|
25
25
|
displayName: "StyledToastButton",
|
|
26
|
-
componentId: "core-
|
|
26
|
+
componentId: "core-11_31_1__sc-1l6lk2n-2"
|
|
27
27
|
})(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
|
|
28
28
|
//# sourceMappingURL=Toast.styles.js.map
|
|
@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
|
|
|
3
3
|
import { colors } from '../_styles/colors';
|
|
4
4
|
export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
|
|
5
5
|
displayName: "StyledToggleButton",
|
|
6
|
-
componentId: "core-
|
|
6
|
+
componentId: "core-11_31_1__sc-1x59fxi-0"
|
|
7
7
|
})(["", "}"], function (_ref) {
|
|
8
8
|
var $selected = _ref.$selected;
|
|
9
9
|
return $selected && css(["background-color:", ";color:", ";&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";}"], colors.blue50, colors.white, colors.blue40, colors.white, colors.blue50, colors.white, colors.blue85, colors.white);
|
|
@@ -6,15 +6,15 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
|
|
|
6
6
|
import { spacing } from '../_styles/spacing';
|
|
7
7
|
export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
|
|
8
8
|
displayName: "StyledLabel",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-11_31_1__sc-zqi94b-0"
|
|
10
10
|
})(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
|
|
11
11
|
export var StyledRemove = /*#__PURE__*/styled(Clear).withConfig({
|
|
12
12
|
displayName: "StyledRemove",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_31_1__sc-zqi94b-1"
|
|
14
14
|
})(["border-radius:100%;cursor:pointer;flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;width:16px;&:hover{background:", ";color:", ";}"], spacing.sm, spacing.sm, colors.white, colors.blue40);
|
|
15
15
|
export var StyledToken = /*#__PURE__*/styled.div.withConfig({
|
|
16
16
|
displayName: "StyledToken",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-11_31_1__sc-zqi94b-2"
|
|
18
18
|
})(["align-items:center;background-color:", ";border-radius:200px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:24px;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", " ", " ", ""], colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_ref) {
|
|
19
19
|
var _ref$$focused = _ref.$focused,
|
|
20
20
|
$focused = _ref$$focused === void 0 ? false : _ref$$focused,
|
|
@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
|
|
|
5
5
|
import { spacing } from '../_styles/spacing';
|
|
6
6
|
export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
|
|
7
7
|
displayName: "StyledHeaderBadge",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_31_1__sc-1jpjx47-0"
|
|
9
9
|
})(["", " border-radius:10px;border-style:solid;border-width:1px;display:inline-block;margin-bottom:", "px;padding:1px ", "px;", ""], getTypographyIntent('small'), spacing.sm, spacing.sm, function (_ref) {
|
|
10
10
|
var $variant = _ref.$variant;
|
|
11
11
|
if ($variant) {
|
|
@@ -18,22 +18,22 @@ export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
|
|
|
18
18
|
// TODO in v12 remove cursor: pointer;
|
|
19
19
|
export var StyledToolHeaderIconContainer = /*#__PURE__*/styled.div.withConfig({
|
|
20
20
|
displayName: "StyledToolHeaderIconContainer",
|
|
21
|
-
componentId: "core-
|
|
21
|
+
componentId: "core-11_31_1__sc-1jpjx47-1"
|
|
22
22
|
})(["color:", ";cursor:pointer;display:inline-flex;flex:0 0 auto;"], colors.orange50);
|
|
23
23
|
export var StyledHeaderTabs = /*#__PURE__*/styled.div.withConfig({
|
|
24
24
|
displayName: "StyledHeaderTabs",
|
|
25
|
-
componentId: "core-
|
|
25
|
+
componentId: "core-11_31_1__sc-1jpjx47-2"
|
|
26
26
|
})(["align-self:flex-end;flex:1 1 auto;min-width:100px;overflow:hidden;"]);
|
|
27
27
|
export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
|
|
28
28
|
displayName: "StyledHeaderActions",
|
|
29
|
-
componentId: "core-
|
|
29
|
+
componentId: "core-11_31_1__sc-1jpjx47-3"
|
|
30
30
|
})(["flex:0 0 auto;margin-left:auto;padding-left:", "px;"], spacing.lg);
|
|
31
31
|
export var StyledToolHeaderTitle = /*#__PURE__*/styled(H1).withConfig({
|
|
32
32
|
displayName: "StyledToolHeaderTitle",
|
|
33
|
-
componentId: "core-
|
|
33
|
+
componentId: "core-11_31_1__sc-1jpjx47-4"
|
|
34
34
|
})(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
|
|
35
35
|
export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
|
|
36
36
|
displayName: "StyledToolHeader",
|
|
37
|
-
componentId: "core-
|
|
37
|
+
componentId: "core-11_31_1__sc-1jpjx47-5"
|
|
38
38
|
})(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
|
|
39
39
|
//# sourceMappingURL=ToolHeader.styles.js.map
|
|
@@ -1,6 +1,23 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { OverlayTriggerProps } from '../OverlayTrigger';
|
|
3
3
|
import type { TooltipContentProps, TooltipProps } from './Tooltip.types';
|
|
4
|
+
/**
|
|
5
|
+
|
|
6
|
+
We use tooltips to display additional descriptive information about an element
|
|
7
|
+
or item to the user. For example, we could use them to explain a specific term
|
|
8
|
+
or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to
|
|
9
|
+
clarify certain information (e.g. why a button is disabled).
|
|
10
|
+
|
|
11
|
+
They can be displayed either by hovering over an element in the product or by
|
|
12
|
+
hovering over an icon next to an element.
|
|
13
|
+
|
|
14
|
+
@since 10.19.0
|
|
15
|
+
|
|
16
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)
|
|
17
|
+
|
|
18
|
+
@see [Design Guidelines](https://design.procore.com/tooltip)
|
|
19
|
+
|
|
20
|
+
*/
|
|
4
21
|
export declare const Tooltip: React.ForwardRefExoticComponent<OverlayTriggerProps & TooltipProps & React.RefAttributes<HTMLElement>> & {
|
|
5
22
|
Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
23
|
};
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -19,24 +19,6 @@ var Content = /*#__PURE__*/React.forwardRef(function Content(_ref, ref) {
|
|
|
19
19
|
ref: ref
|
|
20
20
|
}, /*#__PURE__*/React.createElement(StyledTooltip, props, children));
|
|
21
21
|
});
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
|
|
25
|
-
We use tooltips to display additional descriptive information about an element
|
|
26
|
-
or item to the user. For example, we could use them to explain a specific term
|
|
27
|
-
or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to
|
|
28
|
-
clarify certain information (e.g. why a button is disabled).
|
|
29
|
-
|
|
30
|
-
They can be displayed either by hovering over an element in the product or by
|
|
31
|
-
hovering over an icon next to an element.
|
|
32
|
-
|
|
33
|
-
@since 10.19.0
|
|
34
|
-
|
|
35
|
-
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)
|
|
36
|
-
|
|
37
|
-
@see [Design Guidelines](https://design.procore.com/tooltip)
|
|
38
|
-
|
|
39
|
-
*/
|
|
40
22
|
var Tooltip_ = /*#__PURE__*/React.forwardRef(function Tooltip(_ref2, ref) {
|
|
41
23
|
var children = _ref2.children,
|
|
42
24
|
_ref2$initialIsVisibl = _ref2.initialIsVisible,
|
|
@@ -65,6 +47,24 @@ var Tooltip_ = /*#__PURE__*/React.forwardRef(function Tooltip(_ref2, ref) {
|
|
|
65
47
|
});
|
|
66
48
|
Tooltip_.displayName = 'Tooltip';
|
|
67
49
|
Content.displayName = 'Tooltip.Content';
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
|
|
53
|
+
We use tooltips to display additional descriptive information about an element
|
|
54
|
+
or item to the user. For example, we could use them to explain a specific term
|
|
55
|
+
or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to
|
|
56
|
+
clarify certain information (e.g. why a button is disabled).
|
|
57
|
+
|
|
58
|
+
They can be displayed either by hovering over an element in the product or by
|
|
59
|
+
hovering over an icon next to an element.
|
|
60
|
+
|
|
61
|
+
@since 10.19.0
|
|
62
|
+
|
|
63
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)
|
|
64
|
+
|
|
65
|
+
@see [Design Guidelines](https://design.procore.com/tooltip)
|
|
66
|
+
|
|
67
|
+
*/
|
|
68
68
|
export var Tooltip = addSubcomponents({
|
|
69
69
|
Content: Content
|
|
70
70
|
}, Tooltip_);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["React","OverlayTrigger","addSubcomponents","StyledContainer","StyledTooltip","Content","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","Tooltip_","Tooltip","_ref2","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$placement","placement","_ref2$trigger","trigger","_excluded2","overlayNode","isValidElement","cloneElement","_objectSpread","restoreFocusOnHide","shrinkOverlay","arrow","displayName"],"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react'\nimport type { OverlayTriggerProps } from '../OverlayTrigger'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledContainer, StyledTooltip } from './Tooltip.styles'\nimport type { TooltipContentProps, TooltipProps } from './Tooltip.types'\n\nconst Content = React.forwardRef<HTMLSpanElement, TooltipContentProps>(\n function Content({ children, ...props }, ref) {\n return (\n <StyledContainer ref={ref}>\n <StyledTooltip {...props}>{children}</StyledTooltip>\n </StyledContainer>\n )\n }\n)\n\
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["React","OverlayTrigger","addSubcomponents","StyledContainer","StyledTooltip","Content","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","Tooltip_","Tooltip","_ref2","_ref2$initialIsVisibl","initialIsVisible","overlay","_ref2$placement","placement","_ref2$trigger","trigger","_excluded2","overlayNode","isValidElement","cloneElement","_objectSpread","restoreFocusOnHide","shrinkOverlay","arrow","displayName"],"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react'\nimport type { OverlayTriggerProps } from '../OverlayTrigger'\nimport { OverlayTrigger } from '../OverlayTrigger'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledContainer, StyledTooltip } from './Tooltip.styles'\nimport type { TooltipContentProps, TooltipProps } from './Tooltip.types'\n\nconst Content = React.forwardRef<HTMLSpanElement, TooltipContentProps>(\n function Content({ children, ...props }, ref) {\n return (\n <StyledContainer ref={ref}>\n <StyledTooltip {...props}>{children}</StyledTooltip>\n </StyledContainer>\n )\n }\n)\n\nconst Tooltip_ = React.forwardRef<\n HTMLElement,\n OverlayTriggerProps & TooltipProps\n>(function Tooltip(\n {\n children,\n initialIsVisible = false,\n overlay,\n placement = 'top',\n trigger = 'hover',\n ...props\n },\n ref\n) {\n const overlayNode = React.isValidElement(overlay) ? (\n React.cloneElement(overlay as React.ReactElement, { placement })\n ) : (\n <Content placement={placement}>{overlay}</Content>\n )\n\n return (\n <OverlayTrigger\n {...{\n ...props,\n initialIsVisible,\n overlay: overlayNode,\n placement,\n ref,\n restoreFocusOnHide: false,\n trigger,\n shrinkOverlay: true,\n arrow: true,\n }}\n >\n {children}\n </OverlayTrigger>\n )\n})\n\nTooltip_.displayName = 'Tooltip'\n\nContent.displayName = 'Tooltip.Content'\n\n/**\n\n We use tooltips to display additional descriptive information about an element\n or item to the user. For example, we could use them to explain a specific term\n or phrase, to denote the specific format required (e.g. mm/dd/yyy), or to\n clarify certain information (e.g. why a button is disabled).\n\n They can be displayed either by hovering over an element in the product or by\n hovering over an icon next to an element.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-tooltip--demo)\n\n @see [Design Guidelines](https://design.procore.com/tooltip)\n\n */\nexport const Tooltip = addSubcomponents(\n {\n Content,\n },\n Tooltip_\n)\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,eAAe,EAAEC,aAAa,QAAQ,kBAAkB;AAGjE,IAAMC,OAAO,gBAAGL,KAAK,CAACM,UAAU,CAC9B,SAASD,OAAOA,CAAAE,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnC,oBACEZ,KAAA,CAAAa,aAAA,CAACV,eAAe;IAACK,GAAG,EAAEA;EAAI,gBACxBR,KAAA,CAAAa,aAAA,CAACT,aAAa,EAAKM,KAAK,EAAGD,QAAwB,CACpC,CAAC;AAEtB,CACF,CAAC;AAED,IAAMK,QAAQ,gBAAGd,KAAK,CAACM,UAAU,CAG/B,SAASS,OAAOA,CAAAC,KAAA,EAShBR,GAAG,EACH;EAAA,IAREC,QAAQ,GAAAO,KAAA,CAARP,QAAQ;IAAAQ,qBAAA,GAAAD,KAAA,CACRE,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACxBE,OAAO,GAAAH,KAAA,CAAPG,OAAO;IAAAC,eAAA,GAAAJ,KAAA,CACPK,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAN,KAAA,CACjBO,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,OAAO,GAAAA,aAAA;IACdZ,KAAK,GAAAC,wBAAA,CAAAK,KAAA,EAAAQ,UAAA;EAIV,IAAMC,WAAW,GAAG,aAAAzB,KAAK,CAAC0B,cAAc,CAACP,OAAO,CAAC,gBAC/CnB,KAAK,CAAC2B,YAAY,CAACR,OAAO,EAAwB;IAAEE,SAAS,EAATA;EAAU,CAAC,CAAC,gBAEhErB,KAAA,CAAAa,aAAA,CAACR,OAAO;IAACgB,SAAS,EAAEA;EAAU,GAAEF,OAAiB,CAClD;EAED,oBACEnB,KAAA,CAAAa,aAAA,CAACZ,cAAc,EAAA2B,aAAA,CAAAA,aAAA,KAERlB,KAAK;IACRQ,gBAAgB,EAAhBA,gBAAgB;IAChBC,OAAO,EAAEM,WAAW;IACpBJ,SAAS,EAATA,SAAS;IACTb,GAAG,EAAHA,GAAG;IACHqB,kBAAkB,EAAE,KAAK;IACzBN,OAAO,EAAPA,OAAO;IACPO,aAAa,EAAE,IAAI;IACnBC,KAAK,EAAE;EAAI,IAGZtB,QACa,CAAC;AAErB,CAAC,CAAC;AAEFK,QAAQ,CAACkB,WAAW,GAAG,SAAS;AAEhC3B,OAAO,CAAC2B,WAAW,GAAG,iBAAiB;;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMjB,OAAO,GAAGb,gBAAgB,CACrC;EACEG,OAAO,EAAPA;AACF,CAAC,EACDS,QACF,CAAC"}
|
|
@@ -6,10 +6,10 @@ import { getShadow } from '../_styles/shadows';
|
|
|
6
6
|
import { spacing } from '../_styles/spacing';
|
|
7
7
|
export var StyledTooltip = /*#__PURE__*/styled.span.withConfig({
|
|
8
8
|
displayName: "StyledTooltip",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-11_31_1__sc-1fawsi4-0"
|
|
10
10
|
})(["", " color:", ";max-width:200px;padding:", "px ", "px;position:relative;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;"], getTypographyIntent('small'), colors.white, spacing.sm, spacing.md);
|
|
11
11
|
export var StyledContainer = /*#__PURE__*/styled.span.withConfig({
|
|
12
12
|
displayName: "StyledContainer",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_31_1__sc-1fawsi4-1"
|
|
14
14
|
})(["display:inline-flex;background-color:", ";border-radius:", "px;", " & + [data-overlay-arrow]{background:", ";}"], colors.gray15, borderRadius.md, getShadow(3, 'bottom'), colors.gray15);
|
|
15
15
|
//# sourceMappingURL=Tooltip.styles.js.map
|
package/dist/Tree/Tree.styles.js
CHANGED
|
@@ -5,15 +5,15 @@ import { Typography } from '../Typography/Typography';
|
|
|
5
5
|
import { colors } from '../_styles/colors';
|
|
6
6
|
export var StyledFilenameCaption = /*#__PURE__*/styled(Typography).withConfig({
|
|
7
7
|
displayName: "StyledFilenameCaption",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_31_1__sc-2d45b5-0"
|
|
9
9
|
})(["display:flex;width:100%;"]);
|
|
10
10
|
export var StyledTree = /*#__PURE__*/styled.div.withConfig({
|
|
11
11
|
displayName: "StyledTree",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_31_1__sc-2d45b5-1"
|
|
13
13
|
})(["width:100%;height:100%;min-height:36px;outline:none;overflow:auto;"]);
|
|
14
14
|
export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
|
|
15
15
|
displayName: "StyledTreeRowContainer",
|
|
16
|
-
componentId: "core-
|
|
16
|
+
componentId: "core-11_31_1__sc-2d45b5-2"
|
|
17
17
|
})(["display:flex;align-items:center;height:36px;background:transparent;box-shadow:inset 4px 0px 0px transparent;cursor:default;outline:none;", " &:hover{background:", ";}", " ", ""], function (_ref) {
|
|
18
18
|
var isSelectable = _ref.isSelectable;
|
|
19
19
|
return isSelectable ? 'cursor: pointer;' : '';
|
|
@@ -27,30 +27,30 @@ export var StyledTreeRowContainer = /*#__PURE__*/styled(Typography).withConfig({
|
|
|
27
27
|
});
|
|
28
28
|
export var StyledTreeRowContent = /*#__PURE__*/styled.div.withConfig({
|
|
29
29
|
displayName: "StyledTreeRowContent",
|
|
30
|
-
componentId: "core-
|
|
30
|
+
componentId: "core-11_31_1__sc-2d45b5-3"
|
|
31
31
|
})(["display:flex;align-items:center;"]);
|
|
32
32
|
export var StyledTreeRowWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
33
33
|
displayName: "StyledTreeRowWrapper",
|
|
34
|
-
componentId: "core-
|
|
34
|
+
componentId: "core-11_31_1__sc-2d45b5-4"
|
|
35
35
|
})(["outline:none;"]);
|
|
36
36
|
var StyledIconBase = /*#__PURE__*/styled(Box).withConfig({
|
|
37
37
|
displayName: "StyledIconBase",
|
|
38
|
-
componentId: "core-
|
|
38
|
+
componentId: "core-11_31_1__sc-2d45b5-5"
|
|
39
39
|
})(["display:flex;justify-content:center;align-items:center;width:24px;height:24px;min-width:24px;min-height:24px;"]);
|
|
40
40
|
export var StyledChevronContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
|
|
41
41
|
displayName: "StyledChevronContainer",
|
|
42
|
-
componentId: "core-
|
|
42
|
+
componentId: "core-11_31_1__sc-2d45b5-6"
|
|
43
43
|
})([""]);
|
|
44
44
|
export var StyledIconContainer = /*#__PURE__*/styled(StyledIconBase).withConfig({
|
|
45
45
|
displayName: "StyledIconContainer",
|
|
46
|
-
componentId: "core-
|
|
46
|
+
componentId: "core-11_31_1__sc-2d45b5-7"
|
|
47
47
|
})(["color:", ";"], function (_ref4) {
|
|
48
48
|
var $isSelected = _ref4.$isSelected;
|
|
49
49
|
return $isSelected ? colors.blue45 : colors.gray40;
|
|
50
50
|
});
|
|
51
51
|
export var StyledChevron = /*#__PURE__*/styled(ChevronRight).withConfig({
|
|
52
52
|
displayName: "StyledChevron",
|
|
53
|
-
componentId: "core-
|
|
53
|
+
componentId: "core-11_31_1__sc-2d45b5-8"
|
|
54
54
|
})(["transform:rotate(", "deg);transition:transform 150ms ease-out;"], function (_ref5) {
|
|
55
55
|
var $isExpanded = _ref5.$isExpanded;
|
|
56
56
|
return $isExpanded ? 90 : 0;
|
|
@@ -5,11 +5,11 @@ import { spacing } from '../_styles/spacing';
|
|
|
5
5
|
var inputHeight = 36;
|
|
6
6
|
export var StyledInput = /*#__PURE__*/styled.input.withConfig({
|
|
7
7
|
displayName: "StyledInput",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_31_1__sc-gpc39h-0"
|
|
9
9
|
})(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
|
|
10
10
|
export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
|
|
11
11
|
displayName: "StyledIcon",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_31_1__sc-gpc39h-1"
|
|
13
13
|
})(["align-items:center;color:", ";display:flex;height:", "px;justify-content:center;pointer-events:", ";position:absolute;right:0;top:0;width:", "px;"], function (p) {
|
|
14
14
|
return p.disabled ? colors.gray70 : colors.gray45;
|
|
15
15
|
}, inputHeight, function (p) {
|
|
@@ -17,6 +17,6 @@ export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
|
|
|
17
17
|
}, inputHeight);
|
|
18
18
|
export var StyledTypeahead = /*#__PURE__*/styled.div.withConfig({
|
|
19
19
|
displayName: "StyledTypeahead",
|
|
20
|
-
componentId: "core-
|
|
20
|
+
componentId: "core-11_31_1__sc-gpc39h-2"
|
|
21
21
|
})(["position:relative;width:100%;"]);
|
|
22
22
|
//# sourceMappingURL=Typeahead.styles.js.map
|
|
@@ -35,7 +35,7 @@ export var semiboldRules = function semiboldRules() {
|
|
|
35
35
|
};
|
|
36
36
|
export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
|
|
37
37
|
displayName: "StyledTypography",
|
|
38
|
-
componentId: "core-
|
|
38
|
+
componentId: "core-11_31_1__sc-1c4583t-0"
|
|
39
39
|
})(["", " color:", ";font-style:", ";font-weight:", ";", " em,i{font-style:italic;}"], function (_ref) {
|
|
40
40
|
var _ref$intent = _ref.intent,
|
|
41
41
|
intent = _ref$intent === void 0 ? 'body' : _ref$intent;
|
|
@@ -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_31_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_31_1__sc-p4v7d-1"
|
|
13
13
|
})(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
|
|
14
14
|
function BodyCell() {
|
|
15
15
|
return /*#__PURE__*/React.createElement(StyledBodyCell, {
|
package/dist/_hooks/I18n.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { I18njs, I18njsConfig } from '@procore/core-i18n-js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
declare type I18nConfig = Omit<I18njsConfig, 'I18n'>;
|
|
4
|
-
export declare type Locale = '
|
|
4
|
+
export declare type Locale = 'de-DE' | 'en-AE' | 'en-AU' | 'en-CA' | 'en-GB' | 'en-SG' | 'en' | 'es-ES' | 'es' | 'fr-CA' | 'fr-FR' | 'is-IS' | 'ja-JP' | 'pt-BR' | 'th-TH' | 'zh-SG' | 'pseudo';
|
|
5
5
|
export declare const coreTranslations: {
|
|
6
6
|
readonly 'de-DE': {
|
|
7
7
|
core: {
|
|
@@ -1803,39 +1803,6 @@ export declare const coreTranslations: {
|
|
|
1803
1803
|
};
|
|
1804
1804
|
};
|
|
1805
1805
|
};
|
|
1806
|
-
readonly 'en-US': {
|
|
1807
|
-
core: {
|
|
1808
|
-
dropdown: {
|
|
1809
|
-
search: string;
|
|
1810
|
-
};
|
|
1811
|
-
menu: {
|
|
1812
|
-
search: string;
|
|
1813
|
-
};
|
|
1814
|
-
pagination: {
|
|
1815
|
-
interval: string;
|
|
1816
|
-
};
|
|
1817
|
-
required: {
|
|
1818
|
-
requiredFields: string;
|
|
1819
|
-
};
|
|
1820
|
-
select: {
|
|
1821
|
-
search: string;
|
|
1822
|
-
};
|
|
1823
|
-
tabs: {
|
|
1824
|
-
more: string;
|
|
1825
|
-
};
|
|
1826
|
-
tieredSelect: {
|
|
1827
|
-
emptyMessage: string;
|
|
1828
|
-
placeholder: string;
|
|
1829
|
-
quickCreateActionLabel: string;
|
|
1830
|
-
quickCreateCancelLabel: string;
|
|
1831
|
-
quickCreateCreateLabel: string;
|
|
1832
|
-
quickCreatePlaceholder: string;
|
|
1833
|
-
searchEmptyMessage: string;
|
|
1834
|
-
searchPlaceholder: string;
|
|
1835
|
-
spinnerLabel: string;
|
|
1836
|
-
};
|
|
1837
|
-
};
|
|
1838
|
-
};
|
|
1839
1806
|
readonly es: {
|
|
1840
1807
|
core: {
|
|
1841
1808
|
banner: {
|
|
@@ -3636,7 +3603,6 @@ export declare const coreTranslations: {
|
|
|
3636
3603
|
};
|
|
3637
3604
|
};
|
|
3638
3605
|
};
|
|
3639
|
-
readonly 'it-IT': {};
|
|
3640
3606
|
readonly 'ja-JP': {
|
|
3641
3607
|
core: {
|
|
3642
3608
|
banner: {
|
|
@@ -3997,7 +3963,6 @@ export declare const coreTranslations: {
|
|
|
3997
3963
|
};
|
|
3998
3964
|
};
|
|
3999
3965
|
};
|
|
4000
|
-
readonly ko: {};
|
|
4001
3966
|
readonly 'pt-BR': {
|
|
4002
3967
|
core: {
|
|
4003
3968
|
banner: {
|
package/dist/_hooks/I18n.js
CHANGED
|
@@ -8,16 +8,13 @@ import deDE from '../_locales/de-DE.json';
|
|
|
8
8
|
import enAU from '../_locales/en-AU.json';
|
|
9
9
|
import enCA from '../_locales/en-CA.json';
|
|
10
10
|
import enGB from '../_locales/en-GB.json';
|
|
11
|
-
import enUS from '../_locales/en-US.json';
|
|
12
11
|
import en from '../_locales/en.json';
|
|
13
12
|
import esES from '../_locales/es-ES.json';
|
|
14
13
|
import es from '../_locales/es.json';
|
|
15
14
|
import frCA from '../_locales/fr-CA.json';
|
|
16
15
|
import frFR from '../_locales/fr-FR.json';
|
|
17
16
|
import isIS from '../_locales/is-IS.json';
|
|
18
|
-
import isIT from '../_locales/it-IT.json';
|
|
19
17
|
import jaJP from '../_locales/ja-JP.json';
|
|
20
|
-
import ko from '../_locales/ko.json';
|
|
21
18
|
import ptBR from '../_locales/pt-BR.json';
|
|
22
19
|
import thTH from '../_locales/th-TH.json';
|
|
23
20
|
import zhSG from '../_locales/zh-SG.json';
|
|
@@ -28,15 +25,12 @@ export var coreTranslations = {
|
|
|
28
25
|
'en-AU': enAU,
|
|
29
26
|
'en-CA': enCA,
|
|
30
27
|
'en-GB': enGB,
|
|
31
|
-
'en-US': enUS,
|
|
32
28
|
es: es,
|
|
33
29
|
'es-ES': esES,
|
|
34
30
|
'fr-CA': frCA,
|
|
35
31
|
'fr-FR': frFR,
|
|
36
32
|
'is-IS': isIS,
|
|
37
|
-
'it-IT': isIT,
|
|
38
33
|
'ja-JP': jaJP,
|
|
39
|
-
ko: ko,
|
|
40
34
|
'pt-BR': ptBR,
|
|
41
35
|
'th-TH': thTH,
|
|
42
36
|
'zh-SG': zhSG
|
package/dist/_hooks/I18n.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"I18n.js","names":["createI18njs","R","React","deDE","enAU","enCA","enGB","
|
|
1
|
+
{"version":3,"file":"I18n.js","names":["createI18njs","R","React","deDE","enAU","enCA","enGB","en","esES","es","frCA","frFR","isIS","jaJP","ptBR","thTH","zhSG","coreTranslations","getValidLocale","_ref","locale","translations","useI18n","_ref2","_locale","_ref2$translations","_translations","mergeDeepLeft","I18nContext","createContext","I18nProvider","_ref3","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","useI18nContext","ctx","useContext"],"sources":["../../src/_hooks/I18n.tsx"],"sourcesContent":["import type { I18njs, I18njsConfig } from '@procore/core-i18n-js'\nimport { createI18njs } from '@procore/core-i18n-js'\nimport * as R from 'ramda'\nimport React from 'react'\nimport deDE from '../_locales/de-DE.json'\nimport enAU from '../_locales/en-AU.json'\nimport enCA from '../_locales/en-CA.json'\nimport enGB from '../_locales/en-GB.json'\nimport en from '../_locales/en.json'\nimport esES from '../_locales/es-ES.json'\nimport es from '../_locales/es.json'\nimport frCA from '../_locales/fr-CA.json'\nimport frFR from '../_locales/fr-FR.json'\nimport isIS from '../_locales/is-IS.json'\nimport jaJP from '../_locales/ja-JP.json'\nimport ptBR from '../_locales/pt-BR.json'\nimport thTH from '../_locales/th-TH.json'\nimport zhSG from '../_locales/zh-SG.json'\n\ntype I18nConfig = Omit<I18njsConfig, 'I18n'>\n\nexport type Locale =\n | 'de-DE'\n | 'en-AE'\n | 'en-AU'\n | 'en-CA'\n | 'en-GB'\n | 'en-SG'\n | 'en'\n | 'es-ES'\n | 'es'\n | 'fr-CA'\n | 'fr-FR'\n | 'is-IS'\n | 'ja-JP'\n | 'pt-BR'\n | 'th-TH'\n | 'zh-SG'\n | 'pseudo'\n\n/* Set up i18n-js */\nexport const coreTranslations = {\n 'de-DE': deDE,\n en,\n 'en-AU': enAU,\n 'en-CA': enCA,\n 'en-GB': enGB,\n es,\n 'es-ES': esES,\n 'fr-CA': frCA,\n 'fr-FR': frFR,\n 'is-IS': isIS,\n 'ja-JP': jaJP,\n 'pt-BR': ptBR,\n 'th-TH': thTH,\n 'zh-SG': zhSG,\n} as const\n\nfunction getValidLocale({ locale, translations }: I18njsConfig) {\n return locale\n}\n\nexport function useI18n({\n locale: _locale,\n translations: _translations = {},\n}: I18njsConfig): I18njs {\n const translations = R.mergeDeepLeft(_translations, coreTranslations)\n const locale = getValidLocale({ locale: _locale, translations })\n return createI18njs({\n locale,\n translations,\n })\n}\n\nexport const I18nContext: React.Context<I18njs> = React.createContext(\n createI18njs({\n locale: 'en',\n translations: coreTranslations, // inject our translations\n })\n)\n\nexport function I18nProvider({\n children,\n ...props\n}: I18nConfig & { children: React.ReactNode }) {\n return (\n <I18nContext.Provider value={useI18n(props)}>\n {children}\n </I18nContext.Provider>\n )\n}\n\nexport function useI18nContext() {\n const ctx = React.useContext(I18nContext)\n\n if (!ctx) {\n // TODO investigate a way to do warnings that won't annoy people\n // we probably need to introduce a build system to have nice dev warnings\n // console.warn()\n }\n\n return ctx\n}\n"],"mappings":";;;AACA,SAASA,YAAY,QAAQ,uBAAuB;AACpD,OAAO,KAAKC,CAAC,MAAM,OAAO;AAC1B,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,EAAE,MAAM,qBAAqB;AACpC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,EAAE,MAAM,qBAAqB;AACpC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AACzC,OAAOC,IAAI,MAAM,wBAAwB;AAuBzC;AACA,OAAO,IAAMC,gBAAgB,GAAG;EAC9B,OAAO,EAAEd,IAAI;EACbI,EAAE,EAAFA,EAAE;EACF,OAAO,EAAEH,IAAI;EACb,OAAO,EAAEC,IAAI;EACb,OAAO,EAAEC,IAAI;EACbG,EAAE,EAAFA,EAAE;EACF,OAAO,EAAED,IAAI;EACb,OAAO,EAAEE,IAAI;EACb,OAAO,EAAEC,IAAI;EACb,OAAO,EAAEC,IAAI;EACb,OAAO,EAAEC,IAAI;EACb,OAAO,EAAEC,IAAI;EACb,OAAO,EAAEC,IAAI;EACb,OAAO,EAAEC;AACX,CAAU;AAEV,SAASE,cAAcA,CAAAC,IAAA,EAAyC;EAAA,IAAtCC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;EAC5C,OAAOD,MAAM;AACf;AAEA,OAAO,SAASE,OAAOA,CAAAC,KAAA,EAGE;EAAA,IAFfC,OAAO,GAAAD,KAAA,CAAfH,MAAM;IAAAK,kBAAA,GAAAF,KAAA,CACNF,YAAY;IAAEK,aAAa,GAAAD,kBAAA,cAAG,CAAC,CAAC,GAAAA,kBAAA;EAEhC,IAAMJ,YAAY,GAAGpB,CAAC,CAAC0B,aAAa,CAACD,aAAa,EAAET,gBAAgB,CAAC;EACrE,IAAMG,MAAM,GAAGF,cAAc,CAAC;IAAEE,MAAM,EAAEI,OAAO;IAAEH,YAAY,EAAZA;EAAa,CAAC,CAAC;EAChE,OAAOrB,YAAY,CAAC;IAClBoB,MAAM,EAANA,MAAM;IACNC,YAAY,EAAZA;EACF,CAAC,CAAC;AACJ;AAEA,OAAO,IAAMO,WAAkC,gBAAG1B,KAAK,CAAC2B,aAAa,CACnE7B,YAAY,CAAC;EACXoB,MAAM,EAAE,IAAI;EACZC,YAAY,EAAEJ,gBAAgB,CAAE;AAClC,CAAC,CACH,CAAC;;AAED,OAAO,SAASa,YAAYA,CAAAC,KAAA,EAGmB;EAAA,IAF7CC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACLC,KAAK,GAAAC,wBAAA,CAAAH,KAAA,EAAAI,SAAA;EAER,oBACEjC,KAAA,CAAAkC,aAAA,CAACR,WAAW,CAACS,QAAQ;IAACC,KAAK,EAAEhB,OAAO,CAACW,KAAK;EAAE,GACzCD,QACmB,CAAC;AAE3B;AAEA,OAAO,SAASO,cAAcA,CAAA,EAAG;EAC/B,IAAMC,GAAG,GAAGtC,KAAK,CAACuC,UAAU,CAACb,WAAW,CAAC;EAEzC,IAAI,CAACY,GAAG,EAAE;IACR;IACA;IACA;EAAA;EAGF,OAAOA,GAAG;AACZ"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Locale } from './I18n';
|
|
2
|
+
/**
|
|
3
|
+
* Returns the locale that should be used for the I18nProvider based on the environment locale
|
|
4
|
+
* @param envLocale - the locale from the environment
|
|
5
|
+
* @returns the locale that should be used for the I18nProvider
|
|
6
|
+
*/
|
|
7
|
+
export declare function getI18nProviderLocale(envLocale: string): Locale;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
// All and only locales that will receive smartling translations and can be directly fed into <I18nProvider>
|
|
2
|
+
var SUPPORTED_LOCALES = ['de-DE', 'en-AU', 'en-CA', 'en-GB', 'en', 'es-ES', 'es', 'fr-CA', 'fr-FR', 'is-IS', 'ja-JP', 'pt-BR', 'th-TH', 'zh-SG'];
|
|
3
|
+
/*
|
|
4
|
+
all locales that should directly use a different locale. Any other unsupported locale will fallback to 'en'
|
|
5
|
+
this should match https://github.com/procore/procore/blob/d0515461046b8d018c8fa8ede1ca8b7aa2fcacf8/config/application.rb#L234C1-L240C7
|
|
6
|
+
for any locales that are not listed in SUPPORTED_LOCALES
|
|
7
|
+
*/
|
|
8
|
+
var OVERWRITE_LOCALE_MAP = {
|
|
9
|
+
'en-AE': 'en-GB',
|
|
10
|
+
'en-SG': 'en-GB',
|
|
11
|
+
'es-419': 'es'
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Returns the locale that should be used for the I18nProvider based on the environment locale
|
|
16
|
+
* @param envLocale - the locale from the environment
|
|
17
|
+
* @returns the locale that should be used for the I18nProvider
|
|
18
|
+
*/
|
|
19
|
+
export function getI18nProviderLocale(envLocale) {
|
|
20
|
+
if (SUPPORTED_LOCALES.includes(envLocale)) {
|
|
21
|
+
return envLocale;
|
|
22
|
+
}
|
|
23
|
+
if (OVERWRITE_LOCALE_MAP[envLocale]) {
|
|
24
|
+
return OVERWRITE_LOCALE_MAP[envLocale];
|
|
25
|
+
}
|
|
26
|
+
return 'en';
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=getI18nProviderLocale.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getI18nProviderLocale.js","names":["SUPPORTED_LOCALES","OVERWRITE_LOCALE_MAP","getI18nProviderLocale","envLocale","includes"],"sources":["../../src/_hooks/getI18nProviderLocale.ts"],"sourcesContent":["import type { Locale } from './I18n'\n\n// All and only locales that will receive smartling translations and can be directly fed into <I18nProvider>\nconst SUPPORTED_LOCALES: Locale[] = [\n 'de-DE',\n 'en-AU',\n 'en-CA',\n 'en-GB',\n 'en',\n 'es-ES',\n 'es',\n 'fr-CA',\n 'fr-FR',\n 'is-IS',\n 'ja-JP',\n 'pt-BR',\n 'th-TH',\n 'zh-SG',\n]\n/*\n all locales that should directly use a different locale. Any other unsupported locale will fallback to 'en'\n this should match https://github.com/procore/procore/blob/d0515461046b8d018c8fa8ede1ca8b7aa2fcacf8/config/application.rb#L234C1-L240C7\n for any locales that are not listed in SUPPORTED_LOCALES\n*/\nconst OVERWRITE_LOCALE_MAP: Record<string, Locale> = {\n 'en-AE': 'en-GB',\n 'en-SG': 'en-GB',\n 'es-419': 'es',\n} as const\n\n/**\n * Returns the locale that should be used for the I18nProvider based on the environment locale\n * @param envLocale - the locale from the environment\n * @returns the locale that should be used for the I18nProvider\n */\nexport function getI18nProviderLocale(envLocale: string): Locale {\n if (SUPPORTED_LOCALES.includes(envLocale as Locale)) {\n return envLocale as Locale\n }\n if (OVERWRITE_LOCALE_MAP[envLocale]) {\n return OVERWRITE_LOCALE_MAP[envLocale]\n }\n\n return 'en'\n}\n"],"mappings":"AAEA;AACA,IAAMA,iBAA2B,GAAG,CAClC,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,CACR;AACD;AACA;AACA;AACA;AACA;AACA,IAAMC,oBAA4C,GAAG;EACnD,OAAO,EAAE,OAAO;EAChB,OAAO,EAAE,OAAO;EAChB,QAAQ,EAAE;AACZ,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAACC,SAAiB,EAAU;EAC/D,IAAIH,iBAAiB,CAACI,QAAQ,CAACD,SAAmB,CAAC,EAAE;IACnD,OAAOA,SAAS;EAClB;EACA,IAAIF,oBAAoB,CAACE,SAAS,CAAC,EAAE;IACnC,OAAOF,oBAAoB,CAACE,SAAS,CAAC;EACxC;EAEA,OAAO,IAAI;AACb"}
|