@procore/core-react 11.26.0 → 11.26.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Avatar/Avatar.d.ts +1 -1
- package/dist/Avatar/Avatar.js +1 -1
- 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.js +1 -1
- 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.js +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Button/Button.js +1 -1
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/Button.styles.js +5 -5
- package/dist/Calendar/Calendar.styles.js +8 -8
- package/dist/Card/Card.d.ts +1 -1
- package/dist/Card/Card.js +1 -1
- package/dist/Card/Card.js.map +1 -1
- package/dist/Card/Card.styles.js +1 -1
- package/dist/Checkbox/Checkbox.d.ts +1 -1
- package/dist/Checkbox/Checkbox.js +1 -1
- package/dist/Checkbox/Checkbox.js.map +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -6
- package/dist/ContactItem/ContactItem.js +1 -1
- 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.styles.js +6 -6
- package/dist/DateSelect/DateSelect.d.ts +1 -1
- package/dist/DateSelect/DateSelect.js +1 -1
- package/dist/DateSelect/DateSelect.js.map +1 -1
- package/dist/DetailPage/DetailPage.d.ts +1 -1
- package/dist/DetailPage/DetailPage.js +1 -1
- package/dist/DetailPage/DetailPage.js.map +1 -1
- package/dist/DetailPage/DetailPage.styles.js +7 -7
- package/dist/Dropdown/Dropdown.js +1 -1
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/Dropdown.styles.js +3 -3
- package/dist/DropdownFlyout/DropdownFlyout.d.ts +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.js +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.styles.js +4 -4
- package/dist/Dropzone/Dropzone.js +2 -2
- package/dist/Dropzone/Dropzone.js.map +1 -1
- package/dist/Dropzone/Dropzone.styles.js +9 -9
- package/dist/EmptyState/EmptyState.js +1 -1
- 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 +1 -1
- package/dist/FileList/FileList.js +1 -1
- 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.d.ts +1 -1
- package/dist/GroupSelect/GroupSelect.js +1 -1
- package/dist/GroupSelect/GroupSelect.js.map +1 -1
- package/dist/GroupSelect/GroupSelect.styles.js +1 -1
- package/dist/Input/Input.d.ts +1 -1
- package/dist/Input/Input.js +1 -1
- package/dist/Input/Input.js.map +1 -1
- package/dist/Input/Input.styles.js +1 -1
- package/dist/Link/Link.d.ts +1 -1
- package/dist/Link/Link.js +1 -1
- package/dist/Link/Link.js.map +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 +1 -1
- package/dist/Menu/Menu.js +1 -1
- package/dist/Menu/Menu.js.map +1 -1
- package/dist/MenuImperative/MenuImperative.js +1 -1
- package/dist/MenuImperative/MenuImperative.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 +1 -1
- package/dist/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/MultiSelect/MultiSelect.styles.js +6 -6
- package/dist/NextMenu/NextMenu.d.ts +1 -1
- package/dist/NextMenu/NextMenu.js +1 -1
- package/dist/NextMenu/NextMenu.js.map +1 -1
- package/dist/NextMenu/NextMenu.styles.js +3 -3
- package/dist/Notation/Notation.d.ts +1 -1
- package/dist/Notation/Notation.js +2 -2
- package/dist/Notation/Notation.js.map +1 -1
- package/dist/NumberInput/NumberInput.d.ts +1 -1
- package/dist/NumberInput/NumberInput.js +1 -1
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/NumberInput/NumberInput.styles.js +7 -7
- package/dist/Overlay/OverlayArrow.styles.js +1 -1
- package/dist/Overlay/useOverlay.d.ts +1 -0
- package/dist/Overlay/useOverlay.js +2 -0
- package/dist/Overlay/useOverlay.js.map +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.d.ts +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.js +7 -2
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/PageLayout/PageLayout.styles.js +13 -13
- package/dist/Pagination/Pagination.d.ts +1 -1
- package/dist/Pagination/Pagination.js +1 -1
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/Pagination/Pagination.styles.js +5 -5
- package/dist/Panel/Panel.js +1 -1
- package/dist/Panel/Panel.js.map +1 -1
- package/dist/Panel/Panel.styles.js +11 -11
- package/dist/Pill/Pill.d.ts +1 -1
- package/dist/Pill/Pill.js +1 -1
- package/dist/Pill/Pill.js.map +1 -1
- package/dist/Pill/Pill.styles.js +2 -2
- package/dist/PillSelect/PillSelect.d.ts +1 -1
- package/dist/PillSelect/PillSelect.js +1 -1
- package/dist/PillSelect/PillSelect.js.map +1 -1
- package/dist/PillSelect/PillSelect.styles.js +4 -4
- package/dist/Popover/Popover.d.ts +1 -1
- package/dist/Popover/Popover.js +1 -1
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Popover/Popover.styles.js +2 -2
- package/dist/Portal/Portal.d.ts +1 -1
- package/dist/Portal/Portal.js +1 -1
- package/dist/Portal/Portal.js.map +1 -1
- package/dist/Portal/Portal.styles.js +1 -1
- package/dist/ProgressBar/ProgressBar.d.ts +1 -1
- package/dist/ProgressBar/ProgressBar.js +1 -1
- package/dist/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/ProgressBar/ProgressBar.styles.js +2 -2
- package/dist/RadioButton/RadioButton.d.ts +1 -1
- package/dist/RadioButton/RadioButton.js +1 -1
- package/dist/RadioButton/RadioButton.js.map +1 -1
- package/dist/RadioButton/RadioButton.styles.js +3 -3
- package/dist/Required/Required.d.ts +1 -1
- package/dist/Required/Required.js +1 -1
- package/dist/Required/Required.js.map +1 -1
- package/dist/Required/Required.styles.js +3 -3
- package/dist/Search/Search.d.ts +1 -1
- package/dist/Search/Search.js +1 -1
- package/dist/Search/Search.js.map +1 -1
- package/dist/Search/Search.styles.js +5 -5
- package/dist/Section/Section.styles.js +6 -6
- package/dist/SegmentedController/SegmentedController.d.ts +1 -1
- package/dist/SegmentedController/SegmentedController.js +1 -1
- package/dist/SegmentedController/SegmentedController.js.map +1 -1
- package/dist/SegmentedController/SegmentedController.styles.js +4 -4
- package/dist/Select/Select.js +1 -1
- 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.d.ts +1 -1
- package/dist/Slider/Slider.js +1 -1
- package/dist/Slider/Slider.js.map +1 -1
- package/dist/Slider/Slider.styles.js +5 -5
- package/dist/Spinner/Spinner.d.ts +1 -1
- package/dist/Spinner/Spinner.js +1 -1
- package/dist/Spinner/Spinner.js.map +1 -1
- 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.d.ts +1 -1
- package/dist/Switch/Switch.js +1 -1
- package/dist/Switch/Switch.js.map +1 -1
- package/dist/Switch/Switch.styles.js +4 -4
- package/dist/Table/Table.d.ts +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/Table.styles.js +28 -28
- package/dist/TableShelf/TableShelf.styles.js +5 -5
- package/dist/Tabs/Tabs.d.ts +1 -1
- package/dist/Tabs/Tabs.js +1 -1
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Tabs/Tabs.styles.js +8 -8
- package/dist/Tearsheet/Tearsheet.d.ts +1 -1
- 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.d.ts +1 -1
- package/dist/TextArea/TextArea.js +1 -1
- package/dist/TextArea/TextArea.js.map +1 -1
- package/dist/TextArea/TextArea.styles.js +1 -1
- package/dist/TextEditor/TextEditor.d.ts +1 -1
- package/dist/TextEditor/TextEditor.js +1 -1
- package/dist/TextEditor/TextEditor.js.map +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.d.ts +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.js +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.js.map +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.styles.js +1 -1
- package/dist/Thumbnail/Thumbnail.js +1 -1
- 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.d.ts +1 -1
- package/dist/TieredSelect/TieredSelect.js +1 -1
- package/dist/TieredSelect/TieredSelect.js.map +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js +9 -9
- package/dist/Tile/Tile.styles.js +8 -8
- package/dist/Title/Title.styles.js +7 -7
- package/dist/Toast/Toast.d.ts +1 -1
- package/dist/Toast/Toast.js +1 -1
- package/dist/Toast/Toast.js.map +1 -1
- package/dist/Toast/Toast.styles.js +3 -3
- package/dist/ToggleButton/ToggleButton.d.ts +1 -1
- package/dist/ToggleButton/ToggleButton.js +1 -1
- package/dist/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/ToggleButton/ToggleButton.styles.js +1 -1
- package/dist/Token/Token.d.ts +1 -1
- package/dist/Token/Token.js +1 -1
- package/dist/Token/Token.js.map +1 -1
- package/dist/Token/Token.styles.js +3 -3
- package/dist/ToolHeader/ToolHeader.styles.js +6 -6
- package/dist/Tooltip/Tooltip.js +1 -1
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/Tooltip/Tooltip.styles.js +2 -2
- package/dist/Tree/Tree.d.ts +1 -1
- package/dist/Tree/Tree.js +1 -1
- package/dist/Tree/Tree.js.map +1 -1
- package/dist/Tree/Tree.styles.js +9 -9
- package/dist/Typeahead/Typeahead.d.ts +1 -1
- package/dist/Typeahead/Typeahead.js +1 -1
- package/dist/Typeahead/Typeahead.js.map +1 -1
- package/dist/Typeahead/Typeahead.styles.js +3 -3
- package/dist/Typography/Typography.d.ts +1 -1
- package/dist/Typography/Typography.js +1 -1
- package/dist/Typography/Typography.js.map +1 -1
- package/dist/Typography/Typography.styles.js +1 -1
- package/dist/Typography/Typography.table.story.js +2 -2
- package/dist/_typedoc/Avatar/Avatar.types.json +20 -20
- package/dist/_typedoc/AvatarStack/AvatarStack.types.json +23 -23
- package/dist/_typedoc/Badge/Badge.types.json +6 -6
- package/dist/_typedoc/Banner/Banner.types.json +13 -13
- package/dist/_typedoc/Box/Box.types.json +68 -68
- package/dist/_typedoc/Breadcrumbs/Breadcrumbs.types.json +10 -10
- package/dist/_typedoc/Button/Button.types.json +11 -11
- package/dist/_typedoc/Calendar/Calendar.types.json +80 -80
- package/dist/_typedoc/Card/Card.types.json +6 -6
- package/dist/_typedoc/Checkbox/Checkbox.types.json +9 -9
- package/dist/_typedoc/ContactItem/ContactItem.types.json +9 -9
- package/dist/_typedoc/DateInput/DateInput.types.json +35 -35
- package/dist/_typedoc/DateSelect/DateSelect.types.json +13 -13
- package/dist/_typedoc/DetailPage/DetailPage.types.json +4 -4
- package/dist/_typedoc/Dropdown/Dropdown.types.json +37 -37
- package/dist/_typedoc/DropdownFlyout/DropdownFlyout.types.json +29 -29
- package/dist/_typedoc/Dropzone/Dropzone.types.json +41 -41
- package/dist/_typedoc/EmptyState/EmptyState.types.json +14 -14
- package/dist/_typedoc/FileList/FileList.types.json +9 -9
- package/dist/_typedoc/FileSelect/FileSelect.types.json +26 -26
- package/dist/_typedoc/FileSelect/GridSource/GridSource.types.json +20 -20
- package/dist/_typedoc/FileSelect/LocalSource/LocalSource.types.json +14 -14
- package/dist/_typedoc/FileSelect/TreeSource/TreeSource.types.json +9 -9
- package/dist/_typedoc/Flex/Flex.types.json +27 -27
- package/dist/_typedoc/FlexList/FlexList.types.json +30 -30
- package/dist/_typedoc/Form/Form.types.json +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 +22 -22
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +27 -27
- package/dist/_typedoc/Pill/Pill.types.json +2 -2
- package/dist/_typedoc/PillSelect/PillSelect.types.json +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 +97 -97
- 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/package.json +1 -1
|
@@ -5,15 +5,15 @@ import { Card } from '../Card/Card';
|
|
|
5
5
|
import { Spinner } from '../Spinner/Spinner';
|
|
6
6
|
export var StyledDropdownMenu = /*#__PURE__*/styled(Card).withConfig({
|
|
7
7
|
displayName: "StyledDropdownMenu",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_26_2__sc-ufsy2q-0"
|
|
9
9
|
})(["display:flex;max-height:40vh;max-width:248px;min-width:inherit;"]);
|
|
10
10
|
export var StyledDropdownSpinner = /*#__PURE__*/styled(Spinner).withConfig({
|
|
11
11
|
displayName: "StyledDropdownSpinner",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_26_2__sc-ufsy2q-1"
|
|
13
13
|
})(["margin:0 6px;"]);
|
|
14
14
|
export var StyledDropdownButton = /*#__PURE__*/styled(Button).withConfig({
|
|
15
15
|
displayName: "StyledDropdownButton",
|
|
16
|
-
componentId: "core-
|
|
16
|
+
componentId: "core-11_26_2__sc-ufsy2q-2"
|
|
17
17
|
})(["pointer-events:", ";", ""], function (_ref) {
|
|
18
18
|
var disabled = _ref.disabled,
|
|
19
19
|
$loading = _ref.$loading;
|
|
@@ -13,7 +13,7 @@ export declare function FlyoutList({ options, placement, referenceEl, overlayRef
|
|
|
13
13
|
by the consumer.
|
|
14
14
|
@since 10.19.0
|
|
15
15
|
|
|
16
|
-
@see [Storybook](https://procore.
|
|
16
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropdownflyout--demo)
|
|
17
17
|
|
|
18
18
|
@see [Design Guidelines](https://design.procore.com/dropdown-flyout)
|
|
19
19
|
|
|
@@ -125,7 +125,7 @@ var DefaultButton = /*#__PURE__*/React.forwardRef(function DefaultButton(_ref4,
|
|
|
125
125
|
by the consumer.
|
|
126
126
|
@since 10.19.0
|
|
127
127
|
|
|
128
|
-
@see [Storybook](https://procore.
|
|
128
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropdownflyout--demo)
|
|
129
129
|
|
|
130
130
|
@see [Design Guidelines](https://design.procore.com/dropdown-flyout)
|
|
131
131
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","highlighted","optionRenderer","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","useCallback","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","origin","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","undefined","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","onClickOutside","refs","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport type { MouseEvent } from 'react'\nimport React from 'react'\nimport type { ButtonProps } from '../Button/Button.types'\nimport { Card } from '../Card/Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport {\n defaultOptionRenderer,\n DropdownFlyoutContext,\n noop,\n transformOption,\n useDropdownFlyout,\n useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n StyledDropdownFlyout,\n StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport type {\n DropdownFlyoutProps,\n FlyoutCaptionProps,\n FlyoutItemProps,\n FlyoutListProps,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n HTMLDivElement,\n FlyoutCaptionProps\n>(function FlyoutCaption(\n { option, highlighted, optionRenderer, ...props },\n ref\n) {\n return (\n <StyledDropdownFlyoutItem\n {...props}\n ref={ref}\n data-highlighted={highlighted}\n data-flyout\n >\n {optionRenderer(option)}\n </StyledDropdownFlyoutItem>\n )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n const overlayElRef = React.useRef<HTMLDivElement>(null)\n const {\n isHighlighted,\n isExpanded,\n onClick: _onClick,\n expand,\n collapse,\n optionRenderer,\n } = useDropdownFlyoutContext()\n\n const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n const onMouseLeave = React.useCallback(\n (e: React.MouseEvent<HTMLDivElement>) => {\n if (\n e.relatedTarget instanceof Node &&\n overlayElRef.current &&\n !overlayElRef.current.contains(e.relatedTarget as Node)\n ) {\n collapse(option)\n }\n },\n [collapse, option]\n )\n\n const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n return (\n <>\n <FlyoutCaption\n ref={setReferenceEl}\n option={option.origin}\n onClick={onClick}\n optionRenderer={optionRenderer}\n highlighted={isHighlighted(option)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n />\n {Array.isArray(option.children) && isExpanded(option) ? (\n <Portal>\n <FlyoutList\n referenceEl={referenceEl}\n options={option.children}\n overlayRef={overlayElRef}\n placement=\"right-top\"\n />\n </Portal>\n ) : null}\n </>\n )\n}\n\nexport function FlyoutList({\n options,\n placement,\n referenceEl,\n overlayRef: overlayElRef,\n offset = 0,\n}: FlyoutListProps) {\n const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n placement,\n offset: { mainAxis: offset },\n })\n\n React.useEffect(() => {\n referenceRef(referenceEl)\n }, [referenceEl, referenceRef])\n\n return (\n <Card\n ref={mergeRefs(overlayRef, overlayElRef)}\n shadowStrength={2}\n style={overlayStyle}\n >\n <StyledDropdownFlyout>\n {options.map((option) => (\n <FlyoutItem key={option.id} option={option} />\n ))}\n </StyledDropdownFlyout>\n </Card>\n )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n function DefaultButton({ children, icon, ...props }, ref) {\n return (\n <DropdownButton\n {...props}\n icon={\n props.loading ? undefined : !icon && !children ? (\n <EllipsisVertical />\n ) : (\n icon\n )\n }\n arrow={Boolean(React.Children.count(children))}\n ref={ref}\n >\n {children}\n </DropdownButton>\n )\n }\n)\n\n/**\n\n The dropdown flyout allows for additional menu items to be nested within\n parent items, which allows more menu options for users.\n @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n to be moved from a Dropdown to something else, to continue the user flow.\n If the action is inert and does not move focus, this is left to be added\n by the consumer.\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dropdownflyout--demo)\n\n @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n HTMLDivElement,\n DropdownFlyoutProps\n>(function DropdownFlyout(\n {\n disabled,\n icon,\n label,\n loading,\n options: _options,\n onClick: _onClick = noop,\n optionRenderer = defaultOptionRenderer,\n children,\n placement = 'right-bottom',\n onKeyDown: _onKeyDown,\n onFocus: onFocus_,\n onBlur: onBlur_,\n onMouseDown: onMouseDown_,\n onMouseEnter: onMouseEnter_,\n onMouseLeave: onMouseLeave_,\n size,\n variant = 'secondary',\n ...props\n },\n ref\n) {\n const innerRef = React.useRef<HTMLDivElement>(null)\n const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n const overlayElRef = React.useRef<HTMLDivElement>(null)\n const targetRef = React.useRef<HTMLElement>(null)\n\n const flyoutOptions = React.useMemo(\n () => transformOption(_options, rootId),\n [_options]\n )\n\n const {\n options,\n collapse,\n expand,\n closeSelectedDropdown,\n openDropdown,\n isOpen,\n onClick,\n onKeyDown,\n setMouseOver,\n setFocused,\n isExpanded,\n isHighlighted,\n } = useDropdownFlyout({\n flyoutOptions,\n onClick: _onClick,\n onKeyDown: _onKeyDown,\n })\n\n useClickOutside({\n onClickOutside: isOpen ? closeSelectedDropdown : noop,\n refs: [containerRef],\n })\n\n const element =\n typeof children === 'function' ? children({ isOpen }) : children\n\n const I18n = useI18nContext()\n\n const ariaLabel =\n props['aria-label'] ||\n label ||\n I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n element\n ) : (\n <DefaultButton\n aria-label={ariaLabel}\n children={label}\n disabled={disabled}\n loading={loading}\n icon={icon}\n size={size}\n variant={variant}\n />\n )\n\n function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n setFocused(false)\n closeSelectedDropdown(e)\n onBlur_?.(e)\n }\n\n function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n setFocused(true)\n onFocus_?.(e)\n }\n\n function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n // Discard firing of blur event\n // when click was inside the dropdown\n if ((e.target as HTMLElement).dataset.flyout) {\n e.preventDefault()\n return\n }\n if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n e.preventDefault()\n targetRef.current?.focus()\n }\n onMouseDown_?.(e)\n }\n\n function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n setMouseOver(false)\n onMouseLeave_?.(e)\n }\n\n function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n setMouseOver(true)\n onMouseEnter_?.(e)\n }\n\n const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n return (\n <div\n {...props}\n aria-label={undefined}\n ref={containerRef}\n onKeyDown={onKeyDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onFocus={onFocus}\n onMouseDown={onMouseDown}\n onBlur={onBlur}\n >\n {React.cloneElement(trigger, {\n ref: trigger.ref\n ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n : mergeRefs(targetRef, setReferenceEl),\n onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n trigger.props.onClick?.(e)\n openDropdown()\n },\n tabIndex: 0,\n })}\n <DropdownFlyoutContext.Provider\n value={{\n expand,\n collapse,\n onClick,\n isExpanded,\n isHighlighted,\n optionRenderer,\n }}\n >\n {isOpen && (\n <Portal>\n <FlyoutList\n options={options}\n overlayRef={overlayElRef}\n placement={placement}\n referenceEl={referenceEl}\n offset={4}\n />\n </Portal>\n )}\n </DropdownFlyoutContext.Provider>\n </div>\n )\n})\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","highlighted","optionRenderer","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","useCallback","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","origin","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","undefined","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","onClickOutside","refs","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport type { MouseEvent } from 'react'\nimport React from 'react'\nimport type { ButtonProps } from '../Button/Button.types'\nimport { Card } from '../Card/Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport {\n defaultOptionRenderer,\n DropdownFlyoutContext,\n noop,\n transformOption,\n useDropdownFlyout,\n useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n StyledDropdownFlyout,\n StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport type {\n DropdownFlyoutProps,\n FlyoutCaptionProps,\n FlyoutItemProps,\n FlyoutListProps,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n HTMLDivElement,\n FlyoutCaptionProps\n>(function FlyoutCaption(\n { option, highlighted, optionRenderer, ...props },\n ref\n) {\n return (\n <StyledDropdownFlyoutItem\n {...props}\n ref={ref}\n data-highlighted={highlighted}\n data-flyout\n >\n {optionRenderer(option)}\n </StyledDropdownFlyoutItem>\n )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n const overlayElRef = React.useRef<HTMLDivElement>(null)\n const {\n isHighlighted,\n isExpanded,\n onClick: _onClick,\n expand,\n collapse,\n optionRenderer,\n } = useDropdownFlyoutContext()\n\n const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n const onMouseLeave = React.useCallback(\n (e: React.MouseEvent<HTMLDivElement>) => {\n if (\n e.relatedTarget instanceof Node &&\n overlayElRef.current &&\n !overlayElRef.current.contains(e.relatedTarget as Node)\n ) {\n collapse(option)\n }\n },\n [collapse, option]\n )\n\n const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n return (\n <>\n <FlyoutCaption\n ref={setReferenceEl}\n option={option.origin}\n onClick={onClick}\n optionRenderer={optionRenderer}\n highlighted={isHighlighted(option)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n />\n {Array.isArray(option.children) && isExpanded(option) ? (\n <Portal>\n <FlyoutList\n referenceEl={referenceEl}\n options={option.children}\n overlayRef={overlayElRef}\n placement=\"right-top\"\n />\n </Portal>\n ) : null}\n </>\n )\n}\n\nexport function FlyoutList({\n options,\n placement,\n referenceEl,\n overlayRef: overlayElRef,\n offset = 0,\n}: FlyoutListProps) {\n const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n placement,\n offset: { mainAxis: offset },\n })\n\n React.useEffect(() => {\n referenceRef(referenceEl)\n }, [referenceEl, referenceRef])\n\n return (\n <Card\n ref={mergeRefs(overlayRef, overlayElRef)}\n shadowStrength={2}\n style={overlayStyle}\n >\n <StyledDropdownFlyout>\n {options.map((option) => (\n <FlyoutItem key={option.id} option={option} />\n ))}\n </StyledDropdownFlyout>\n </Card>\n )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n function DefaultButton({ children, icon, ...props }, ref) {\n return (\n <DropdownButton\n {...props}\n icon={\n props.loading ? undefined : !icon && !children ? (\n <EllipsisVertical />\n ) : (\n icon\n )\n }\n arrow={Boolean(React.Children.count(children))}\n ref={ref}\n >\n {children}\n </DropdownButton>\n )\n }\n)\n\n/**\n\n The dropdown flyout allows for additional menu items to be nested within\n parent items, which allows more menu options for users.\n @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n to be moved from a Dropdown to something else, to continue the user flow.\n If the action is inert and does not move focus, this is left to be added\n by the consumer.\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropdownflyout--demo)\n\n @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n HTMLDivElement,\n DropdownFlyoutProps\n>(function DropdownFlyout(\n {\n disabled,\n icon,\n label,\n loading,\n options: _options,\n onClick: _onClick = noop,\n optionRenderer = defaultOptionRenderer,\n children,\n placement = 'right-bottom',\n onKeyDown: _onKeyDown,\n onFocus: onFocus_,\n onBlur: onBlur_,\n onMouseDown: onMouseDown_,\n onMouseEnter: onMouseEnter_,\n onMouseLeave: onMouseLeave_,\n size,\n variant = 'secondary',\n ...props\n },\n ref\n) {\n const innerRef = React.useRef<HTMLDivElement>(null)\n const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n const overlayElRef = React.useRef<HTMLDivElement>(null)\n const targetRef = React.useRef<HTMLElement>(null)\n\n const flyoutOptions = React.useMemo(\n () => transformOption(_options, rootId),\n [_options]\n )\n\n const {\n options,\n collapse,\n expand,\n closeSelectedDropdown,\n openDropdown,\n isOpen,\n onClick,\n onKeyDown,\n setMouseOver,\n setFocused,\n isExpanded,\n isHighlighted,\n } = useDropdownFlyout({\n flyoutOptions,\n onClick: _onClick,\n onKeyDown: _onKeyDown,\n })\n\n useClickOutside({\n onClickOutside: isOpen ? closeSelectedDropdown : noop,\n refs: [containerRef],\n })\n\n const element =\n typeof children === 'function' ? children({ isOpen }) : children\n\n const I18n = useI18nContext()\n\n const ariaLabel =\n props['aria-label'] ||\n label ||\n I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n element\n ) : (\n <DefaultButton\n aria-label={ariaLabel}\n children={label}\n disabled={disabled}\n loading={loading}\n icon={icon}\n size={size}\n variant={variant}\n />\n )\n\n function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n setFocused(false)\n closeSelectedDropdown(e)\n onBlur_?.(e)\n }\n\n function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n setFocused(true)\n onFocus_?.(e)\n }\n\n function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n // Discard firing of blur event\n // when click was inside the dropdown\n if ((e.target as HTMLElement).dataset.flyout) {\n e.preventDefault()\n return\n }\n if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n e.preventDefault()\n targetRef.current?.focus()\n }\n onMouseDown_?.(e)\n }\n\n function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n setMouseOver(false)\n onMouseLeave_?.(e)\n }\n\n function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n setMouseOver(true)\n onMouseEnter_?.(e)\n }\n\n const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n return (\n <div\n {...props}\n aria-label={undefined}\n ref={containerRef}\n onKeyDown={onKeyDown}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onFocus={onFocus}\n onMouseDown={onMouseDown}\n onBlur={onBlur}\n >\n {React.cloneElement(trigger, {\n ref: trigger.ref\n ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n : mergeRefs(targetRef, setReferenceEl),\n onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n trigger.props.onClick?.(e)\n openDropdown()\n },\n tabIndex: 0,\n })}\n <DropdownFlyoutContext.Provider\n value={{\n expand,\n collapse,\n onClick,\n isExpanded,\n isHighlighted,\n optionRenderer,\n }}\n >\n {isOpen && (\n <Portal>\n <FlyoutList\n options={options}\n overlayRef={overlayElRef}\n placement={placement}\n referenceEl={referenceEl}\n offset={4}\n />\n </Portal>\n )}\n </DropdownFlyoutContext.Provider>\n </div>\n )\n})\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,eAAe,QAAQ,wBAAwB;AACxD,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,SACEC,qBAAqB,EACrBC,qBAAqB,EACrBC,IAAI,EACJC,eAAe,EACfC,iBAAiB,EACjBC,wBAAwB,QACnB,0BAA0B;AACjC,SACEC,oBAAoB,EACpBC,wBAAwB,QACnB,yBAAyB;AAOhC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,wBAAwB,QAAQ,4BAA4B;AAErE,OAAO,IAAMC,aAAa,gBAAGjB,KAAK,CAACkB,UAAU,CAG3C,SAASD,aAAaA,CAAAE,IAAA,EAEtBC,GAAG,EACH;EAAA,IAFEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAG/C,oBACE1B,KAAA,CAAA2B,aAAA,CAACb,wBAAwB,EAAAc,QAAA,KACnBJ,KAAK;IACTJ,GAAG,EAAEA,GAAI;IACT,oBAAkBE,WAAY;IAC9B;EAAW,IAEVC,cAAc,CAACF,MAAM,CACE,CAAC;AAE/B,CAAC,CAAC;AAEFJ,aAAa,CAACY,WAAW,GAAG,eAAe;AAE3C,OAAO,SAASC,UAAUA,CAAAC,KAAA,EAA8B;EAAA,IAA3BV,MAAM,GAAAU,KAAA,CAANV,MAAM;EACjC,IAAMW,YAAY,GAAGhC,KAAK,CAACiC,MAAM,CAAiB,IAAI,CAAC;EACvD,IAAAC,qBAAA,GAOItB,wBAAwB,CAAC,CAAC;IAN5BuB,aAAa,GAAAD,qBAAA,CAAbC,aAAa;IACbC,UAAU,GAAAF,qBAAA,CAAVE,UAAU;IACDC,QAAQ,GAAAH,qBAAA,CAAjBI,OAAO;IACPC,MAAM,GAAAL,qBAAA,CAANK,MAAM;IACNC,QAAQ,GAAAN,qBAAA,CAARM,QAAQ;IACRjB,cAAc,GAAAW,qBAAA,CAAdX,cAAc;EAGhB,IAAMkB,YAAY,GAAGzC,KAAK,CAAC0C,WAAW,CAAC;IAAA,OAAMH,MAAM,CAAClB,MAAM,CAAC;EAAA,GAAE,CAACA,MAAM,EAAEkB,MAAM,CAAC,CAAC;EAC9E,IAAMI,YAAY,GAAG3C,KAAK,CAAC0C,WAAW,CACpC,UAACE,CAAmC,EAAK;IACvC,IACEA,CAAC,CAACC,aAAa,YAAYC,IAAI,IAC/Bd,YAAY,CAACe,OAAO,IACpB,CAACf,YAAY,CAACe,OAAO,CAACC,QAAQ,CAACJ,CAAC,CAACC,aAAqB,CAAC,EACvD;MACAL,QAAQ,CAACnB,MAAM,CAAC;IAClB;EACF,CAAC,EACD,CAACmB,QAAQ,EAAEnB,MAAM,CACnB,CAAC;EAED,IAAMiB,OAAO,GAAGtC,KAAK,CAAC0C,WAAW,CAAC;IAAA,OAAML,QAAQ,CAAChB,MAAM,CAAC;EAAA,GAAE,CAACgB,QAAQ,EAAEhB,MAAM,CAAC,CAAC;EAE7E,IAAA4B,eAAA,GAAsCjD,KAAK,CAACkD,QAAQ,CAAqB,IAAI,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAvEI,WAAW,GAAAF,gBAAA;IAAEG,cAAc,GAAAH,gBAAA;EAElC,oBACEnD,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAuD,QAAA,qBACEvD,KAAA,CAAA2B,aAAA,CAACV,aAAa;IACZG,GAAG,EAAEkC,cAAe;IACpBjC,MAAM,EAAEA,MAAM,CAACmC,MAAO;IACtBlB,OAAO,EAAEA,OAAQ;IACjBf,cAAc,EAAEA,cAAe;IAC/BD,WAAW,EAAEa,aAAa,CAACd,MAAM,CAAE;IACnCoB,YAAY,EAAEA,YAAa;IAC3BE,YAAY,EAAEA;EAAa,CAC5B,CAAC,EACDc,KAAK,CAACC,OAAO,CAACrC,MAAM,CAACsC,QAAQ,CAAC,IAAIvB,UAAU,CAACf,MAAM,CAAC,gBACnDrB,KAAA,CAAA2B,aAAA,CAACxB,MAAM,qBACLH,KAAA,CAAA2B,aAAA,CAACiC,UAAU;IACTP,WAAW,EAAEA,WAAY;IACzBQ,OAAO,EAAExC,MAAM,CAACsC,QAAS;IACzBG,UAAU,EAAE9B,YAAa;IACzB+B,SAAS,EAAC;EAAW,CACtB,CACK,CAAC,GACP,IACJ,CAAC;AAEP;AAEA,OAAO,SAASH,UAAUA,CAAAI,KAAA,EAMN;EAAA,IALlBH,OAAO,GAAAG,KAAA,CAAPH,OAAO;IACPE,SAAS,GAAAC,KAAA,CAATD,SAAS;IACTV,WAAW,GAAAW,KAAA,CAAXX,WAAW;IACCrB,YAAY,GAAAgC,KAAA,CAAxBF,UAAU;IAAAG,YAAA,GAAAD,KAAA,CACVE,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,CAAC,GAAAA,YAAA;EAEV,IAAAE,qBAAA,GAAmDnD,wBAAwB,CAAC;MAC1E+C,SAAS,EAATA,SAAS;MACTG,MAAM,EAAE;QAAEE,QAAQ,EAAEF;MAAO;IAC7B,CAAC,CAAC;IAHMG,YAAY,GAAAF,qBAAA,CAAZE,YAAY;IAAEC,YAAY,GAAAH,qBAAA,CAAZG,YAAY;IAAER,UAAU,GAAAK,qBAAA,CAAVL,UAAU;EAK9C9D,KAAK,CAACuE,SAAS,CAAC,YAAM;IACpBD,YAAY,CAACjB,WAAW,CAAC;EAC3B,CAAC,EAAE,CAACA,WAAW,EAAEiB,YAAY,CAAC,CAAC;EAE/B,oBACEtE,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IACHmB,GAAG,EAAEd,SAAS,CAACwD,UAAU,EAAE9B,YAAY,CAAE;IACzCwC,cAAc,EAAE,CAAE;IAClBC,KAAK,EAAEJ;EAAa,gBAEpBrE,KAAA,CAAA2B,aAAA,CAACd,oBAAoB,QAClBgD,OAAO,CAACa,GAAG,CAAC,UAACrD,MAAM;IAAA,oBAClBrB,KAAA,CAAA2B,aAAA,CAACG,UAAU;MAAC6C,GAAG,EAAEtD,MAAM,CAACuD,EAAG;MAACvD,MAAM,EAAEA;IAAO,CAAE,CAAC;EAAA,CAC/C,CACmB,CAClB,CAAC;AAEX;AAEA,IAAMwD,aAAa,gBAAG7E,KAAK,CAACkB,UAAU,CACpC,SAAS2D,aAAaA,CAAAC,KAAA,EAA+B1D,GAAG,EAAE;EAAA,IAAjCuC,QAAQ,GAAAmB,KAAA,CAARnB,QAAQ;IAAEoB,IAAI,GAAAD,KAAA,CAAJC,IAAI;IAAKvD,KAAK,GAAAC,wBAAA,CAAAqD,KAAA,EAAAE,UAAA;EAC/C,oBACEhF,KAAA,CAAA2B,aAAA,CAACzB,cAAc,EAAA0B,QAAA,KACTJ,KAAK;IACTuD,IAAI,EACFvD,KAAK,CAACyD,OAAO,GAAGC,SAAS,GAAG,CAACH,IAAI,IAAI,CAACpB,QAAQ,gBAC5C3D,KAAA,CAAA2B,aAAA,CAAC5B,gBAAgB,MAAE,CAAC,GAEpBgF,IAEH;IACDI,KAAK,EAAEC,OAAO,CAACpF,KAAK,CAACqF,QAAQ,CAACC,KAAK,CAAC3B,QAAQ,CAAC,CAAE;IAC/CvC,GAAG,EAAEA;EAAI,IAERuC,QACa,CAAC;AAErB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAM4B,cAAc,gBAAGvF,KAAK,CAACkB,UAAU,CAG5C,SAASqE,cAAcA,CAAAC,KAAA,EAqBvBpE,GAAG,EACH;EAAA,IApBEqE,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRV,IAAI,GAAAS,KAAA,CAAJT,IAAI;IACJW,KAAK,GAAAF,KAAA,CAALE,KAAK;IACLT,OAAO,GAAAO,KAAA,CAAPP,OAAO;IACEU,QAAQ,GAAAH,KAAA,CAAjB3B,OAAO;IAAA+B,aAAA,GAAAJ,KAAA,CACPlD,OAAO;IAAED,QAAQ,GAAAuD,aAAA,cAAGnF,IAAI,GAAAmF,aAAA;IAAAC,oBAAA,GAAAL,KAAA,CACxBjE,cAAc;IAAdA,cAAc,GAAAsE,oBAAA,cAAGtF,qBAAqB,GAAAsF,oBAAA;IACtClC,QAAQ,GAAA6B,KAAA,CAAR7B,QAAQ;IAAAmC,eAAA,GAAAN,KAAA,CACRzB,SAAS;IAATA,SAAS,GAAA+B,eAAA,cAAG,cAAc,GAAAA,eAAA;IACfC,UAAU,GAAAP,KAAA,CAArBQ,SAAS;IACAC,QAAQ,GAAAT,KAAA,CAAjBU,OAAO;IACCC,OAAO,GAAAX,KAAA,CAAfY,MAAM;IACOC,YAAY,GAAAb,KAAA,CAAzBc,WAAW;IACGC,aAAa,GAAAf,KAAA,CAA3B/C,YAAY;IACE+D,aAAa,GAAAhB,KAAA,CAA3B7C,YAAY;IACZ8D,IAAI,GAAAjB,KAAA,CAAJiB,IAAI;IAAAC,aAAA,GAAAlB,KAAA,CACJmB,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,WAAW,GAAAA,aAAA;IAClBlF,KAAK,GAAAC,wBAAA,CAAA+D,KAAA,EAAAoB,UAAA;EAIV,IAAMC,QAAQ,GAAG7G,KAAK,CAACiC,MAAM,CAAiB,IAAI,CAAC;EACnD,IAAM6E,YAAY,GAAI1F,GAAG,IAA0CyF,QAAQ;EAC3E,IAAM7E,YAAY,GAAGhC,KAAK,CAACiC,MAAM,CAAiB,IAAI,CAAC;EACvD,IAAM8E,SAAS,GAAG/G,KAAK,CAACiC,MAAM,CAAc,IAAI,CAAC;EAEjD,IAAM+E,aAAa,GAAGhH,KAAK,CAACiH,OAAO,CACjC;IAAA,OAAMvG,eAAe,CAACiF,QAAQ,EAAE5E,MAAM,CAAC;EAAA,GACvC,CAAC4E,QAAQ,CACX,CAAC;EAED,IAAAuB,kBAAA,GAaIvG,iBAAiB,CAAC;MACpBqG,aAAa,EAAbA,aAAa;MACb1E,OAAO,EAAED,QAAQ;MACjB2D,SAAS,EAAED;IACb,CAAC,CAAC;IAhBAlC,OAAO,GAAAqD,kBAAA,CAAPrD,OAAO;IACPrB,QAAQ,GAAA0E,kBAAA,CAAR1E,QAAQ;IACRD,MAAM,GAAA2E,kBAAA,CAAN3E,MAAM;IACN4E,qBAAqB,GAAAD,kBAAA,CAArBC,qBAAqB;IACrBC,YAAY,GAAAF,kBAAA,CAAZE,YAAY;IACZC,MAAM,GAAAH,kBAAA,CAANG,MAAM;IACN/E,OAAO,GAAA4E,kBAAA,CAAP5E,OAAO;IACP0D,SAAS,GAAAkB,kBAAA,CAATlB,SAAS;IACTsB,YAAY,GAAAJ,kBAAA,CAAZI,YAAY;IACZC,UAAU,GAAAL,kBAAA,CAAVK,UAAU;IACVnF,UAAU,GAAA8E,kBAAA,CAAV9E,UAAU;IACVD,aAAa,GAAA+E,kBAAA,CAAb/E,aAAa;EAOf/B,eAAe,CAAC;IACdoH,cAAc,EAAEH,MAAM,GAAGF,qBAAqB,GAAG1G,IAAI;IACrDgH,IAAI,EAAE,CAACX,YAAY;EACrB,CAAC,CAAC;EAEF,IAAMY,OAAO,GACX,OAAO/D,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAAC;IAAE0D,MAAM,EAANA;EAAO,CAAC,CAAC,GAAG1D,QAAQ;EAElE,IAAMgE,IAAI,GAAGtH,cAAc,CAAC,CAAC;EAE7B,IAAMuH,SAAS,GACbpG,KAAK,CAAC,YAAY,CAAC,IACnBkE,KAAK,IACLiC,IAAI,CAACE,CAAC,kBAAAC,MAAA,CAAkB7C,OAAO,GAAG,SAAS,GAAG,aAAa,CAAE,CAAC;EAEhE,IAAM8C,OAA4B,GAAG,aAAA/H,KAAK,CAACgI,cAAc,CAACN,OAAO,CAAC,GAChEA,OAAO,gBAEP1H,KAAA,CAAA2B,aAAA,CAACkD,aAAa;IACZ,cAAY+C,SAAU;IACtBjE,QAAQ,EAAE+B,KAAM;IAChBD,QAAQ,EAAEA,QAAS;IACnBR,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAEA,IAAK;IACX0B,IAAI,EAAEA,IAAK;IACXE,OAAO,EAAEA;EAAQ,CAClB,CACF;EAED,SAASP,MAAMA,CAACxD,CAAmC,EAAE;IACnD2E,UAAU,CAAC,KAAK,CAAC;IACjBJ,qBAAqB,CAACvE,CAAC,CAAC;IACxBuD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGvD,CAAC,CAAC;EACd;EAEA,SAASsD,OAAOA,CAACtD,CAAmC,EAAE;IACpD2E,UAAU,CAAC,IAAI,CAAC;IAChBtB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGrD,CAAC,CAAC;EACf;EAEA,SAAS0D,WAAWA,CAAC1D,CAAmC,EAAE;IAAA,IAAAqF,qBAAA;IACxD;IACA;IACA,IAAKrF,CAAC,CAACsF,MAAM,CAAiBC,OAAO,CAACC,MAAM,EAAE;MAC5CxF,CAAC,CAACyF,cAAc,CAAC,CAAC;MAClB;IACF;IACA,IAAIzF,CAAC,CAACsF,MAAM,YAAYpF,IAAI,KAAAmF,qBAAA,GAAInB,YAAY,CAAC/D,OAAO,cAAAkF,qBAAA,eAApBA,qBAAA,CAAsBjF,QAAQ,CAACJ,CAAC,CAACsF,MAAM,CAAC,EAAE;MAAA,IAAAI,kBAAA;MACxE1F,CAAC,CAACyF,cAAc,CAAC,CAAC;MAClB,CAAAC,kBAAA,GAAAvB,SAAS,CAAChE,OAAO,cAAAuF,kBAAA,uBAAjBA,kBAAA,CAAmBC,KAAK,CAAC,CAAC;IAC5B;IACAlC,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGzD,CAAC,CAAC;EACnB;EAEA,SAASD,YAAYA,CAACC,CAAmC,EAAE;IACzD0E,YAAY,CAAC,KAAK,CAAC;IACnBd,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG5D,CAAC,CAAC;EACpB;EAEA,SAASH,YAAYA,CAACG,CAAmC,EAAE;IACzD0E,YAAY,CAAC,IAAI,CAAC;IAClBf,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG3D,CAAC,CAAC;EACpB;EAEA,IAAA4F,gBAAA,GAAsCxI,KAAK,CAACkD,QAAQ,CAAqB,IAAI,CAAC;IAAAuF,gBAAA,GAAArF,cAAA,CAAAoF,gBAAA;IAAvEnF,WAAW,GAAAoF,gBAAA;IAAEnF,cAAc,GAAAmF,gBAAA;EAElC,oBACEzI,KAAA,CAAA2B,aAAA,QAAAC,QAAA,KACMJ,KAAK;IACT,cAAY0D,SAAU;IACtB9D,GAAG,EAAE0F,YAAa;IAClBd,SAAS,EAAEA,SAAU;IACrBvD,YAAY,EAAEA,YAAa;IAC3BE,YAAY,EAAEA,YAAa;IAC3BuD,OAAO,EAAEA,OAAQ;IACjBI,WAAW,EAAEA,WAAY;IACzBF,MAAM,EAAEA;EAAO,iBAEdpG,KAAK,CAAC0I,YAAY,CAACX,OAAO,EAAE;IAC3B3G,GAAG,EAAE2G,OAAO,CAAC3G,GAAG,GACZd,SAAS,CAACyH,OAAO,CAAC3G,GAAG,EAAE2F,SAAS,EAAEzD,cAAc,CAAC,GACjDhD,SAAS,CAACyG,SAAS,EAAEzD,cAAc,CAAC;IACxChB,OAAO,EAAE,SAAAA,QAACM,CAAmC,EAAK;MAAA,IAAA+F,qBAAA,EAAAC,cAAA;MAChD,CAAAD,qBAAA,IAAAC,cAAA,GAAAb,OAAO,CAACvG,KAAK,EAACc,OAAO,cAAAqG,qBAAA,uBAArBA,qBAAA,CAAAE,IAAA,CAAAD,cAAA,EAAwBhG,CAAC,CAAC;MAC1BwE,YAAY,CAAC,CAAC;IAChB,CAAC;IACD0B,QAAQ,EAAE;EACZ,CAAC,CAAC,eACF9I,KAAA,CAAA2B,aAAA,CAACnB,qBAAqB,CAACuI,QAAQ;IAC7BC,KAAK,EAAE;MACLzG,MAAM,EAANA,MAAM;MACNC,QAAQ,EAARA,QAAQ;MACRF,OAAO,EAAPA,OAAO;MACPF,UAAU,EAAVA,UAAU;MACVD,aAAa,EAAbA,aAAa;MACbZ,cAAc,EAAdA;IACF;EAAE,GAED8F,MAAM,iBACLrH,KAAA,CAAA2B,aAAA,CAACxB,MAAM,qBACLH,KAAA,CAAA2B,aAAA,CAACiC,UAAU;IACTC,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAE9B,YAAa;IACzB+B,SAAS,EAAEA,SAAU;IACrBV,WAAW,EAAEA,WAAY;IACzBa,MAAM,EAAE;EAAE,CACX,CACK,CAEoB,CAC7B,CAAC;AAEV,CAAC,CAAC"}
|
|
@@ -6,18 +6,18 @@ import { getEllipsis } from '../_styles/mixins';
|
|
|
6
6
|
import { spacing } from '../_styles/spacing';
|
|
7
7
|
export var StyledDropdownFlyout = /*#__PURE__*/styled.div.withConfig({
|
|
8
8
|
displayName: "StyledDropdownFlyout",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-11_26_2__sc-1i79jsg-0"
|
|
10
10
|
})(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;padding:", "px 0;"], spacing.sm);
|
|
11
11
|
export var StyledDropdownFlyoutItem = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledDropdownFlyoutItem",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_26_2__sc-1i79jsg-1"
|
|
14
14
|
})(["display:flex;justify-content:space-between;cursor:pointer;width:100%;padding:", "px ", "px;color:", ";", " &[data-highlighted='true'],&:hover{background-color:", ";}"], spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96);
|
|
15
15
|
export var StyledDropdownFlyoutLabel = /*#__PURE__*/styled.span.withConfig({
|
|
16
16
|
displayName: "StyledDropdownFlyoutLabel",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-11_26_2__sc-1i79jsg-2"
|
|
18
18
|
})(["", ""], getEllipsis());
|
|
19
19
|
export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
|
|
20
20
|
displayName: "StyledDropdownFlyoutExpandIcon",
|
|
21
|
-
componentId: "core-
|
|
21
|
+
componentId: "core-11_26_2__sc-1i79jsg-3"
|
|
22
22
|
})(["position:relative;display:inline-flex;align-self:center;flex-shrink:0;margin-left:", "px;white-space:nowrap;", ""], spacing.lg, arrowRight(4, 'black'));
|
|
23
23
|
//# sourceMappingURL=DropdownFlyout.styles.js.map
|
|
@@ -94,7 +94,7 @@ export function MultipleErrors(props) {
|
|
|
94
94
|
// make error banner accessible as a styled-components selector
|
|
95
95
|
export var DropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBannerBase).withConfig({
|
|
96
96
|
displayName: "DropzoneErrorBanner",
|
|
97
|
-
componentId: "core-
|
|
97
|
+
componentId: "core-11_26_2__sc-l4fojb-0"
|
|
98
98
|
})([""]);
|
|
99
99
|
function DropzoneContainer(_ref3) {
|
|
100
100
|
var active = _ref3.active,
|
|
@@ -143,7 +143,7 @@ var getSizeInMB = function getSizeInMB(maxSize) {
|
|
|
143
143
|
|
|
144
144
|
@since 10.19.0
|
|
145
145
|
|
|
146
|
-
@see [Storybook](https://procore.
|
|
146
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropzone--demo)
|
|
147
147
|
|
|
148
148
|
@see [Design Guidelines](https://design.procore.com/dropzone)
|
|
149
149
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.js","names":["Ban","Image","equals","omit","React","styled","Banner","Button","Tooltip","Typography","useI18nContext","useResizeObserver","useFocusWithin","StyledDropzoneCaption","StyledDropzoneContainer","StyledDropzoneFocusDetector","StyledDropzoneIcon","StyledDropzoneMessage","StyledDropzoneWrapper","StyledErrorBanner","StyledErrorBannerDetails","StyledUploadButton","dropErrors","fileRejectionReason","extendedViewHeightBreakpoint","DropzoneErrorBannerBase","forwardRef","_ref","ref","error","onDismiss","qa","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","isExpanded","setExpanded","useEffect","title","body","message","type","reset","createElement","_extends","Content","Title","Body","Action","showErrorDetails","onClick","prev","t","Dismiss","hideError","ExpandableContent","expanded","MultipleErrors","_props$fileRejections","_messages","filesByErrorType","fileRejections","reduce","acc","rejection","errors","forEach","dropErrorType","dropErrorsByReason","code","push","file","_defineProperty","fileAmount","minFileSize","maxFileSize","fileType","oneFileAtATime","multipleErrors","messages","count","maxFiles","sizeInMegabytes","getSizeInMB","minSize","maxSize","map","errorType","files","length","key","weight","_ref2","name","DropzoneErrorBanner","withConfig","displayName","componentId","DropzoneContainer","_ref3","active","disabled","getRootProps","rootProps","children","DropzoneContent","_ref4","isIconVisible","contentMessage","DefaultMessage","_ref5","open","multiple","errorMessage","Fragment","variant","Infinity","_dropErrorsByReason","Dropzone_","Dropzone","_ref6","forceIconVisibility","contentRenderer","tooltip","rootRef","inputRef","dragError","dropError","dispatchDropError","getInputProps","isDragActive","_ref6$rootProps","_ref6$inputProps","inputProps","className","_React$useState3","_React$useState4","setIsIconVisible","_useFocusWithin","isFocusWithin","containerProps","toggleIconVisibility","useCallback","entries","_ref7","target","height","offsetHeight","setResizeObserverTarget","current","useImperativeHandle","isDropzoneDisabled","Boolean","useMemo","validRootProps","validInputProps","direction","alignItems","trigger","overlay","memo"],"sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { Ban, Image } from '@procore/core-icons/dist'\nimport { equals, omit } from 'ramda'\nimport React from 'react'\nimport styled from 'styled-components'\nimport { Banner } from '../Banner/Banner'\nimport { Button } from '../Button/Button'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { Typography } from '../Typography/Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useResizeObserver } from '../_hooks/ResizeObserver'\nimport { useFocusWithin } from '../_hooks/useFocusWithin'\nimport type { DivAttributes, Props } from '../_utils/types'\nimport {\n StyledDropzoneCaption,\n StyledDropzoneContainer,\n StyledDropzoneFocusDetector,\n StyledDropzoneIcon,\n StyledDropzoneMessage,\n StyledDropzoneWrapper,\n StyledErrorBanner,\n StyledErrorBannerDetails,\n StyledUploadButton,\n} from './Dropzone.styles'\nimport type {\n ContainerProps,\n ContentProps,\n DropErrorType,\n DropzoneContentProps,\n DropzoneErrorBannerProps,\n DropzoneInputProps,\n DropzoneProps,\n DropzoneRef,\n DropzoneRootProps,\n FileRejectionReason,\n MultipleErrorsProps,\n} from './Dropzone.types'\nimport { dropErrors, fileRejectionReason } from './Dropzone.types'\n\nconst extendedViewHeightBreakpoint = 172\n\nconst DropzoneErrorBannerBase = React.forwardRef<\n HTMLDivElement,\n DropzoneErrorBannerProps & DivAttributes\n>(({ error, onDismiss, qa, ...props }, ref) => {\n const I18n = useI18nContext()\n const [isExpanded, setExpanded] = React.useState(false)\n\n React.useEffect(() => {\n setExpanded(false)\n }, [error.title, error.body, error.message])\n\n if (error.type === dropErrors.reset) {\n return null\n }\n\n return (\n <StyledErrorBanner {...props} ref={ref}>\n <Banner.Content>\n <Banner.Title>{error.title}</Banner.Title>\n <Banner.Body>{error.message}</Banner.Body>\n </Banner.Content>\n {error.body ? (\n <Banner.Action>\n <Button\n data-qa={qa?.showErrorDetails}\n onClick={() => setExpanded((prev) => !prev)}\n >\n {isExpanded\n ? I18n.t('core.dropzone.hideDetails')\n : I18n.t('core.dropzone.showDetails')}\n </Button>\n </Banner.Action>\n ) : null}\n <Banner.Dismiss onClick={onDismiss} data-qa={qa?.hideError} />\n {error.body ? (\n <Banner.ExpandableContent expanded={isExpanded}>\n {error.body}\n </Banner.ExpandableContent>\n ) : null}\n </StyledErrorBanner>\n )\n})\n\nexport function MultipleErrors(props: MultipleErrorsProps) {\n const I18n = useI18nContext()\n\n const filesByErrorType = props.fileRejections.reduce(\n (acc, rejection) => {\n rejection.errors.forEach((error) => {\n const dropErrorType = dropErrorsByReason[error.code]\n acc[dropErrorType].push(rejection.file)\n })\n\n return acc\n },\n {\n [dropErrors.fileAmount]: [],\n [dropErrors.minFileSize]: [],\n [dropErrors.maxFileSize]: [],\n [dropErrors.fileType]: [],\n [dropErrors.oneFileAtATime]: [],\n [dropErrors.reset]: [],\n [dropErrors.multipleErrors]: [],\n } as Record<DropErrorType, File[]>\n )\n\n const messages: Record<DropErrorType, string> = {\n [dropErrors.fileAmount]: I18n.t('core.dropzone.maxFileNumberErrorGroup', {\n count: props.maxFiles,\n }),\n [dropErrors.minFileSize]: I18n.t('core.dropzone.minFileSizeErrorGroup', {\n sizeInMegabytes: getSizeInMB(props.minSize as number),\n }),\n [dropErrors.maxFileSize]: I18n.t('core.dropzone.maxFileSizeErrorGroup', {\n sizeInMegabytes: getSizeInMB(props.maxSize as number),\n }),\n [dropErrors.fileType]: I18n.t('core.dropzone.wrongFileTypeErrorGroup'),\n [dropErrors.reset]: '',\n [dropErrors.multipleErrors]: '',\n [dropErrors.oneFileAtATime]: '',\n }\n\n return (\n <div>\n {[\n dropErrors.fileAmount,\n dropErrors.fileType,\n dropErrors.maxFileSize,\n dropErrors.minFileSize,\n ].map((errorType) => {\n const files = filesByErrorType[errorType]\n return files.length ? (\n <div key={errorType}>\n <Typography weight=\"bold\">{messages[errorType]}</Typography>\n <StyledErrorBannerDetails>\n {filesByErrorType[errorType].map(({ name }) => (\n <li key={name}>{name}</li>\n ))}\n </StyledErrorBannerDetails>\n </div>\n ) : null\n })}\n </div>\n )\n}\n\n// make error banner accessible as a styled-components selector\nexport const DropzoneErrorBanner = styled(DropzoneErrorBannerBase)``\n\nfunction DropzoneContainer({\n active,\n disabled,\n getRootProps,\n rootProps,\n children,\n}: ContainerProps & Props) {\n return (\n <StyledDropzoneContainer\n {...getRootProps(rootProps)}\n active={active}\n disabled={disabled}\n >\n {children}\n </StyledDropzoneContainer>\n )\n}\n\nfunction DropzoneContent({\n disabled,\n isIconVisible,\n contentMessage,\n}: ContentProps) {\n return (\n <StyledDropzoneMessage>\n {isIconVisible && (\n <StyledDropzoneIcon disabled={disabled}>\n {disabled ? <Ban /> : <Image />}\n </StyledDropzoneIcon>\n )}\n {contentMessage}\n </StyledDropzoneMessage>\n )\n}\n\nexport function DefaultMessage({\n open,\n disabled,\n multiple,\n errorMessage,\n}: DropzoneContentProps & { multiple: boolean }) {\n const I18n = useI18nContext()\n\n return (\n <>\n <StyledUploadButton\n variant=\"secondary\"\n onClick={open}\n disabled={disabled}\n >\n {I18n.t('core.dropzone.uploadFiles', {\n count: multiple ? Infinity : 1,\n })}\n </StyledUploadButton>\n <StyledDropzoneCaption error={!!errorMessage}>\n {errorMessage || I18n.t('core.dropzone.dragAndDrop')}\n </StyledDropzoneCaption>\n </>\n )\n}\n\nconst dropErrorsByReason = {\n [fileRejectionReason.maxFiles]: dropErrors.fileAmount,\n [fileRejectionReason.maxFileSize]: dropErrors.maxFileSize,\n [fileRejectionReason.minFileSize]: dropErrors.minFileSize,\n [fileRejectionReason.fileType]: dropErrors.fileType,\n} as Record<FileRejectionReason, DropErrorType>\n\nconst getSizeInMB = (maxSize: number): number => maxSize / 10e5\n\n/**\n\n Dropzones allow users to quickly upload files from their computers, as well\n as optionally launch the file select component.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-dropzone--demo)\n\n @see [Design Guidelines](https://design.procore.com/dropzone)\n\n */\nconst Dropzone_ = React.forwardRef<DropzoneRef, DropzoneProps>(\n function Dropzone(\n {\n isIconVisible: forceIconVisibility,\n contentRenderer,\n disabled,\n tooltip,\n rootRef,\n inputRef,\n dragError,\n dropError,\n dispatchDropError,\n getRootProps,\n getInputProps,\n isDragActive,\n multiple,\n fileRejections,\n open,\n rootProps = {} as DropzoneRootProps,\n inputProps = {} as DropzoneInputProps,\n className,\n qa,\n },\n ref\n ) {\n const [isIconVisible, setIsIconVisible] = React.useState(false)\n const { isFocusWithin, containerProps } = useFocusWithin()\n\n const toggleIconVisibility = React.useCallback(\n (entries: ResizeObserverEntry[]) => {\n const { offsetHeight: height } = entries[0].target as HTMLElement\n setIsIconVisible(height >= extendedViewHeightBreakpoint)\n },\n [setIsIconVisible]\n )\n\n const setResizeObserverTarget = useResizeObserver(toggleIconVisibility)\n\n React.useEffect(() => {\n setResizeObserverTarget(rootRef.current)\n }, [rootRef, setResizeObserverTarget])\n\n React.useImperativeHandle(ref, () => ({\n rootRef: rootRef as React.RefObject<HTMLElement>,\n inputRef: inputRef as React.RefObject<HTMLInputElement>,\n open,\n }))\n\n const isDropzoneDisabled = disabled || Boolean(dragError)\n\n const contentMessage = React.useMemo(\n () =>\n contentRenderer ? (\n contentRenderer({\n open,\n disabled: isDropzoneDisabled,\n errorMessage: dragError,\n })\n ) : (\n <DefaultMessage\n open={open}\n disabled={isDropzoneDisabled}\n errorMessage={dragError}\n multiple={multiple}\n />\n ),\n [contentRenderer, open, isDropzoneDisabled, dragError, multiple]\n )\n\n const validRootProps = React.useMemo(\n () => omit(['disabled'], rootProps),\n [rootProps]\n )\n\n const validInputProps = React.useMemo(\n () => omit(['accept', 'multiple', 'type'], inputProps),\n [inputProps]\n )\n\n return (\n <StyledDropzoneWrapper\n direction=\"column\"\n alignItems=\"stretch\"\n className={className}\n >\n <Tooltip\n trigger={Boolean(tooltip) ? 'hover' : 'none'}\n overlay={tooltip || ''}\n >\n <StyledDropzoneFocusDetector {...containerProps}>\n <DropzoneContainer\n rootProps={validRootProps}\n active={isDragActive || isFocusWithin}\n disabled={isDropzoneDisabled}\n getRootProps={getRootProps}\n >\n <input type=\"file\" {...getInputProps(validInputProps)} />\n <DropzoneContent\n disabled={isDropzoneDisabled}\n isIconVisible={\n typeof forceIconVisibility === 'undefined'\n ? isIconVisible\n : forceIconVisibility\n }\n contentMessage={contentMessage}\n />\n </DropzoneContainer>\n </StyledDropzoneFocusDetector>\n </Tooltip>\n <DropzoneErrorBanner\n qa={qa}\n error={dropError}\n fileRejections={fileRejections}\n onDismiss={() => dispatchDropError(dropErrors.reset)}\n />\n </StyledDropzoneWrapper>\n )\n }\n)\n\nDropzoneContainer.displayName = 'DropzoneContainer'\n\nDropzoneContent.displayName = 'DropzoneContent'\n\nDropzone_.displayName = 'Dropzone'\n\nexport const Dropzone = React.memo(Dropzone_, equals)\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dropzone.js","names":["Ban","Image","equals","omit","React","styled","Banner","Button","Tooltip","Typography","useI18nContext","useResizeObserver","useFocusWithin","StyledDropzoneCaption","StyledDropzoneContainer","StyledDropzoneFocusDetector","StyledDropzoneIcon","StyledDropzoneMessage","StyledDropzoneWrapper","StyledErrorBanner","StyledErrorBannerDetails","StyledUploadButton","dropErrors","fileRejectionReason","extendedViewHeightBreakpoint","DropzoneErrorBannerBase","forwardRef","_ref","ref","error","onDismiss","qa","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","isExpanded","setExpanded","useEffect","title","body","message","type","reset","createElement","_extends","Content","Title","Body","Action","showErrorDetails","onClick","prev","t","Dismiss","hideError","ExpandableContent","expanded","MultipleErrors","_props$fileRejections","_messages","filesByErrorType","fileRejections","reduce","acc","rejection","errors","forEach","dropErrorType","dropErrorsByReason","code","push","file","_defineProperty","fileAmount","minFileSize","maxFileSize","fileType","oneFileAtATime","multipleErrors","messages","count","maxFiles","sizeInMegabytes","getSizeInMB","minSize","maxSize","map","errorType","files","length","key","weight","_ref2","name","DropzoneErrorBanner","withConfig","displayName","componentId","DropzoneContainer","_ref3","active","disabled","getRootProps","rootProps","children","DropzoneContent","_ref4","isIconVisible","contentMessage","DefaultMessage","_ref5","open","multiple","errorMessage","Fragment","variant","Infinity","_dropErrorsByReason","Dropzone_","Dropzone","_ref6","forceIconVisibility","contentRenderer","tooltip","rootRef","inputRef","dragError","dropError","dispatchDropError","getInputProps","isDragActive","_ref6$rootProps","_ref6$inputProps","inputProps","className","_React$useState3","_React$useState4","setIsIconVisible","_useFocusWithin","isFocusWithin","containerProps","toggleIconVisibility","useCallback","entries","_ref7","target","height","offsetHeight","setResizeObserverTarget","current","useImperativeHandle","isDropzoneDisabled","Boolean","useMemo","validRootProps","validInputProps","direction","alignItems","trigger","overlay","memo"],"sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { Ban, Image } from '@procore/core-icons/dist'\nimport { equals, omit } from 'ramda'\nimport React from 'react'\nimport styled from 'styled-components'\nimport { Banner } from '../Banner/Banner'\nimport { Button } from '../Button/Button'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { Typography } from '../Typography/Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useResizeObserver } from '../_hooks/ResizeObserver'\nimport { useFocusWithin } from '../_hooks/useFocusWithin'\nimport type { DivAttributes, Props } from '../_utils/types'\nimport {\n StyledDropzoneCaption,\n StyledDropzoneContainer,\n StyledDropzoneFocusDetector,\n StyledDropzoneIcon,\n StyledDropzoneMessage,\n StyledDropzoneWrapper,\n StyledErrorBanner,\n StyledErrorBannerDetails,\n StyledUploadButton,\n} from './Dropzone.styles'\nimport type {\n ContainerProps,\n ContentProps,\n DropErrorType,\n DropzoneContentProps,\n DropzoneErrorBannerProps,\n DropzoneInputProps,\n DropzoneProps,\n DropzoneRef,\n DropzoneRootProps,\n FileRejectionReason,\n MultipleErrorsProps,\n} from './Dropzone.types'\nimport { dropErrors, fileRejectionReason } from './Dropzone.types'\n\nconst extendedViewHeightBreakpoint = 172\n\nconst DropzoneErrorBannerBase = React.forwardRef<\n HTMLDivElement,\n DropzoneErrorBannerProps & DivAttributes\n>(({ error, onDismiss, qa, ...props }, ref) => {\n const I18n = useI18nContext()\n const [isExpanded, setExpanded] = React.useState(false)\n\n React.useEffect(() => {\n setExpanded(false)\n }, [error.title, error.body, error.message])\n\n if (error.type === dropErrors.reset) {\n return null\n }\n\n return (\n <StyledErrorBanner {...props} ref={ref}>\n <Banner.Content>\n <Banner.Title>{error.title}</Banner.Title>\n <Banner.Body>{error.message}</Banner.Body>\n </Banner.Content>\n {error.body ? (\n <Banner.Action>\n <Button\n data-qa={qa?.showErrorDetails}\n onClick={() => setExpanded((prev) => !prev)}\n >\n {isExpanded\n ? I18n.t('core.dropzone.hideDetails')\n : I18n.t('core.dropzone.showDetails')}\n </Button>\n </Banner.Action>\n ) : null}\n <Banner.Dismiss onClick={onDismiss} data-qa={qa?.hideError} />\n {error.body ? (\n <Banner.ExpandableContent expanded={isExpanded}>\n {error.body}\n </Banner.ExpandableContent>\n ) : null}\n </StyledErrorBanner>\n )\n})\n\nexport function MultipleErrors(props: MultipleErrorsProps) {\n const I18n = useI18nContext()\n\n const filesByErrorType = props.fileRejections.reduce(\n (acc, rejection) => {\n rejection.errors.forEach((error) => {\n const dropErrorType = dropErrorsByReason[error.code]\n acc[dropErrorType].push(rejection.file)\n })\n\n return acc\n },\n {\n [dropErrors.fileAmount]: [],\n [dropErrors.minFileSize]: [],\n [dropErrors.maxFileSize]: [],\n [dropErrors.fileType]: [],\n [dropErrors.oneFileAtATime]: [],\n [dropErrors.reset]: [],\n [dropErrors.multipleErrors]: [],\n } as Record<DropErrorType, File[]>\n )\n\n const messages: Record<DropErrorType, string> = {\n [dropErrors.fileAmount]: I18n.t('core.dropzone.maxFileNumberErrorGroup', {\n count: props.maxFiles,\n }),\n [dropErrors.minFileSize]: I18n.t('core.dropzone.minFileSizeErrorGroup', {\n sizeInMegabytes: getSizeInMB(props.minSize as number),\n }),\n [dropErrors.maxFileSize]: I18n.t('core.dropzone.maxFileSizeErrorGroup', {\n sizeInMegabytes: getSizeInMB(props.maxSize as number),\n }),\n [dropErrors.fileType]: I18n.t('core.dropzone.wrongFileTypeErrorGroup'),\n [dropErrors.reset]: '',\n [dropErrors.multipleErrors]: '',\n [dropErrors.oneFileAtATime]: '',\n }\n\n return (\n <div>\n {[\n dropErrors.fileAmount,\n dropErrors.fileType,\n dropErrors.maxFileSize,\n dropErrors.minFileSize,\n ].map((errorType) => {\n const files = filesByErrorType[errorType]\n return files.length ? (\n <div key={errorType}>\n <Typography weight=\"bold\">{messages[errorType]}</Typography>\n <StyledErrorBannerDetails>\n {filesByErrorType[errorType].map(({ name }) => (\n <li key={name}>{name}</li>\n ))}\n </StyledErrorBannerDetails>\n </div>\n ) : null\n })}\n </div>\n )\n}\n\n// make error banner accessible as a styled-components selector\nexport const DropzoneErrorBanner = styled(DropzoneErrorBannerBase)``\n\nfunction DropzoneContainer({\n active,\n disabled,\n getRootProps,\n rootProps,\n children,\n}: ContainerProps & Props) {\n return (\n <StyledDropzoneContainer\n {...getRootProps(rootProps)}\n active={active}\n disabled={disabled}\n >\n {children}\n </StyledDropzoneContainer>\n )\n}\n\nfunction DropzoneContent({\n disabled,\n isIconVisible,\n contentMessage,\n}: ContentProps) {\n return (\n <StyledDropzoneMessage>\n {isIconVisible && (\n <StyledDropzoneIcon disabled={disabled}>\n {disabled ? <Ban /> : <Image />}\n </StyledDropzoneIcon>\n )}\n {contentMessage}\n </StyledDropzoneMessage>\n )\n}\n\nexport function DefaultMessage({\n open,\n disabled,\n multiple,\n errorMessage,\n}: DropzoneContentProps & { multiple: boolean }) {\n const I18n = useI18nContext()\n\n return (\n <>\n <StyledUploadButton\n variant=\"secondary\"\n onClick={open}\n disabled={disabled}\n >\n {I18n.t('core.dropzone.uploadFiles', {\n count: multiple ? Infinity : 1,\n })}\n </StyledUploadButton>\n <StyledDropzoneCaption error={!!errorMessage}>\n {errorMessage || I18n.t('core.dropzone.dragAndDrop')}\n </StyledDropzoneCaption>\n </>\n )\n}\n\nconst dropErrorsByReason = {\n [fileRejectionReason.maxFiles]: dropErrors.fileAmount,\n [fileRejectionReason.maxFileSize]: dropErrors.maxFileSize,\n [fileRejectionReason.minFileSize]: dropErrors.minFileSize,\n [fileRejectionReason.fileType]: dropErrors.fileType,\n} as Record<FileRejectionReason, DropErrorType>\n\nconst getSizeInMB = (maxSize: number): number => maxSize / 10e5\n\n/**\n\n Dropzones allow users to quickly upload files from their computers, as well\n as optionally launch the file select component.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropzone--demo)\n\n @see [Design Guidelines](https://design.procore.com/dropzone)\n\n */\nconst Dropzone_ = React.forwardRef<DropzoneRef, DropzoneProps>(\n function Dropzone(\n {\n isIconVisible: forceIconVisibility,\n contentRenderer,\n disabled,\n tooltip,\n rootRef,\n inputRef,\n dragError,\n dropError,\n dispatchDropError,\n getRootProps,\n getInputProps,\n isDragActive,\n multiple,\n fileRejections,\n open,\n rootProps = {} as DropzoneRootProps,\n inputProps = {} as DropzoneInputProps,\n className,\n qa,\n },\n ref\n ) {\n const [isIconVisible, setIsIconVisible] = React.useState(false)\n const { isFocusWithin, containerProps } = useFocusWithin()\n\n const toggleIconVisibility = React.useCallback(\n (entries: ResizeObserverEntry[]) => {\n const { offsetHeight: height } = entries[0].target as HTMLElement\n setIsIconVisible(height >= extendedViewHeightBreakpoint)\n },\n [setIsIconVisible]\n )\n\n const setResizeObserverTarget = useResizeObserver(toggleIconVisibility)\n\n React.useEffect(() => {\n setResizeObserverTarget(rootRef.current)\n }, [rootRef, setResizeObserverTarget])\n\n React.useImperativeHandle(ref, () => ({\n rootRef: rootRef as React.RefObject<HTMLElement>,\n inputRef: inputRef as React.RefObject<HTMLInputElement>,\n open,\n }))\n\n const isDropzoneDisabled = disabled || Boolean(dragError)\n\n const contentMessage = React.useMemo(\n () =>\n contentRenderer ? (\n contentRenderer({\n open,\n disabled: isDropzoneDisabled,\n errorMessage: dragError,\n })\n ) : (\n <DefaultMessage\n open={open}\n disabled={isDropzoneDisabled}\n errorMessage={dragError}\n multiple={multiple}\n />\n ),\n [contentRenderer, open, isDropzoneDisabled, dragError, multiple]\n )\n\n const validRootProps = React.useMemo(\n () => omit(['disabled'], rootProps),\n [rootProps]\n )\n\n const validInputProps = React.useMemo(\n () => omit(['accept', 'multiple', 'type'], inputProps),\n [inputProps]\n )\n\n return (\n <StyledDropzoneWrapper\n direction=\"column\"\n alignItems=\"stretch\"\n className={className}\n >\n <Tooltip\n trigger={Boolean(tooltip) ? 'hover' : 'none'}\n overlay={tooltip || ''}\n >\n <StyledDropzoneFocusDetector {...containerProps}>\n <DropzoneContainer\n rootProps={validRootProps}\n active={isDragActive || isFocusWithin}\n disabled={isDropzoneDisabled}\n getRootProps={getRootProps}\n >\n <input type=\"file\" {...getInputProps(validInputProps)} />\n <DropzoneContent\n disabled={isDropzoneDisabled}\n isIconVisible={\n typeof forceIconVisibility === 'undefined'\n ? isIconVisible\n : forceIconVisibility\n }\n contentMessage={contentMessage}\n />\n </DropzoneContainer>\n </StyledDropzoneFocusDetector>\n </Tooltip>\n <DropzoneErrorBanner\n qa={qa}\n error={dropError}\n fileRejections={fileRejections}\n onDismiss={() => dispatchDropError(dropErrors.reset)}\n />\n </StyledDropzoneWrapper>\n )\n }\n)\n\nDropzoneContainer.displayName = 'DropzoneContainer'\n\nDropzoneContent.displayName = 'DropzoneContent'\n\nDropzone_.displayName = 'Dropzone'\n\nexport const Dropzone = React.memo(Dropzone_, equals)\n"],"mappings":"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"}
|
|
@@ -9,15 +9,15 @@ import { colors } from '../_styles/colors';
|
|
|
9
9
|
import { spacing } from '../_styles/spacing';
|
|
10
10
|
export var StyledErrorBanner = /*#__PURE__*/styled(ErrorBannerBase).withConfig({
|
|
11
11
|
displayName: "StyledErrorBanner",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_26_2__sc-by95hy-0"
|
|
13
13
|
})(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
|
|
14
14
|
export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
|
|
15
15
|
displayName: "StyledErrorBannerDetails",
|
|
16
|
-
componentId: "core-
|
|
16
|
+
componentId: "core-11_26_2__sc-by95hy-1"
|
|
17
17
|
})(["margin:", "px;padding:0;list-style-position:inside;list-style-type:disc;"], spacing.xs);
|
|
18
18
|
export var StyledDropzoneIcon = /*#__PURE__*/styled.div.withConfig({
|
|
19
19
|
displayName: "StyledDropzoneIcon",
|
|
20
|
-
componentId: "core-
|
|
20
|
+
componentId: "core-11_26_2__sc-by95hy-2"
|
|
21
21
|
})(["display:flex;justify-content:center;align-items:center;height:64px;color:", ";margin-bottom:", "px;transition:all 250ms ease-out;", " svg{width:auto;height:100%;}"], colors.gray45, spacing.lg, function (_ref) {
|
|
22
22
|
var disabled = _ref.disabled;
|
|
23
23
|
return disabled && css(["height:72px;margin-bottom:", "px;"], spacing.sm);
|
|
@@ -26,7 +26,7 @@ var activeDropzone = /*#__PURE__*/css(["outline:none;border:2px dashed ", ";back
|
|
|
26
26
|
var disabledDropzone = /*#__PURE__*/css(["color:", ";border:2px dashed ", ";background-color:", ";cursor:not-allowed;& ", "{color:", ";transform:none;}"], colors.gray70, colors.gray85, colors.gray98, StyledDropzoneIcon, colors.gray85);
|
|
27
27
|
export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
|
|
28
28
|
displayName: "StyledDropzoneContainer",
|
|
29
|
-
componentId: "core-
|
|
29
|
+
componentId: "core-11_26_2__sc-by95hy-3"
|
|
30
30
|
})(["", " display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;min-height:92px;padding:", "px;color:", ";border:2px dashed ", ";background-color:", ";border-radius:", "px;text-align:center;letter-spacing:0.25px;transition:all 250ms ease-out;cursor:grab;", " ", " ", " ", ""], getTypographyIntent('body'), spacing.lg, colors.gray40, colors.gray70, colors.gray96, borderRadius.md, function (_ref2) {
|
|
31
31
|
var disabled = _ref2.disabled;
|
|
32
32
|
return !disabled && css(["&:hover{", "}"], activeDropzone);
|
|
@@ -43,25 +43,25 @@ export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
43
43
|
});
|
|
44
44
|
export var StyledDropzoneMessage = /*#__PURE__*/styled.div.withConfig({
|
|
45
45
|
displayName: "StyledDropzoneMessage",
|
|
46
|
-
componentId: "core-
|
|
46
|
+
componentId: "core-11_26_2__sc-by95hy-4"
|
|
47
47
|
})(["user-select:none;"]);
|
|
48
48
|
export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
|
|
49
49
|
displayName: "StyledUploadButton",
|
|
50
|
-
componentId: "core-
|
|
50
|
+
componentId: "core-11_26_2__sc-by95hy-5"
|
|
51
51
|
})(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
|
|
52
52
|
export var StyledDropzoneCaption = /*#__PURE__*/styled.span.withConfig({
|
|
53
53
|
displayName: "StyledDropzoneCaption",
|
|
54
|
-
componentId: "core-
|
|
54
|
+
componentId: "core-11_26_2__sc-by95hy-6"
|
|
55
55
|
})(["color:", ";"], function (_ref6) {
|
|
56
56
|
var error = _ref6.error;
|
|
57
57
|
return error && colors.gray15;
|
|
58
58
|
});
|
|
59
59
|
export var StyledDropzoneWrapper = /*#__PURE__*/styled(Flex).withConfig({
|
|
60
60
|
displayName: "StyledDropzoneWrapper",
|
|
61
|
-
componentId: "core-
|
|
61
|
+
componentId: "core-11_26_2__sc-by95hy-7"
|
|
62
62
|
})(["height:100%;"]);
|
|
63
63
|
export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
|
|
64
64
|
displayName: "StyledDropzoneFocusDetector",
|
|
65
|
-
componentId: "core-
|
|
65
|
+
componentId: "core-11_26_2__sc-by95hy-8"
|
|
66
66
|
})(["height:100%;"]);
|
|
67
67
|
//# sourceMappingURL=Dropzone.styles.js.map
|
|
@@ -271,7 +271,7 @@ var RecycleBin = /*#__PURE__*/React.forwardRef(function RecycleBin(props, ref) {
|
|
|
271
271
|
|
|
272
272
|
@since 10.19.0
|
|
273
273
|
|
|
274
|
-
@see [Storybook](https://procore.
|
|
274
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-emptystate--demo)
|
|
275
275
|
|
|
276
276
|
@see [Design Guidelines](https://design.procore.com/empty-state)
|
|
277
277
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","names":["React","addSubcomponents","StyledActions","StyledDescription","StyledEmptyState","StyledImage","StyledSvg","StyledTitle","Image","forwardRef","_ref","ref","children","src","alt","props","_objectWithoutProperties","_excluded","createElement","_extends","Title","_ref2","_excluded2","Description","_ref3","_excluded3","Actions","_ref4","_excluded4","NoResults","width","height","viewBox","fill","xmlns","d","NoItems","NoItemsWithoutCreatePermissions","fillRule","clipRule","RecycleBin","EmptyState_","EmptyState","_ref5","_ref5$compact","compact","title","_excluded5","displayName"],"sources":["../../src/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { DivAttributes, ImgAttributes, Props } from '../_utils/types'\nimport {\n StyledActions,\n StyledDescription,\n StyledEmptyState,\n StyledImage,\n StyledSvg,\n StyledTitle,\n} from './EmptyState.styles'\nimport type { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types'\n\nconst Image = React.forwardRef<\n HTMLDivElement,\n ImgAttributes & DivAttributes & EmptyStateImageProps\n>(function Image({ children, src, alt, ...props }, ref) {\n return (\n <StyledImage aria-hidden={true} ref={ref} {...props}>\n {src ? <img alt={alt} src={src} /> : children}\n </StyledImage>\n )\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Title({ children, ...props }, ref) {\n return (\n <StyledTitle {...props} ref={ref}>\n {children}\n </StyledTitle>\n )\n }\n)\n\nconst Description = React.forwardRef<\n HTMLDivElement,\n { as?: 'p' | 'div' } & DivAttributes & Props\n>(function Description({ children, ...props }, ref) {\n return (\n <StyledDescription {...props} ref={ref}>\n {children}\n </StyledDescription>\n )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Actions({ children, ...props }, ref) {\n return (\n <StyledActions {...props} ref={ref}>\n {children}\n </StyledActions>\n )\n }\n)\n\n// preset images\n\nconst NoResults = React.forwardRef<HTMLDivElement, Props>(function NoResults(\n props,\n ref\n) {\n return (\n <Image aria-hidden={true} {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M72.94 132.45H25.97V54.5H0V143.5H79.13C76.58 140.15 74.49 136.43 72.94 132.45Z\"\n fill=\"#D6DADC\"\n />\n <path d=\"M141 30.5V41H25.86V119.5H13V30.5H141Z\" fill=\"#1952B3\" />\n <path d=\"M150 133H26V41H150V73.85V88.6V133Z\" fill=\"white\" />\n <path\n d=\"M117.5 152C142.629 152 163 131.629 163 106.5C163 81.3711 142.629 61 117.5 61C92.371 61 72 81.3711 72 106.5C72 131.629 92.371 152 117.5 152Z\"\n fill=\"white\"\n />\n <path\n d=\"M97.75 65.5H36.5V90.5H74.9C79.03 79.52 87.27 70.56 97.75 65.5Z\"\n fill=\"#F3F4F6\"\n />\n <path\n d=\"M72 106.5C72 103.06 72.39 99.72 73.12 96.5H36.5V121.5H74.54C72.9 116.8 72 111.76 72 106.5Z\"\n fill=\"#F3F4F6\"\n />\n <path d=\"M39.96 47.93H36.85V51.04H39.96V47.93Z\" fill=\"#232729\" />\n <path d=\"M45.4 47.93H42.29V51.04H45.4V47.93Z\" fill=\"#232729\" />\n <path d=\"M50.85 47.93H47.74V51.04H50.85V47.93Z\" fill=\"#232729\" />\n <path\n d=\"M157.59 138.1L155.4 140.29L151.7 136.59C158.77 128.56 163.07 118.05 163.07 106.54C163.07 96.64 159.89 87.48 154.5 80V39H153.5H146.5H106.5V41H25.5V133H80.5C88.77 144.54 102.28 152.08 117.53 152.08C128.76 152.08 139.05 147.98 147 141.22L150.74 144.96L148.55 147.15L183.74 182.34L192.79 173.29L157.59 138.1ZM148.74 73.43C148.72 73.41 148.69 73.38 148.67 73.36C148.7 73.38 148.72 73.41 148.74 73.43ZM29.5 129V58H139.5V54H29.5V45H106.5V47H146.5V71.43C138.62 64.92 128.52 61 117.53 61C92.42 61 71.99 81.43 71.99 106.54C71.99 114.7 74.16 122.37 77.94 129H29.5ZM117.53 145.41C96.1 145.41 78.66 127.97 78.66 106.54C78.66 85.11 96.1 67.67 117.53 67.67C138.96 67.67 156.4 85.1 156.4 106.54C156.4 127.98 138.96 145.41 117.53 145.41Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M183.73 182.33L148.54 147.14L150.73 144.95L146.99 141.21C139.04 147.98 128.75 152.07 117.52 152.07C92.41 152.07 71.98 131.64 71.98 106.53C71.98 104.73 72.1 102.96 72.3 101.22C70.71 105.85 69.83 110.81 69.83 115.97C69.83 141.08 90.26 161.51 115.37 161.51C126.6 161.51 136.89 157.41 144.84 150.65L148.58 154.39L146.39 156.58L181.58 191.77L190.63 182.72L186.98 179.07L183.73 182.33Z\"\n fill=\"#D6DADC\"\n />\n <path\n d=\"M127.4 88.15C125.04 86.17 121.71 85.18 117.42 85.18C113.11 85.18 109.76 86.25 107.37 88.4C104.98 90.55 103.77 93.55 103.73 97.4H113.49C113.53 95.96 113.9 94.81 114.62 93.96C115.33 93.11 116.27 92.69 117.42 92.69C119.92 92.69 121.18 94.14 121.18 97.05C121.18 98.24 120.81 99.34 120.07 100.33C119.33 101.32 118.25 102.41 116.82 103.61C115.4 104.8 114.37 106.21 113.73 107.84C113.1 109.47 112.78 111.69 112.78 114.5H121.04C121.08 113.04 121.28 111.83 121.65 110.88C122.01 109.93 122.67 109 123.61 108.09L126.93 105C128.34 103.63 129.36 102.29 129.99 100.98C130.63 99.67 130.94 98.22 130.94 96.62C130.93 92.96 129.76 90.14 127.4 88.15Z\"\n fill=\"#FF5200\"\n />\n <path\n d=\"M117 120.12C115.46 120.12 114.17 120.58 113.14 121.49C112.11 122.4 111.59 123.57 111.59 125C111.59 126.43 112.11 127.6 113.14 128.51C114.17 129.43 115.46 129.88 117 129.88C118.54 129.88 119.83 129.42 120.86 128.51C121.89 127.6 122.41 126.42 122.41 125C122.41 123.57 121.89 122.4 120.86 121.49C119.83 120.57 118.54 120.12 117 120.12Z\"\n fill=\"#FF5200\"\n />\n <path\n d=\"M141.314 19.1213L139.192 17L132.121 24.0711L134.243 26.1924L141.314 19.1213Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M100.071 26.1213L102.192 24L95.1213 16.9289L93 19.0503L100.071 26.1213Z\"\n fill=\"#232729\"\n />\n <path d=\"M119.192 9H116.192V20H119.192V9Z\" fill=\"#232729\" />\n <path\n d=\"M93 180.071L95.1213 182.192L102.192 175.121L100.071 173L93 180.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M134.243 173.071L132.121 175.192L139.192 182.263L141.314 180.142L134.243 173.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M115.121 190.192L118.121 190.192L118.121 179.192L115.121 179.192L115.121 190.192Z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n})\n\nconst NoItems = React.forwardRef<HTMLDivElement, Props>(function NoItems(\n props,\n ref\n) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M186 63V140H43V177H200V63H186Z\" fill=\"#D6DADC\" />\n <path d=\"M170.5 45H13.5V159H170.5V45Z\" fill=\"white\" />\n <path d=\"M29.5 26V45H170.5V140H186.5V26H29.5Z\" fill=\"#1952B3\" />\n <path\n d=\"M175 155V42H167H121.5V44H15H11V84H15V64H161V60H15V48H121.5V50H167V155H31V163H175V155Z\"\n fill=\"#232729\"\n />\n <path d=\"M28 52H24V56H28V52Z\" fill=\"#232729\" />\n <path d=\"M35 52H31V56H35V52Z\" fill=\"#232729\" />\n <path d=\"M42 52H38V56H42V52Z\" fill=\"#232729\" />\n <path d=\"M120 76H30V106H120V76Z\" fill=\"#F3F4F6\" />\n <path d=\"M153.5 76H126.5V142H153.5V76Z\" fill=\"#F3F4F6\" />\n <path d=\"M120 112H30V142H120V112Z\" fill=\"#F3F4F6\" />\n <path\n d=\"M44 120.77H26.23V103H17.77V120.77H0V129.23H17.77V147H26.23V129.23H44V120.77Z\"\n fill=\"#FF5100\"\n />\n <path\n d=\"M60.0711 146.314L62.1924 144.192L55.1213 137.121L53 139.243L60.0711 146.314Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M53.0711 105.071L55.1924 107.192L62.2634 100.121L60.1421 98L53.0711 105.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M70.1924 124.192V121.192H59.1924V124.192H70.1924Z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n})\n\nconst NoItemsWithoutCreatePermissions = React.forwardRef<HTMLDivElement, Props>(\n function NoItemsWithoutCreatePermissions(props, ref) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"213\"\n height=\"200\"\n viewBox=\"0 0 213 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M199 63v77H56v37h157V63h-14z\" fill=\"#D6DADC\" />\n <path d=\"M183.5 45h-157v114h157V45z\" fill=\"#fff\" />\n <path d=\"M42.5 26v19h141v95h16V26h-157z\" fill=\"#1952B3\" />\n <path\n d=\"M41 52h-4v4h4v-4zM48 52h-4v4h4v-4zM55 52h-4v4h4v-4z\"\n fill=\"#FF5100\"\n />\n <path\n d=\"M133 76H43v30h90V76zM166.5 76h-27v66h27V76zM133 112H43v30h90v-30z\"\n fill=\"#F4F5F6\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M188 42v121H44v-2H24V44h110.5v-2H188zM28 157V64h146v-4H28V48h106.5v2H180v105H44v2H28z\"\n fill=\"#000\"\n />\n <path\n d=\"M10.121 103L8 105.121l7.071 7.071 2.121-2.121-7.07-7.071zM17.121 144.243L15 142.121l-7.071 7.071 2.121 2.122 7.071-7.071zM0 125.121v3h11v-3H0z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n }\n)\n\nconst RecycleBin = React.forwardRef<HTMLDivElement, Props>(function RecycleBin(\n props,\n ref\n) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M189 200H12L22 175.024H179L189 200Z\" fill=\"#D6DADC\" />\n <path d=\"M23 65.1297L41 44.1499V65.1297H23Z\" fill=\"#232729\" />\n <path d=\"M179 65.1297L161 44.1499V65.1297H179Z\" fill=\"#232729\" />\n <path\n d=\"M87.7199 38.7052L85.0639 34.1595H41V37.3964V38.7052V41.3726V124.073H161V38.7052H87.7199Z\"\n fill=\"#1952B3\"\n />\n <path\n d=\"M86.17 53.204L83.2 48.1461H34V51.7404V53.204V56.1611V148.05H168V53.204H86.17Z\"\n fill=\"#D6DADC\"\n />\n <path d=\"M179 65.1297H23V175.024H179V65.1297Z\" fill=\"white\" />\n <path\n d=\"M175 69.1259V171.028H27V69.1259H175ZM179 65.1297H23V175.024H179V65.1297Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M80 177.022H21V97.099H28.9878V169.03H80V177.022Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M114.5 97.099H86.5C82.91 97.099 80 94.1918 80 90.6052V89.6062C80 86.0197 82.91 83.1125 86.5 83.1125H114.5C118.09 83.1125 121 86.0197 121 89.6062V90.6052C121 94.1918 118.09 97.099 114.5 97.099Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M142 154.044H60V108.088H142V154.044ZM64 150.004H138V112.128H64V150.004Z\"\n fill=\"#FF5200\"\n />\n <path d=\"M130 120.077H72V124.073H130V120.077Z\" fill=\"#D6DADC\" />\n <path d=\"M130 129.068H72V133.064H130V129.068Z\" fill=\"#D6DADC\" />\n <path d=\"M105.5 138.06H72V142.056H105.5V138.06Z\" fill=\"#D6DADC\" />\n <path\n d=\"M123.314 10.1116L121.192 7.99231L114.121 15.0566L116.243 17.1759L123.314 10.1116Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M82.0711 17.1049L84.1924 14.9856L77.1213 7.92131L75 10.0406L82.0711 17.1049Z\"\n fill=\"#232729\"\n />\n <path d=\"M101.192 0H98.1924V10.9894H101.192V0Z\" fill=\"#232729\" />\n </StyledSvg>\n </Image>\n )\n})\n\n/**\n\n We place empty states on pages where nothing has been created yet.\n They tell the user what they need to know about the page and how to get\n started creating or using the page’s main features.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-emptystate--demo)\n\n @see [Design Guidelines](https://design.procore.com/empty-state)\n\n */\nconst EmptyState_ = React.forwardRef<\n HTMLDivElement,\n DivAttributes & EmptyStateProps\n>(function EmptyState({ children, compact = false, title, ...props }, ref) {\n return (\n <StyledEmptyState compact={compact} {...props} ref={ref}>\n {children}\n </StyledEmptyState>\n )\n})\n\nEmptyState_.displayName = 'EmptyState'\n\nActions.displayName = 'EmptyState.Actions'\n\nDescription.displayName = 'EmptyState.Description'\n\nImage.displayName = 'EmptyState.Image'\n\nNoItems.displayName = 'EmptyState.NoResults'\n\nNoItemsWithoutCreatePermissions.displayName =\n 'EmptyState.NoItemsWithoutCreatePermissions'\n\nNoResults.displayName = 'EmptyState.NoResults'\n\nRecycleBin.displayName = 'EmptyState.RecyleBin'\n\nTitle.displayName = 'EmptyState.Title'\n\nexport const EmptyState = addSubcomponents(\n {\n Actions,\n Description,\n Image,\n NoItems,\n NoItemsWithoutCreatePermissions,\n NoResults,\n RecycleBin,\n Title,\n },\n EmptyState_\n)\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"EmptyState.js","names":["React","addSubcomponents","StyledActions","StyledDescription","StyledEmptyState","StyledImage","StyledSvg","StyledTitle","Image","forwardRef","_ref","ref","children","src","alt","props","_objectWithoutProperties","_excluded","createElement","_extends","Title","_ref2","_excluded2","Description","_ref3","_excluded3","Actions","_ref4","_excluded4","NoResults","width","height","viewBox","fill","xmlns","d","NoItems","NoItemsWithoutCreatePermissions","fillRule","clipRule","RecycleBin","EmptyState_","EmptyState","_ref5","_ref5$compact","compact","title","_excluded5","displayName"],"sources":["../../src/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { DivAttributes, ImgAttributes, Props } from '../_utils/types'\nimport {\n StyledActions,\n StyledDescription,\n StyledEmptyState,\n StyledImage,\n StyledSvg,\n StyledTitle,\n} from './EmptyState.styles'\nimport type { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types'\n\nconst Image = React.forwardRef<\n HTMLDivElement,\n ImgAttributes & DivAttributes & EmptyStateImageProps\n>(function Image({ children, src, alt, ...props }, ref) {\n return (\n <StyledImage aria-hidden={true} ref={ref} {...props}>\n {src ? <img alt={alt} src={src} /> : children}\n </StyledImage>\n )\n})\n\nconst Title = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Title({ children, ...props }, ref) {\n return (\n <StyledTitle {...props} ref={ref}>\n {children}\n </StyledTitle>\n )\n }\n)\n\nconst Description = React.forwardRef<\n HTMLDivElement,\n { as?: 'p' | 'div' } & DivAttributes & Props\n>(function Description({ children, ...props }, ref) {\n return (\n <StyledDescription {...props} ref={ref}>\n {children}\n </StyledDescription>\n )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, DivAttributes & Props>(\n function Actions({ children, ...props }, ref) {\n return (\n <StyledActions {...props} ref={ref}>\n {children}\n </StyledActions>\n )\n }\n)\n\n// preset images\n\nconst NoResults = React.forwardRef<HTMLDivElement, Props>(function NoResults(\n props,\n ref\n) {\n return (\n <Image aria-hidden={true} {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M72.94 132.45H25.97V54.5H0V143.5H79.13C76.58 140.15 74.49 136.43 72.94 132.45Z\"\n fill=\"#D6DADC\"\n />\n <path d=\"M141 30.5V41H25.86V119.5H13V30.5H141Z\" fill=\"#1952B3\" />\n <path d=\"M150 133H26V41H150V73.85V88.6V133Z\" fill=\"white\" />\n <path\n d=\"M117.5 152C142.629 152 163 131.629 163 106.5C163 81.3711 142.629 61 117.5 61C92.371 61 72 81.3711 72 106.5C72 131.629 92.371 152 117.5 152Z\"\n fill=\"white\"\n />\n <path\n d=\"M97.75 65.5H36.5V90.5H74.9C79.03 79.52 87.27 70.56 97.75 65.5Z\"\n fill=\"#F3F4F6\"\n />\n <path\n d=\"M72 106.5C72 103.06 72.39 99.72 73.12 96.5H36.5V121.5H74.54C72.9 116.8 72 111.76 72 106.5Z\"\n fill=\"#F3F4F6\"\n />\n <path d=\"M39.96 47.93H36.85V51.04H39.96V47.93Z\" fill=\"#232729\" />\n <path d=\"M45.4 47.93H42.29V51.04H45.4V47.93Z\" fill=\"#232729\" />\n <path d=\"M50.85 47.93H47.74V51.04H50.85V47.93Z\" fill=\"#232729\" />\n <path\n d=\"M157.59 138.1L155.4 140.29L151.7 136.59C158.77 128.56 163.07 118.05 163.07 106.54C163.07 96.64 159.89 87.48 154.5 80V39H153.5H146.5H106.5V41H25.5V133H80.5C88.77 144.54 102.28 152.08 117.53 152.08C128.76 152.08 139.05 147.98 147 141.22L150.74 144.96L148.55 147.15L183.74 182.34L192.79 173.29L157.59 138.1ZM148.74 73.43C148.72 73.41 148.69 73.38 148.67 73.36C148.7 73.38 148.72 73.41 148.74 73.43ZM29.5 129V58H139.5V54H29.5V45H106.5V47H146.5V71.43C138.62 64.92 128.52 61 117.53 61C92.42 61 71.99 81.43 71.99 106.54C71.99 114.7 74.16 122.37 77.94 129H29.5ZM117.53 145.41C96.1 145.41 78.66 127.97 78.66 106.54C78.66 85.11 96.1 67.67 117.53 67.67C138.96 67.67 156.4 85.1 156.4 106.54C156.4 127.98 138.96 145.41 117.53 145.41Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M183.73 182.33L148.54 147.14L150.73 144.95L146.99 141.21C139.04 147.98 128.75 152.07 117.52 152.07C92.41 152.07 71.98 131.64 71.98 106.53C71.98 104.73 72.1 102.96 72.3 101.22C70.71 105.85 69.83 110.81 69.83 115.97C69.83 141.08 90.26 161.51 115.37 161.51C126.6 161.51 136.89 157.41 144.84 150.65L148.58 154.39L146.39 156.58L181.58 191.77L190.63 182.72L186.98 179.07L183.73 182.33Z\"\n fill=\"#D6DADC\"\n />\n <path\n d=\"M127.4 88.15C125.04 86.17 121.71 85.18 117.42 85.18C113.11 85.18 109.76 86.25 107.37 88.4C104.98 90.55 103.77 93.55 103.73 97.4H113.49C113.53 95.96 113.9 94.81 114.62 93.96C115.33 93.11 116.27 92.69 117.42 92.69C119.92 92.69 121.18 94.14 121.18 97.05C121.18 98.24 120.81 99.34 120.07 100.33C119.33 101.32 118.25 102.41 116.82 103.61C115.4 104.8 114.37 106.21 113.73 107.84C113.1 109.47 112.78 111.69 112.78 114.5H121.04C121.08 113.04 121.28 111.83 121.65 110.88C122.01 109.93 122.67 109 123.61 108.09L126.93 105C128.34 103.63 129.36 102.29 129.99 100.98C130.63 99.67 130.94 98.22 130.94 96.62C130.93 92.96 129.76 90.14 127.4 88.15Z\"\n fill=\"#FF5200\"\n />\n <path\n d=\"M117 120.12C115.46 120.12 114.17 120.58 113.14 121.49C112.11 122.4 111.59 123.57 111.59 125C111.59 126.43 112.11 127.6 113.14 128.51C114.17 129.43 115.46 129.88 117 129.88C118.54 129.88 119.83 129.42 120.86 128.51C121.89 127.6 122.41 126.42 122.41 125C122.41 123.57 121.89 122.4 120.86 121.49C119.83 120.57 118.54 120.12 117 120.12Z\"\n fill=\"#FF5200\"\n />\n <path\n d=\"M141.314 19.1213L139.192 17L132.121 24.0711L134.243 26.1924L141.314 19.1213Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M100.071 26.1213L102.192 24L95.1213 16.9289L93 19.0503L100.071 26.1213Z\"\n fill=\"#232729\"\n />\n <path d=\"M119.192 9H116.192V20H119.192V9Z\" fill=\"#232729\" />\n <path\n d=\"M93 180.071L95.1213 182.192L102.192 175.121L100.071 173L93 180.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M134.243 173.071L132.121 175.192L139.192 182.263L141.314 180.142L134.243 173.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M115.121 190.192L118.121 190.192L118.121 179.192L115.121 179.192L115.121 190.192Z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n})\n\nconst NoItems = React.forwardRef<HTMLDivElement, Props>(function NoItems(\n props,\n ref\n) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M186 63V140H43V177H200V63H186Z\" fill=\"#D6DADC\" />\n <path d=\"M170.5 45H13.5V159H170.5V45Z\" fill=\"white\" />\n <path d=\"M29.5 26V45H170.5V140H186.5V26H29.5Z\" fill=\"#1952B3\" />\n <path\n d=\"M175 155V42H167H121.5V44H15H11V84H15V64H161V60H15V48H121.5V50H167V155H31V163H175V155Z\"\n fill=\"#232729\"\n />\n <path d=\"M28 52H24V56H28V52Z\" fill=\"#232729\" />\n <path d=\"M35 52H31V56H35V52Z\" fill=\"#232729\" />\n <path d=\"M42 52H38V56H42V52Z\" fill=\"#232729\" />\n <path d=\"M120 76H30V106H120V76Z\" fill=\"#F3F4F6\" />\n <path d=\"M153.5 76H126.5V142H153.5V76Z\" fill=\"#F3F4F6\" />\n <path d=\"M120 112H30V142H120V112Z\" fill=\"#F3F4F6\" />\n <path\n d=\"M44 120.77H26.23V103H17.77V120.77H0V129.23H17.77V147H26.23V129.23H44V120.77Z\"\n fill=\"#FF5100\"\n />\n <path\n d=\"M60.0711 146.314L62.1924 144.192L55.1213 137.121L53 139.243L60.0711 146.314Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M53.0711 105.071L55.1924 107.192L62.2634 100.121L60.1421 98L53.0711 105.071Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M70.1924 124.192V121.192H59.1924V124.192H70.1924Z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n})\n\nconst NoItemsWithoutCreatePermissions = React.forwardRef<HTMLDivElement, Props>(\n function NoItemsWithoutCreatePermissions(props, ref) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"213\"\n height=\"200\"\n viewBox=\"0 0 213 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M199 63v77H56v37h157V63h-14z\" fill=\"#D6DADC\" />\n <path d=\"M183.5 45h-157v114h157V45z\" fill=\"#fff\" />\n <path d=\"M42.5 26v19h141v95h16V26h-157z\" fill=\"#1952B3\" />\n <path\n d=\"M41 52h-4v4h4v-4zM48 52h-4v4h4v-4zM55 52h-4v4h4v-4z\"\n fill=\"#FF5100\"\n />\n <path\n d=\"M133 76H43v30h90V76zM166.5 76h-27v66h27V76zM133 112H43v30h90v-30z\"\n fill=\"#F4F5F6\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M188 42v121H44v-2H24V44h110.5v-2H188zM28 157V64h146v-4H28V48h106.5v2H180v105H44v2H28z\"\n fill=\"#000\"\n />\n <path\n d=\"M10.121 103L8 105.121l7.071 7.071 2.121-2.121-7.07-7.071zM17.121 144.243L15 142.121l-7.071 7.071 2.121 2.122 7.071-7.071zM0 125.121v3h11v-3H0z\"\n fill=\"#232729\"\n />\n </StyledSvg>\n </Image>\n )\n }\n)\n\nconst RecycleBin = React.forwardRef<HTMLDivElement, Props>(function RecycleBin(\n props,\n ref\n) {\n return (\n <Image {...props} ref={ref}>\n <StyledSvg\n width=\"200\"\n height=\"200\"\n viewBox=\"0 0 200 200\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M189 200H12L22 175.024H179L189 200Z\" fill=\"#D6DADC\" />\n <path d=\"M23 65.1297L41 44.1499V65.1297H23Z\" fill=\"#232729\" />\n <path d=\"M179 65.1297L161 44.1499V65.1297H179Z\" fill=\"#232729\" />\n <path\n d=\"M87.7199 38.7052L85.0639 34.1595H41V37.3964V38.7052V41.3726V124.073H161V38.7052H87.7199Z\"\n fill=\"#1952B3\"\n />\n <path\n d=\"M86.17 53.204L83.2 48.1461H34V51.7404V53.204V56.1611V148.05H168V53.204H86.17Z\"\n fill=\"#D6DADC\"\n />\n <path d=\"M179 65.1297H23V175.024H179V65.1297Z\" fill=\"white\" />\n <path\n d=\"M175 69.1259V171.028H27V69.1259H175ZM179 65.1297H23V175.024H179V65.1297Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M80 177.022H21V97.099H28.9878V169.03H80V177.022Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M114.5 97.099H86.5C82.91 97.099 80 94.1918 80 90.6052V89.6062C80 86.0197 82.91 83.1125 86.5 83.1125H114.5C118.09 83.1125 121 86.0197 121 89.6062V90.6052C121 94.1918 118.09 97.099 114.5 97.099Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M142 154.044H60V108.088H142V154.044ZM64 150.004H138V112.128H64V150.004Z\"\n fill=\"#FF5200\"\n />\n <path d=\"M130 120.077H72V124.073H130V120.077Z\" fill=\"#D6DADC\" />\n <path d=\"M130 129.068H72V133.064H130V129.068Z\" fill=\"#D6DADC\" />\n <path d=\"M105.5 138.06H72V142.056H105.5V138.06Z\" fill=\"#D6DADC\" />\n <path\n d=\"M123.314 10.1116L121.192 7.99231L114.121 15.0566L116.243 17.1759L123.314 10.1116Z\"\n fill=\"#232729\"\n />\n <path\n d=\"M82.0711 17.1049L84.1924 14.9856L77.1213 7.92131L75 10.0406L82.0711 17.1049Z\"\n fill=\"#232729\"\n />\n <path d=\"M101.192 0H98.1924V10.9894H101.192V0Z\" fill=\"#232729\" />\n </StyledSvg>\n </Image>\n )\n})\n\n/**\n\n We place empty states on pages where nothing has been created yet.\n They tell the user what they need to know about the page and how to get\n started creating or using the page’s main features.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-emptystate--demo)\n\n @see [Design Guidelines](https://design.procore.com/empty-state)\n\n */\nconst EmptyState_ = React.forwardRef<\n HTMLDivElement,\n DivAttributes & EmptyStateProps\n>(function EmptyState({ children, compact = false, title, ...props }, ref) {\n return (\n <StyledEmptyState compact={compact} {...props} ref={ref}>\n {children}\n </StyledEmptyState>\n )\n})\n\nEmptyState_.displayName = 'EmptyState'\n\nActions.displayName = 'EmptyState.Actions'\n\nDescription.displayName = 'EmptyState.Description'\n\nImage.displayName = 'EmptyState.Image'\n\nNoItems.displayName = 'EmptyState.NoResults'\n\nNoItemsWithoutCreatePermissions.displayName =\n 'EmptyState.NoItemsWithoutCreatePermissions'\n\nNoResults.displayName = 'EmptyState.NoResults'\n\nRecycleBin.displayName = 'EmptyState.RecyleBin'\n\nTitle.displayName = 'EmptyState.Title'\n\nexport const EmptyState = addSubcomponents(\n {\n Actions,\n Description,\n Image,\n NoItems,\n NoItemsWithoutCreatePermissions,\n NoResults,\n RecycleBin,\n Title,\n },\n EmptyState_\n)\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SACEC,aAAa,EACbC,iBAAiB,EACjBC,gBAAgB,EAChBC,WAAW,EACXC,SAAS,EACTC,WAAW,QACN,qBAAqB;AAG5B,IAAMC,KAAK,gBAAGR,KAAK,CAACS,UAAU,CAG5B,SAASD,KAAKA,CAAAE,IAAA,EAAmCC,GAAG,EAAE;EAAA,IAArCC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IAAEC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAC7C,oBACEjB,KAAA,CAAAkB,aAAA,CAACb,WAAW,EAAAc,QAAA;IAAC,eAAa,IAAK;IAACR,GAAG,EAAEA;EAAI,GAAKI,KAAK,GAChDF,GAAG,gBAAGb,KAAA,CAAAkB,aAAA;IAAKJ,GAAG,EAAEA,GAAI;IAACD,GAAG,EAAEA;EAAI,CAAE,CAAC,GAAGD,QAC1B,CAAC;AAElB,CAAC,CAAC;AAEF,IAAMQ,KAAK,gBAAGpB,KAAK,CAACS,UAAU,CAC5B,SAASW,KAAKA,CAAAC,KAAA,EAAyBV,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAS,KAAA,CAART,QAAQ;IAAKG,KAAK,GAAAC,wBAAA,CAAAK,KAAA,EAAAC,UAAA;EACjC,oBACEtB,KAAA,CAAAkB,aAAA,CAACX,WAAW,EAAAY,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,IAC9BC,QACU,CAAC;AAElB,CACF,CAAC;AAED,IAAMW,WAAW,gBAAGvB,KAAK,CAACS,UAAU,CAGlC,SAASc,WAAWA,CAAAC,KAAA,EAAyBb,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAY,KAAA,CAARZ,QAAQ;IAAKG,KAAK,GAAAC,wBAAA,CAAAQ,KAAA,EAAAC,UAAA;EACzC,oBACEzB,KAAA,CAAAkB,aAAA,CAACf,iBAAiB,EAAAgB,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,IACpCC,QACgB,CAAC;AAExB,CAAC,CAAC;AAEF,IAAMc,OAAO,gBAAG1B,KAAK,CAACS,UAAU,CAC9B,SAASiB,OAAOA,CAAAC,KAAA,EAAyBhB,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAKG,KAAK,GAAAC,wBAAA,CAAAW,KAAA,EAAAC,UAAA;EACnC,oBACE5B,KAAA,CAAAkB,aAAA,CAAChB,aAAa,EAAAiB,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,IAChCC,QACY,CAAC;AAEpB,CACF,CAAC;;AAED;;AAEA,IAAMiB,SAAS,gBAAG7B,KAAK,CAACS,UAAU,CAAwB,SAASoB,SAASA,CAC1Ed,KAAK,EACLJ,GAAG,EACH;EACA,oBACEX,KAAA,CAAAkB,aAAA,CAACV,KAAK,EAAAW,QAAA;IAAC,eAAa;EAAK,GAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,iBAC5CX,KAAA,CAAAkB,aAAA,CAACZ,SAAS;IACRwB,KAAK,EAAC,KAAK;IACXC,MAAM,EAAC,KAAK;IACZC,OAAO,EAAC,aAAa;IACrBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC;EAA4B,gBAElClC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,gFAAgF;IAClFF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,uCAAuC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eACjEjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,oCAAoC;IAACF,IAAI,EAAC;EAAO,CAAE,CAAC,eAC5DjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,6IAA6I;IAC/IF,IAAI,EAAC;EAAO,CACb,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,gEAAgE;IAClEF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,4FAA4F;IAC9FF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,uCAAuC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eACjEjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,qCAAqC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAC/DjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,uCAAuC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eACjEjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,ktBAAktB;IACptBF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,6XAA6X;IAC/XF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,ynBAAynB;IAC3nBF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,8UAA8U;IAChVF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,8EAA8E;IAChFF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,yEAAyE;IAC3EF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,kCAAkC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAC5DjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,qEAAqE;IACvEF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,mFAAmF;IACrFF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,mFAAmF;IACrFF,IAAI,EAAC;EAAS,CACf,CACQ,CACN,CAAC;AAEZ,CAAC,CAAC;AAEF,IAAMG,OAAO,gBAAGpC,KAAK,CAACS,UAAU,CAAwB,SAAS2B,OAAOA,CACtErB,KAAK,EACLJ,GAAG,EACH;EACA,oBACEX,KAAA,CAAAkB,aAAA,CAACV,KAAK,EAAAW,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,iBACzBX,KAAA,CAAAkB,aAAA,CAACZ,SAAS;IACRwB,KAAK,EAAC,KAAK;IACXC,MAAM,EAAC,KAAK;IACZC,OAAO,EAAC,aAAa;IACrBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC;EAA4B,gBAElClC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,gCAAgC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAC1DjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,8BAA8B;IAACF,IAAI,EAAC;EAAO,CAAE,CAAC,eACtDjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,sCAAsC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAChEjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,uFAAuF;IACzFF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,qBAAqB;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAC/CjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,qBAAqB;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAC/CjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,qBAAqB;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAC/CjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,wBAAwB;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAClDjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,+BAA+B;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eACzDjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,0BAA0B;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eACpDjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,8EAA8E;IAChFF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,8EAA8E;IAChFF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,8EAA8E;IAChFF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,mDAAmD;IACrDF,IAAI,EAAC;EAAS,CACf,CACQ,CACN,CAAC;AAEZ,CAAC,CAAC;AAEF,IAAMI,+BAA+B,gBAAGrC,KAAK,CAACS,UAAU,CACtD,SAAS4B,+BAA+BA,CAACtB,KAAK,EAAEJ,GAAG,EAAE;EACnD,oBACEX,KAAA,CAAAkB,aAAA,CAACV,KAAK,EAAAW,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,iBACzBX,KAAA,CAAAkB,aAAA,CAACZ,SAAS;IACRwB,KAAK,EAAC,KAAK;IACXC,MAAM,EAAC,KAAK;IACZC,OAAO,EAAC,aAAa;IACrBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC;EAA4B,gBAElClC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,8BAA8B;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eACxDjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,4BAA4B;IAACF,IAAI,EAAC;EAAM,CAAE,CAAC,eACnDjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,gCAAgC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAC1DjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,qDAAqD;IACvDF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,mEAAmE;IACrEF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEoB,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBJ,CAAC,EAAC,uFAAuF;IACzFF,IAAI,EAAC;EAAM,CACZ,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,gJAAgJ;IAClJF,IAAI,EAAC;EAAS,CACf,CACQ,CACN,CAAC;AAEZ,CACF,CAAC;AAED,IAAMO,UAAU,gBAAGxC,KAAK,CAACS,UAAU,CAAwB,SAAS+B,UAAUA,CAC5EzB,KAAK,EACLJ,GAAG,EACH;EACA,oBACEX,KAAA,CAAAkB,aAAA,CAACV,KAAK,EAAAW,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,iBACzBX,KAAA,CAAAkB,aAAA,CAACZ,SAAS;IACRwB,KAAK,EAAC,KAAK;IACXC,MAAM,EAAC,KAAK;IACZC,OAAO,EAAC,aAAa;IACrBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC;EAA4B,gBAElClC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,qCAAqC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAC/DjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,oCAAoC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAC9DjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,uCAAuC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eACjEjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,0FAA0F;IAC5FF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,+EAA+E;IACjFF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,sCAAsC;IAACF,IAAI,EAAC;EAAO,CAAE,CAAC,eAC9DjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,0EAA0E;IAC5EF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,kDAAkD;IACpDF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,kMAAkM;IACpMF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,yEAAyE;IAC3EF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,sCAAsC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAChEjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,sCAAsC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAChEjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,wCAAwC;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAClEjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,mFAAmF;IACrFF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IACEiB,CAAC,EAAC,8EAA8E;IAChFF,IAAI,EAAC;EAAS,CACf,CAAC,eACFjC,KAAA,CAAAkB,aAAA;IAAMiB,CAAC,EAAC,uCAAuC;IAACF,IAAI,EAAC;EAAS,CAAE,CACvD,CACN,CAAC;AAEZ,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMQ,WAAW,gBAAGzC,KAAK,CAACS,UAAU,CAGlC,SAASiC,UAAUA,CAAAC,KAAA,EAAiDhC,GAAG,EAAE;EAAA,IAAnDC,QAAQ,GAAA+B,KAAA,CAAR/B,QAAQ;IAAAgC,aAAA,GAAAD,KAAA,CAAEE,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,KAAK,GAAAH,KAAA,CAALG,KAAK;IAAK/B,KAAK,GAAAC,wBAAA,CAAA2B,KAAA,EAAAI,UAAA;EAChE,oBACE/C,KAAA,CAAAkB,aAAA,CAACd,gBAAgB,EAAAe,QAAA;IAAC0B,OAAO,EAAEA;EAAQ,GAAK9B,KAAK;IAAEJ,GAAG,EAAEA;EAAI,IACrDC,QACe,CAAC;AAEvB,CAAC,CAAC;AAEF6B,WAAW,CAACO,WAAW,GAAG,YAAY;AAEtCtB,OAAO,CAACsB,WAAW,GAAG,oBAAoB;AAE1CzB,WAAW,CAACyB,WAAW,GAAG,wBAAwB;AAElDxC,KAAK,CAACwC,WAAW,GAAG,kBAAkB;AAEtCZ,OAAO,CAACY,WAAW,GAAG,sBAAsB;AAE5CX,+BAA+B,CAACW,WAAW,GACzC,4CAA4C;AAE9CnB,SAAS,CAACmB,WAAW,GAAG,sBAAsB;AAE9CR,UAAU,CAACQ,WAAW,GAAG,sBAAsB;AAE/C5B,KAAK,CAAC4B,WAAW,GAAG,kBAAkB;AAEtC,OAAO,IAAMN,UAAU,GAAGzC,gBAAgB,CACxC;EACEyB,OAAO,EAAPA,OAAO;EACPH,WAAW,EAAXA,WAAW;EACXf,KAAK,EAALA,KAAK;EACL4B,OAAO,EAAPA,OAAO;EACPC,+BAA+B,EAA/BA,+BAA+B;EAC/BR,SAAS,EAATA,SAAS;EACTW,UAAU,EAAVA,UAAU;EACVpB,KAAK,EAALA;AACF,CAAC,EACDqB,WACF,CAAC"}
|
|
@@ -6,27 +6,27 @@ var emptyStateWidth = 440;
|
|
|
6
6
|
var emptyStateWidthCompact = 352;
|
|
7
7
|
export var StyledSvg = /*#__PURE__*/styled.svg.withConfig({
|
|
8
8
|
displayName: "StyledSvg",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-11_26_2__sc-1xaoo8n-0"
|
|
10
10
|
})(["width:200px;height:200px;"]);
|
|
11
11
|
export var StyledImage = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledImage",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_26_2__sc-1xaoo8n-1"
|
|
14
14
|
})([""]);
|
|
15
15
|
export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
|
|
16
16
|
displayName: "StyledTitle",
|
|
17
|
-
componentId: "core-
|
|
17
|
+
componentId: "core-11_26_2__sc-1xaoo8n-2"
|
|
18
18
|
})(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.xl, colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
|
|
19
19
|
export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
|
|
20
20
|
displayName: "StyledDescription",
|
|
21
|
-
componentId: "core-
|
|
21
|
+
componentId: "core-11_26_2__sc-1xaoo8n-3"
|
|
22
22
|
})(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('h3'));
|
|
23
23
|
export var StyledActions = /*#__PURE__*/styled.div.withConfig({
|
|
24
24
|
displayName: "StyledActions",
|
|
25
|
-
componentId: "core-
|
|
25
|
+
componentId: "core-11_26_2__sc-1xaoo8n-4"
|
|
26
26
|
})(["margin-top:", "px;"], spacing.xl);
|
|
27
27
|
export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
|
|
28
28
|
displayName: "StyledEmptyState",
|
|
29
|
-
componentId: "core-
|
|
29
|
+
componentId: "core-11_26_2__sc-1xaoo8n-5"
|
|
30
30
|
})(["display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:", "px;margin-bottom:", "px;", "{> img{max-width:200px;}}", "}"], function (_ref) {
|
|
31
31
|
var compact = _ref.compact;
|
|
32
32
|
return compact ? 0 : 96;
|
|
@@ -2,14 +2,14 @@ import styled from 'styled-components';
|
|
|
2
2
|
import { getSmallIconBodyTextRules, StyledP } from '../Semantic/Semantic.styles';
|
|
3
3
|
export var StyledField = /*#__PURE__*/styled.div.withConfig({
|
|
4
4
|
displayName: "StyledField",
|
|
5
|
-
componentId: "core-
|
|
5
|
+
componentId: "core-11_26_2__sc-1q3pe6s-0"
|
|
6
6
|
})(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
|
|
7
7
|
export var StyledFieldHeader = /*#__PURE__*/styled.div.withConfig({
|
|
8
8
|
displayName: "StyledFieldHeader",
|
|
9
|
-
componentId: "core-
|
|
9
|
+
componentId: "core-11_26_2__sc-1q3pe6s-1"
|
|
10
10
|
})(["", " > ", "{", "}"], getSmallIconBodyTextRules, StyledP, getSmallIconBodyTextRules);
|
|
11
11
|
export var StyledFieldFooter = /*#__PURE__*/styled.div.withConfig({
|
|
12
12
|
displayName: "StyledFieldFooter",
|
|
13
|
-
componentId: "core-
|
|
13
|
+
componentId: "core-11_26_2__sc-1q3pe6s-2"
|
|
14
14
|
})(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
|
|
15
15
|
//# sourceMappingURL=Field.styles.js.map
|
|
@@ -5,7 +5,7 @@ import type { FileListItemProps, FileListProps } from './FileList.types';
|
|
|
5
5
|
|
|
6
6
|
@since 10.19.0
|
|
7
7
|
|
|
8
|
-
@see [Storybook](https://procore.
|
|
8
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-filelist--demo)
|
|
9
9
|
|
|
10
10
|
@see [Design Guidelines](https://design.procore.com/file-list)
|
|
11
11
|
|
|
@@ -15,7 +15,7 @@ import { StyledFileListDownloadAll, StyledFileListItem, StyledFileListItemDownlo
|
|
|
15
15
|
|
|
16
16
|
@since 10.19.0
|
|
17
17
|
|
|
18
|
-
@see [Storybook](https://procore.
|
|
18
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-filelist--demo)
|
|
19
19
|
|
|
20
20
|
@see [Design Guidelines](https://design.procore.com/file-list)
|
|
21
21
|
|