@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","names":["React","clamp","maxProgressValue","minProgressValue","StyledProgressBar","StyledProgressBarLoader","finalAnimationDuration","ProgressBar","forwardRef","_ref","ref","_ref$animated","animated","value","props","_objectWithoutProperties","_excluded","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isFinalized","setFinalized","_React$useState3","_React$useState4","isProgressComplete","setProgressComplete","didMountRef","useRef","useEffect","current","timerId","window","setTimeout","clearTimeout","clampedValue","createElement","_extends","$complete","$finalized","role","displayName"],"sources":["../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\nimport { clamp, maxProgressValue, minProgressValue } from '../Loader/Loader'\nimport {\n StyledProgressBar,\n StyledProgressBarLoader,\n} from './ProgressBar.styles'\nimport type { ProgressBarProps } from './ProgressBar.types'\n\nconst finalAnimationDuration = 900\n\n/**\n\n Progress bars visually show system loading progress, such as uploading a file\n or loading a page, as well as user progress, like filling out a form.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","names":["React","clamp","maxProgressValue","minProgressValue","StyledProgressBar","StyledProgressBarLoader","finalAnimationDuration","ProgressBar","forwardRef","_ref","ref","_ref$animated","animated","value","props","_objectWithoutProperties","_excluded","isProgressValueComplete","_React$useState","useState","_React$useState2","_slicedToArray","isFinalized","setFinalized","_React$useState3","_React$useState4","isProgressComplete","setProgressComplete","didMountRef","useRef","useEffect","current","timerId","window","setTimeout","clearTimeout","clampedValue","createElement","_extends","$complete","$finalized","role","displayName"],"sources":["../../src/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react'\nimport { clamp, maxProgressValue, minProgressValue } from '../Loader/Loader'\nimport {\n StyledProgressBar,\n StyledProgressBarLoader,\n} from './ProgressBar.styles'\nimport type { ProgressBarProps } from './ProgressBar.types'\n\nconst finalAnimationDuration = 900\n\n/**\n\n Progress bars visually show system loading progress, such as uploading a file\n or loading a page, as well as user progress, like filling out a form.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-progressbar--demo)\n\n @see [Design Guidelines](https://design.procore.com/progress-bar)\n\n */\nexport const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>(\n function ProgressBar({ animated = false, value, ...props }, ref) {\n const isProgressValueComplete = value >= maxProgressValue\n const [isFinalized, setFinalized] = React.useState(false)\n const [isProgressComplete, setProgressComplete] = React.useState(\n isProgressValueComplete\n )\n const didMountRef = React.useRef(false)\n\n React.useEffect(() => {\n const isFinalized = didMountRef.current && isProgressValueComplete\n const timerId: number | null = isFinalized\n ? window.setTimeout(() => {\n setFinalized(false)\n }, finalAnimationDuration)\n : null\n\n setProgressComplete(isProgressValueComplete)\n setFinalized(isFinalized)\n\n if (!didMountRef.current) {\n didMountRef.current = true\n }\n\n return () => {\n timerId && clearTimeout(timerId)\n }\n }, [isProgressValueComplete])\n\n const clampedValue = clamp(value)\n\n return (\n <StyledProgressBar\n $complete={isProgressComplete}\n $finalized={isFinalized}\n ref={ref}\n role=\"progressbar\"\n aria-valuenow={clampedValue}\n aria-valuemin={minProgressValue}\n aria-valuemax={maxProgressValue}\n {...props}\n aria-valuetext={\n typeof props['aria-valuetext'] === 'function'\n ? props['aria-valuetext']({ value: clampedValue })\n : props['aria-valuetext']\n }\n >\n <StyledProgressBarLoader value={value} animated={animated} />\n </StyledProgressBar>\n )\n }\n)\n\nProgressBar.displayName = 'ProgressBar'\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,kBAAkB;AAC5E,SACEC,iBAAiB,EACjBC,uBAAuB,QAClB,sBAAsB;AAG7B,IAAMC,sBAAsB,GAAG,GAAG;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGP,KAAK,CAACQ,UAAU,CACzC,SAASD,WAAWA,CAAAE,IAAA,EAAwCC,GAAG,EAAE;EAAA,IAAAC,aAAA,GAAAF,IAAA,CAA1CG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACtD,IAAMC,uBAAuB,GAAGJ,KAAK,IAAIX,gBAAgB;EACzD,IAAAgB,eAAA,GAAoClB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAlDI,WAAW,GAAAF,gBAAA;IAAEG,YAAY,GAAAH,gBAAA;EAChC,IAAAI,gBAAA,GAAkDxB,KAAK,CAACmB,QAAQ,CAC9DF,uBACF,CAAC;IAAAQ,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAFME,kBAAkB,GAAAD,gBAAA;IAAEE,mBAAmB,GAAAF,gBAAA;EAG9C,IAAMG,WAAW,GAAG5B,KAAK,CAAC6B,MAAM,CAAC,KAAK,CAAC;EAEvC7B,KAAK,CAAC8B,SAAS,CAAC,YAAM;IACpB,IAAMR,WAAW,GAAGM,WAAW,CAACG,OAAO,IAAId,uBAAuB;IAClE,IAAMe,OAAsB,GAAGV,WAAW,GACtCW,MAAM,CAACC,UAAU,CAAC,YAAM;MACtBX,YAAY,CAAC,KAAK,CAAC;IACrB,CAAC,EAAEjB,sBAAsB,CAAC,GAC1B,IAAI;IAERqB,mBAAmB,CAACV,uBAAuB,CAAC;IAC5CM,YAAY,CAACD,WAAW,CAAC;IAEzB,IAAI,CAACM,WAAW,CAACG,OAAO,EAAE;MACxBH,WAAW,CAACG,OAAO,GAAG,IAAI;IAC5B;IAEA,OAAO,YAAM;MACXC,OAAO,IAAIG,YAAY,CAACH,OAAO,CAAC;IAClC,CAAC;EACH,CAAC,EAAE,CAACf,uBAAuB,CAAC,CAAC;EAE7B,IAAMmB,YAAY,GAAGnC,KAAK,CAACY,KAAK,CAAC;EAEjC,oBACEb,KAAA,CAAAqC,aAAA,CAACjC,iBAAiB,EAAAkC,QAAA;IAChBC,SAAS,EAAEb,kBAAmB;IAC9Bc,UAAU,EAAElB,WAAY;IACxBZ,GAAG,EAAEA,GAAI;IACT+B,IAAI,EAAC,aAAa;IAClB,iBAAeL,YAAa;IAC5B,iBAAejC,gBAAiB;IAChC,iBAAeD;EAAiB,GAC5BY,KAAK;IACT,kBACE,OAAOA,KAAK,CAAC,gBAAgB,CAAC,KAAK,UAAU,GACzCA,KAAK,CAAC,gBAAgB,CAAC,CAAC;MAAED,KAAK,EAAEuB;IAAa,CAAC,CAAC,GAChDtB,KAAK,CAAC,gBAAgB;EAC3B,iBAEDd,KAAA,CAAAqC,aAAA,CAAChC,uBAAuB;IAACQ,KAAK,EAAEA,KAAM;IAACD,QAAQ,EAAEA;EAAS,CAAE,CAC3C,CAAC;AAExB,CACF,CAAC;AAEDL,WAAW,CAACmC,WAAW,GAAG,aAAa"}
|
|
@@ -7,11 +7,11 @@ var animationDelay = '300ms';
|
|
|
7
7
|
var fadeIn = /*#__PURE__*/keyframes(["from{opacity:1;}to{opacity:0;}"]);
|
|
8
8
|
export var StyledProgressBarLoader = /*#__PURE__*/styled(Loader).withConfig({
|
|
9
9
|
displayName: "StyledProgressBarLoader",
|
|
10
|
-
componentId: "core-
|
|
10
|
+
componentId: "core-11_26_2__sc-vdy2wl-0"
|
|
11
11
|
})([""]);
|
|
12
12
|
export var StyledProgressBar = /*#__PURE__*/styled.div.withConfig({
|
|
13
13
|
displayName: "StyledProgressBar",
|
|
14
|
-
componentId: "core-
|
|
14
|
+
componentId: "core-11_26_2__sc-vdy2wl-1"
|
|
15
15
|
})(["overflow:hidden;position:relative;display:block;height:", "px;background-color:", ";border-radius:", "px;margin:", "px 0;transition:background-color 0s linear;", " ", ""], loaderGridUnit, function (_ref) {
|
|
16
16
|
var $complete = _ref.$complete;
|
|
17
17
|
return $complete ? colors.blue50 : colors.gray94;
|
|
@@ -9,7 +9,7 @@ import type { RadioButtonProps } from './RadioButton.types';
|
|
|
9
9
|
|
|
10
10
|
@since 10.19.0
|
|
11
11
|
|
|
12
|
-
@see [Storybook](https://procore.
|
|
12
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-radiobutton--demo)
|
|
13
13
|
|
|
14
14
|
@see [Design Guidelines](https://design.procore.com/radio-button)
|
|
15
15
|
|
|
@@ -13,7 +13,7 @@ import { StyledRadioButton, StyledRadioButtonInput, StyledRadioButtonLabel } fro
|
|
|
13
13
|
|
|
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-radiobutton--demo)
|
|
17
17
|
|
|
18
18
|
@see [Design Guidelines](https://design.procore.com/radio-button)
|
|
19
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","names":["React","StyledRadioButton","StyledRadioButtonInput","StyledRadioButtonLabel","RadioButton","forwardRef","_ref","ref","children","className","_ref$error","error","style","props","_objectWithoutProperties","_excluded","createElement","$children","$error","_extends","type","displayName"],"sources":["../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import React from 'react'\nimport {\n StyledRadioButton,\n StyledRadioButtonInput,\n StyledRadioButtonLabel,\n} from './RadioButton.styles'\nimport type { RadioButtonProps } from './RadioButton.types'\n\n/**\n\n We use radio buttons to allow users to select a single, exclusive option from\n a list of multiple options.\n\n To present options in a dropdown, use a single select.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.
|
|
1
|
+
{"version":3,"file":"RadioButton.js","names":["React","StyledRadioButton","StyledRadioButtonInput","StyledRadioButtonLabel","RadioButton","forwardRef","_ref","ref","children","className","_ref$error","error","style","props","_objectWithoutProperties","_excluded","createElement","$children","$error","_extends","type","displayName"],"sources":["../../src/RadioButton/RadioButton.tsx"],"sourcesContent":["import React from 'react'\nimport {\n StyledRadioButton,\n StyledRadioButtonInput,\n StyledRadioButtonLabel,\n} from './RadioButton.styles'\nimport type { RadioButtonProps } from './RadioButton.types'\n\n/**\n\n We use radio buttons to allow users to select a single, exclusive option from\n a list of multiple options.\n\n To present options in a dropdown, use a single select.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-radiobutton--demo)\n\n @see [Design Guidelines](https://design.procore.com/radio-button)\n\n */\nexport const RadioButton = React.forwardRef<\n HTMLInputElement,\n React.InputHTMLAttributes<HTMLInputElement> & RadioButtonProps\n>(function RadioButton(\n { children, className, error = false, style, ...props },\n ref\n) {\n return (\n <StyledRadioButton\n className={className}\n style={style}\n $children={children}\n $error={error}\n >\n <StyledRadioButtonInput type=\"radio\" ref={ref} {...props} />\n <StyledRadioButtonLabel>{children}</StyledRadioButtonLabel>\n </StyledRadioButton>\n )\n})\n\nRadioButton.displayName = 'RadioButton'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,sBAAsB,QACjB,sBAAsB;AAG7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,WAAW,gBAAGJ,KAAK,CAACK,UAAU,CAGzC,SAASD,WAAWA,CAAAE,IAAA,EAEpBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,UAAA,GAAAJ,IAAA,CAAEK,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAEE,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAKC,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGrD,oBACEf,KAAA,CAAAgB,aAAA,CAACf,iBAAiB;IAChBQ,SAAS,EAAEA,SAAU;IACrBG,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAET,QAAS;IACpBU,MAAM,EAAEP;EAAM,gBAEdX,KAAA,CAAAgB,aAAA,CAACd,sBAAsB,EAAAiB,QAAA;IAACC,IAAI,EAAC,OAAO;IAACb,GAAG,EAAEA;EAAI,GAAKM,KAAK,CAAG,CAAC,eAC5Db,KAAA,CAAAgB,aAAA,CAACb,sBAAsB,QAAEK,QAAiC,CACzC,CAAC;AAExB,CAAC,CAAC;AAEFJ,WAAW,CAACiB,WAAW,GAAG,aAAa"}
|
|
@@ -9,7 +9,7 @@ export var dataQa = {
|
|
|
9
9
|
var radioButtonSize = 20;
|
|
10
10
|
export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
|
|
11
11
|
displayName: "StyledRadioButton",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_26_2__sc-nd95zs-0"
|
|
13
13
|
})(["color:", ";display:flex;position:relative;vertical-align:middle;& + &{margin-top:", "px;}", " ", ""], colors.gray15, spacing.md, function (_ref) {
|
|
14
14
|
var $error = _ref.$error;
|
|
15
15
|
return $error && css(["", ":before,", ":checked:not(:disabled) + ", ":before{border-color:", ";}", ":checked:disabled + ", ":before{border-color:", ";}"], StyledRadioButtonLabel, StyledRadioButtonInput, StyledRadioButtonLabel, colors.red50, StyledRadioButtonInput, StyledRadioButtonLabel, colors.gray85);
|
|
@@ -19,10 +19,10 @@ export var StyledRadioButton = /*#__PURE__*/styled.label.withConfig({
|
|
|
19
19
|
});
|
|
20
20
|
export var StyledRadioButtonLabel = /*#__PURE__*/styled.span.withConfig({
|
|
21
21
|
displayName: "StyledRadioButtonLabel",
|
|
22
|
-
componentId: "core-
|
|
22
|
+
componentId: "core-11_26_2__sc-nd95zs-1"
|
|
23
23
|
})(["", ";cursor:default;display:flex;&:before{background:", ";border-radius:100%;border:2px solid ", ";content:'';display:inline-block;flex:0;height:", "px;min-width:", "px;width:", "px;}"], getTypographyIntent('body'), colors.white, colors.gray70, radioButtonSize, radioButtonSize, radioButtonSize);
|
|
24
24
|
export var StyledRadioButtonInput = /*#__PURE__*/styled.input.withConfig({
|
|
25
25
|
displayName: "StyledRadioButtonInput",
|
|
26
|
-
componentId: "core-
|
|
26
|
+
componentId: "core-11_26_2__sc-nd95zs-2"
|
|
27
27
|
})(["left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;&:focus:not(:checked),&[data-qa=", "]:not(:checked){&:not(:disabled) + ", ":before{", "}}&:focus:checked:not(:disabled),&[data-qa=", "]:checked:not(:disabled){+ ", ":before{box-shadow:0 0 0 2px ", ";}}&:checked + ", ":before{border:6px solid ", ";}&:disabled + ", ":before{border-color:", ";}&:disabled:checked + ", ":before{border-color:", ";}"], dataQa.focused, StyledRadioButtonLabel, getFocus(), dataQa.focused, StyledRadioButtonLabel, colors.blue40, StyledRadioButtonLabel, colors.blue50, StyledRadioButtonLabel, colors.gray85, StyledRadioButtonLabel, colors.blue85);
|
|
28
28
|
//# sourceMappingURL=RadioButton.styles.js.map
|
|
@@ -4,7 +4,7 @@ import type { RequiredProps } from './Required.types';
|
|
|
4
4
|
|
|
5
5
|
@since 10.19.0
|
|
6
6
|
|
|
7
|
-
@see [Storybook](https://procore.
|
|
7
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-required--demo)
|
|
8
8
|
|
|
9
9
|
*/
|
|
10
10
|
export declare const Required: React.ForwardRefExoticComponent<RequiredProps & React.RefAttributes<HTMLSpanElement>>;
|
|
@@ -9,7 +9,7 @@ import { StyledRequiredContainer, StyledRequiredMark, StyledRequiredText } from
|
|
|
9
9
|
|
|
10
10
|
@since 10.19.0
|
|
11
11
|
|
|
12
|
-
@see [Storybook](https://procore.
|
|
12
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-required--demo)
|
|
13
13
|
|
|
14
14
|
*/
|
|
15
15
|
export var Required = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Required.js","names":["React","useI18nContext","StyledRequiredContainer","StyledRequiredMark","StyledRequiredText","Required","forwardRef","_ref","ref","children","_ref$i18nScope","i18nScope","_ref$showLabel","showLabel","props","_objectWithoutProperties","_excluded","I18n","labelOrChildren","Boolean","createElement","_extends","$showLabel","t","scope","displayName"],"sources":["../../src/Required/Required.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n StyledRequiredContainer,\n StyledRequiredMark,\n StyledRequiredText,\n} from './Required.styles'\nimport type { RequiredProps } from './Required.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://procore.
|
|
1
|
+
{"version":3,"file":"Required.js","names":["React","useI18nContext","StyledRequiredContainer","StyledRequiredMark","StyledRequiredText","Required","forwardRef","_ref","ref","children","_ref$i18nScope","i18nScope","_ref$showLabel","showLabel","props","_objectWithoutProperties","_excluded","I18n","labelOrChildren","Boolean","createElement","_extends","$showLabel","t","scope","displayName"],"sources":["../../src/Required/Required.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n StyledRequiredContainer,\n StyledRequiredMark,\n StyledRequiredText,\n} from './Required.styles'\nimport type { RequiredProps } from './Required.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-required--demo)\n\n */\nexport const Required = React.forwardRef<HTMLSpanElement, RequiredProps>(\n (\n { children, i18nScope = 'core.required', showLabel = false, ...props },\n ref\n ) => {\n const I18n = useI18nContext()\n const labelOrChildren = showLabel || Boolean(children)\n\n return (\n <StyledRequiredContainer {...props} ref={ref}>\n <StyledRequiredMark $showLabel={labelOrChildren}>*</StyledRequiredMark>\n {labelOrChildren ? (\n <StyledRequiredText>\n {children\n ? children\n : I18n.t('requiredFields', { scope: i18nScope })}\n </StyledRequiredText>\n ) : null}\n </StyledRequiredContainer>\n )\n }\n)\n\nRequired.displayName = 'Required'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,uBAAuB,EACvBC,kBAAkB,EAClBC,kBAAkB,QACb,mBAAmB;AAG1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGL,KAAK,CAACM,UAAU,CACtC,UAAAC,IAAA,EAEEC,GAAG,EACA;EAAA,IAFDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,eAAe,GAAAA,cAAA;IAAAE,cAAA,GAAAL,IAAA,CAAEM,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAGpE,IAAMC,IAAI,GAAGhB,cAAc,CAAC,CAAC;EAC7B,IAAMiB,eAAe,GAAGL,SAAS,IAAIM,OAAO,CAACV,QAAQ,CAAC;EAEtD,oBACET,KAAA,CAAAoB,aAAA,CAAClB,uBAAuB,EAAAmB,QAAA,KAAKP,KAAK;IAAEN,GAAG,EAAEA;EAAI,iBAC3CR,KAAA,CAAAoB,aAAA,CAACjB,kBAAkB;IAACmB,UAAU,EAAEJ;EAAgB,GAAC,GAAqB,CAAC,EACtEA,eAAe,gBACdlB,KAAA,CAAAoB,aAAA,CAAChB,kBAAkB,QAChBK,QAAQ,GACLA,QAAQ,GACRQ,IAAI,CAACM,CAAC,CAAC,gBAAgB,EAAE;IAAEC,KAAK,EAAEb;EAAU,CAAC,CAC/B,CAAC,GACnB,IACmB,CAAC;AAE9B,CACF,CAAC;AAEDN,QAAQ,CAACoB,WAAW,GAAG,UAAU"}
|
|
@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
|
|
|
5
5
|
import { spacing } from '../_styles/spacing';
|
|
6
6
|
export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
|
|
7
7
|
displayName: "StyledRequiredMark",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_26_2__sc-bja1ql-0"
|
|
9
9
|
})(["color:", ";", ""], colors.red50, function (_ref) {
|
|
10
10
|
var $showLabel = _ref.$showLabel;
|
|
11
11
|
if ($showLabel) {
|
|
@@ -15,10 +15,10 @@ export var StyledRequiredMark = /*#__PURE__*/styled.span.withConfig({
|
|
|
15
15
|
});
|
|
16
16
|
export var StyledRequiredContainer = /*#__PURE__*/styled.span.withConfig({
|
|
17
17
|
displayName: "StyledRequiredContainer",
|
|
18
|
-
componentId: "core-
|
|
18
|
+
componentId: "core-11_26_2__sc-bja1ql-1"
|
|
19
19
|
})(["", " ", " > &{margin-left:", "px;}"], getTypographyIntent('small'), StyledCheckboxLabel, spacing.xs);
|
|
20
20
|
export var StyledRequiredText = /*#__PURE__*/styled.span.withConfig({
|
|
21
21
|
displayName: "StyledRequiredText",
|
|
22
|
-
componentId: "core-
|
|
22
|
+
componentId: "core-11_26_2__sc-bja1ql-2"
|
|
23
23
|
})(["font-style:italic;color:", ";margin-left:4px;"], colors.gray45);
|
|
24
24
|
//# sourceMappingURL=Required.styles.js.map
|
package/dist/Search/Search.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ import type { SearchProps } from './Search.types';
|
|
|
7
7
|
|
|
8
8
|
@since 10.19.0
|
|
9
9
|
|
|
10
|
-
@see [Storybook](https://procore.
|
|
10
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-search--demo)
|
|
11
11
|
|
|
12
12
|
@see [Design Guidelines](https://design.procore.com/search-component)
|
|
13
13
|
|
package/dist/Search/Search.js
CHANGED
|
@@ -17,7 +17,7 @@ import { StyledClearButton, StyledInput, StyledSearch, StyledSearchButton } from
|
|
|
17
17
|
|
|
18
18
|
@since 10.19.0
|
|
19
19
|
|
|
20
|
-
@see [Storybook](https://procore.
|
|
20
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-search--demo)
|
|
21
21
|
|
|
22
22
|
@see [Design Guidelines](https://design.procore.com/search-component)
|
|
23
23
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","names":["Clear","Search","SearchIcon","mergeProps","React","useI18nContext","mergeRefs","usingHookOrDefault","useSearch","StyledClearButton","StyledInput","StyledSearch","StyledSearchButton","forwardRef","_ref","ref","_ref$onChange","onChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","usingHook","_ref$value","value","props","_objectWithoutProperties","_excluded","i18n","search","initialValue","inputRef","useRef","setFocusToInput","current","focus","createElement","_extends","domHandlers","isEmpty","t","icon","size","variant","disabled","onClick","clear","tabIndex","submit","displayName"],"sources":["../../src/Search/Search.tsx"],"sourcesContent":["import { Clear, Search as SearchIcon } from '@procore/core-icons/dist'\nimport { mergeProps } from '@react-aria/utils'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { usingHookOrDefault } from '../_utils/usingHookOrDefault'\nimport { useSearch } from './Search.hooks'\nimport {\n StyledClearButton,\n StyledInput,\n StyledSearch,\n StyledSearchButton,\n} from './Search.styles'\nimport type { SearchProps } from './Search.types'\n\n/**\n\n Our users use search to find items on a tool’s landing page or, in forms, users\n use a search typeahead to find information to associate with the form.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.
|
|
1
|
+
{"version":3,"file":"Search.js","names":["Clear","Search","SearchIcon","mergeProps","React","useI18nContext","mergeRefs","usingHookOrDefault","useSearch","StyledClearButton","StyledInput","StyledSearch","StyledSearchButton","forwardRef","_ref","ref","_ref$onChange","onChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","usingHook","_ref$value","value","props","_objectWithoutProperties","_excluded","i18n","search","initialValue","inputRef","useRef","setFocusToInput","current","focus","createElement","_extends","domHandlers","isEmpty","t","icon","size","variant","disabled","onClick","clear","tabIndex","submit","displayName"],"sources":["../../src/Search/Search.tsx"],"sourcesContent":["import { Clear, Search as SearchIcon } from '@procore/core-icons/dist'\nimport { mergeProps } from '@react-aria/utils'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { usingHookOrDefault } from '../_utils/usingHookOrDefault'\nimport { useSearch } from './Search.hooks'\nimport {\n StyledClearButton,\n StyledInput,\n StyledSearch,\n StyledSearchButton,\n} from './Search.styles'\nimport type { SearchProps } from './Search.types'\n\n/**\n\n Our users use search to find items on a tool’s landing page or, in forms, users\n use a search typeahead to find information to associate with the form.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-search--demo)\n\n @see [Design Guidelines](https://design.procore.com/search-component)\n\n */\nexport const Search = React.forwardRef<HTMLInputElement, SearchProps>(\n function Search(\n {\n onChange = () => {},\n onClear = () => {},\n onSubmit = () => {},\n usingHook,\n value = '',\n ...props\n },\n ref\n ) {\n const i18n = useI18nContext()\n const search = usingHookOrDefault(\n usingHook,\n useSearch\n )({\n initialValue: value,\n onChange,\n onClear,\n onSubmit,\n })\n\n const inputRef = React.useRef<HTMLInputElement>(null)\n\n const setFocusToInput = () => {\n if (inputRef.current) {\n inputRef.current.focus()\n }\n }\n\n return (\n <StyledSearch>\n <StyledInput\n {...mergeProps(props, search.domHandlers)}\n data-qa=\"core-search-input\"\n ref={mergeRefs(ref, inputRef)}\n value={search.value}\n />\n {!search.isEmpty && (\n <StyledClearButton\n aria-label={i18n.t('core.search.clear')}\n data-qa=\"core-search-clear-icon\"\n icon={<Clear />}\n size=\"sm\"\n variant=\"tertiary\"\n disabled={props.disabled}\n onClick={() => {\n search.clear()\n\n setFocusToInput()\n }}\n tabIndex={-1} // TODO revisit this accessibility\n />\n )}\n {\n <StyledSearchButton\n aria-label={i18n.t('core.search.goSearch')}\n data-qa=\"core-search-search-icon\"\n icon={<SearchIcon />}\n size=\"sm\"\n variant=\"tertiary\"\n disabled={props.disabled}\n onClick={() => {\n search.submit()\n\n setFocusToInput()\n }}\n tabIndex={-1} // TODO revisit this accessibility\n />\n }\n </StyledSearch>\n )\n }\n)\n\nSearch.displayName = 'Search'\n"],"mappings":"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"}
|
|
@@ -27,22 +27,22 @@ export function getSearchInputStyles() {
|
|
|
27
27
|
}
|
|
28
28
|
export var StyledInput = /*#__PURE__*/styled.input.withConfig({
|
|
29
29
|
displayName: "StyledInput",
|
|
30
|
-
componentId: "core-
|
|
30
|
+
componentId: "core-11_26_2__sc-3j8khv-0"
|
|
31
31
|
})(["", ""], getSearchInputStyles);
|
|
32
32
|
var StyledButton = /*#__PURE__*/styled(Button).withConfig({
|
|
33
33
|
displayName: "StyledButton",
|
|
34
|
-
componentId: "core-
|
|
34
|
+
componentId: "core-11_26_2__sc-3j8khv-1"
|
|
35
35
|
})(["position:absolute;top:", "px;"], buttonTop);
|
|
36
36
|
export var StyledSearchButton = /*#__PURE__*/styled(StyledButton).withConfig({
|
|
37
37
|
displayName: "StyledSearchButton",
|
|
38
|
-
componentId: "core-
|
|
38
|
+
componentId: "core-11_26_2__sc-3j8khv-2"
|
|
39
39
|
})([""]);
|
|
40
40
|
export var StyledClearButton = /*#__PURE__*/styled(StyledButton).withConfig({
|
|
41
41
|
displayName: "StyledClearButton",
|
|
42
|
-
componentId: "core-
|
|
42
|
+
componentId: "core-11_26_2__sc-3j8khv-3"
|
|
43
43
|
})([""]);
|
|
44
44
|
export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
|
|
45
45
|
displayName: "StyledSearch",
|
|
46
|
-
componentId: "core-
|
|
46
|
+
componentId: "core-11_26_2__sc-3j8khv-4"
|
|
47
47
|
})(["position:relative;width:100%;", "{padding-right:", "px;}", "{right:", "px;}", "{right:", "px;}"], StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
|
|
48
48
|
//# sourceMappingURL=Search.styles.js.map
|
|
@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
|
|
|
5
5
|
import { spacing } from '../_styles/spacing';
|
|
6
6
|
export var StyledSectionInner = /*#__PURE__*/styled.div.withConfig({
|
|
7
7
|
displayName: "StyledSectionInner",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_26_2__sc-1lxbrwv-0"
|
|
9
9
|
})([""]);
|
|
10
10
|
export var StyledSectionCollapseHeading = /*#__PURE__*/styled.div.withConfig({
|
|
11
11
|
displayName: "StyledSectionCollapseHeading",
|
|
12
|
-
componentId: "core-
|
|
12
|
+
componentId: "core-11_26_2__sc-1lxbrwv-1"
|
|
13
13
|
})(["align-self:flex-start;margin-right:", "px;"], spacing.sm);
|
|
14
14
|
export var sectionClassnames = {
|
|
15
15
|
divide: 'section--divide',
|
|
@@ -20,11 +20,11 @@ export var sectionClassnames = {
|
|
|
20
20
|
};
|
|
21
21
|
export var StyledSection = /*#__PURE__*/styled.div.withConfig({
|
|
22
22
|
displayName: "StyledSection",
|
|
23
|
-
componentId: "core-
|
|
23
|
+
componentId: "core-11_26_2__sc-1lxbrwv-2"
|
|
24
24
|
})(["padding-left:", "px;padding-right:", "px;padding-bottom:", "px;& > ", "{padding-top:", "px;}&.", "{& > ", "{border-top:1px solid ", ";}}&:first-child > ", "{border-top:0;}& &{padding-left:0;padding-right:0;&:first-child > ", "{border-top:1px solid ", ";}&:last-child{padding-bottom:0;}}", ":last-of-type{margin-bottom:", "px;}", " + &&&{padding-top:", "px;}"], spacing.xl, spacing.xl, spacing.xl, StyledSectionInner, spacing.xl, sectionClassnames.divide, StyledSectionInner, colors.gray85, StyledSectionInner, StyledSectionInner, colors.gray85, StyledFormRow, spacing.xl * -1, StyledFormRow, spacing.xs);
|
|
25
25
|
export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
|
|
26
26
|
displayName: "StyledSectionContentRegion",
|
|
27
|
-
componentId: "core-
|
|
27
|
+
componentId: "core-11_26_2__sc-1lxbrwv-3"
|
|
28
28
|
})(["padding-top:20px;padding-bottom:", "px;", " ", " & > :not(", ") + ", "{padding-top:", "px;}", " ", " &:last-of-type{padding-bottom:0;}"], spacing.sm, function (_ref) {
|
|
29
29
|
var $closed = _ref.$closed;
|
|
30
30
|
return $closed && css(["padding-top:0;padding-bottom:0;"]);
|
|
@@ -34,10 +34,10 @@ export var StyledSectionContentRegion = /*#__PURE__*/styled.div.withConfig({
|
|
|
34
34
|
}, StyledSection, StyledSection, spacing.xl, StyledSection, StyledSection);
|
|
35
35
|
export var StyledSectionHeader = /*#__PURE__*/styled.div.withConfig({
|
|
36
36
|
displayName: "StyledSectionHeader",
|
|
37
|
-
componentId: "core-
|
|
37
|
+
componentId: "core-11_26_2__sc-1lxbrwv-4"
|
|
38
38
|
})(["align-items:center;display:flex;min-height:36px;word-break:break-word;"]);
|
|
39
39
|
export var StyledTitle = /*#__PURE__*/styled(Title).withConfig({
|
|
40
40
|
displayName: "StyledTitle",
|
|
41
|
-
componentId: "core-
|
|
41
|
+
componentId: "core-11_26_2__sc-1lxbrwv-5"
|
|
42
42
|
})(["width:100%;"]);
|
|
43
43
|
//# sourceMappingURL=Section.styles.js.map
|
|
@@ -78,7 +78,7 @@ export declare const State: (props: any) => React.JSX.Element;
|
|
|
78
78
|
|
|
79
79
|
@since 10.19.0
|
|
80
80
|
|
|
81
|
-
@see [Storybook](https://procore.
|
|
81
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-segmentedcontroller--demo)
|
|
82
82
|
|
|
83
83
|
@see [Design Guidelines](https://design.procore.com/segmented-controller)
|
|
84
84
|
|
|
@@ -224,7 +224,7 @@ Tooltip.displayName = 'SegmentedController.Tooltip';
|
|
|
224
224
|
|
|
225
225
|
@since 10.19.0
|
|
226
226
|
|
|
227
|
-
@see [Storybook](https://procore.
|
|
227
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-segmentedcontroller--demo)
|
|
228
228
|
|
|
229
229
|
@see [Design Guidelines](https://design.procore.com/segmented-controller)
|
|
230
230
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedController.js","names":["useFocusRing","useRadio","useRadioGroup","mergeProps","useId","VisuallyHidden","React","useRadioGroupState","Tooltip","TooltipBase","addSubcomponents","StyledContainer","StyledLabel","StyledSegment","StyledSegmentDisabledInteractiveWrapper","isSegment","node","isValidElement","type","Segment","RadioButtonContext","createContext","SegmentedController_","forwardRef","SegmentedController","_ref","ref","ariaLabel","ariaLabelledby","children","_ref$block","block","disabled","onChange","props","_objectWithoutProperties","_excluded","name","radioGroupState","isDisabled","rawValue","num","Number","value","isNaN","_useRadioGroup","orientation","radioGroupProps","createElement","_extends","Provider","Children","toArray","filter","child","map","index","cloneElement","internalIndex","_ref2","active","_ref2$placement","placement","tooltip","_excluded2","adjustedValue","String","state","useContext","adjustedState","useMemo","_ref3","innerRef","useRef","actualRef","_useRadio","inputProps","isSelected","_useFocusRing","focusProps","isFocusVisible","useEffect","setSelectedValue","overlay","$focused","$disabled","$active","_ref4","_excluded3","trigger","Fragment","withState","config","Component","_React$useState","useState","_React$useState2","_slicedToArray","selectedIndex","setSelected","_objectSpread","State","_ref5","_excluded4","displayName"],"sources":["../../src/SegmentedController/SegmentedController.tsx"],"sourcesContent":["import { useFocusRing } from '@react-aria/focus'\nimport { useRadio, useRadioGroup } from '@react-aria/radio'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { RadioGroupState } from 'react-stately'\nimport { useRadioGroupState } from 'react-stately'\nimport { Tooltip as TooltipBase } from '../Tooltip/Tooltip'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n StyledContainer,\n StyledLabel,\n StyledSegment,\n StyledSegmentDisabledInteractiveWrapper,\n} from './SegmentedController.styles'\nimport type {\n SegmentedControllerProps,\n SegmentedControllerSegmentProps,\n SegmentedControllerTooltipProps,\n} from './SegmentedController.types'\n\nfunction isSegment(\n node: unknown\n): node is React.ReactElement<HTMLInputElement> {\n return (\n React.isValidElement(node as React.ReactElement) &&\n (node as React.ReactElement).type === Segment\n )\n}\n\nconst RadioButtonContext = React.createContext<RadioGroupState | null>(null)\n\nconst SegmentedController_ = React.forwardRef<\n HTMLDivElement,\n SegmentedControllerProps\n>(function SegmentedController(\n {\n // TODO make label props required in type?\n // React Aria logs warnings without 1 of 2. Axe does not fail\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n children,\n block = false,\n disabled,\n onChange,\n ...props\n },\n ref\n) {\n const name = useId()\n const radioGroupState = useRadioGroupState({\n name,\n isDisabled: disabled,\n onChange: (rawValue) => {\n const num = Number(rawValue)\n const value = !isNaN(num) ? num : rawValue\n onChange?.(value as number)\n },\n })\n const { radioGroupProps } = useRadioGroup(\n {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n orientation: 'horizontal',\n },\n radioGroupState\n )\n return (\n <StyledContainer ref={ref} block={block} {...radioGroupProps} {...props}>\n <RadioButtonContext.Provider value={radioGroupState}>\n {React.Children.toArray(children)\n .filter((child) => isSegment(child))\n .map((child, index) =>\n React.cloneElement(child as React.ReactElement, {\n internalIndex: index,\n })\n )}\n </RadioButtonContext.Provider>\n </StyledContainer>\n )\n})\n\nexport const Segment = React.forwardRef<\n HTMLInputElement,\n React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function Segment(\n {\n active,\n children,\n placement = 'top',\n tooltip,\n disabled,\n value,\n internalIndex,\n ...props\n },\n ref\n) {\n const adjustedValue = String(value ?? internalIndex)\n const state = React.useContext(RadioButtonContext)\n const adjustedState = React.useMemo(() => {\n return state! ?? {}\n }, [state])\n\n const innerRef = React.useRef<HTMLInputElement>(null)\n const actualRef = ref ?? innerRef\n const { inputProps, isSelected, isDisabled } = useRadio(\n {\n isDisabled: disabled ?? adjustedState.isDisabled,\n value: adjustedValue as string,\n children,\n },\n adjustedState,\n actualRef as any // TODO fix polymorphic ref type\n )\n const { focusProps, isFocusVisible } = useFocusRing()\n\n React.useEffect(() => {\n if (active) {\n adjustedState.setSelectedValue(adjustedValue)\n }\n }, [active, adjustedState, adjustedValue])\n\n return (\n <Tooltip overlay={tooltip} placement={placement}>\n <StyledSegmentDisabledInteractiveWrapper>\n <StyledSegment\n $focused={isFocusVisible}\n $disabled={isDisabled}\n $active={active || isSelected}\n >\n <VisuallyHidden>\n <input\n {...mergeProps(props, inputProps, focusProps)}\n ref={actualRef}\n />\n </VisuallyHidden>\n <StyledLabel>{children}</StyledLabel>\n </StyledSegment>\n </StyledSegmentDisabledInteractiveWrapper>\n </Tooltip>\n )\n})\n\n/**\n * @deprecated\n *\n * The `SegmentedController.Tooltip` component has been deprecated will be\n * removed in a future version.\n *\n * Tooltips are now built into `SegmentedController.Segment`s, and can be added\n * by configuring the `tooltip` prop.\n *\n * **Before**\n *\n * ```\n * <SegmentedController>\n * <SegmentedController.Tooltip tooltip=\"Item 1 is the first item\">\n * <SegmentedController.Segment>\n * Item 1\n * </SegmentedController.Segment>\n * </SegmentedController.Tooltip>\n * </SegmentedController>\n * ```\n *\n * **After**\n *\n * ```\n * <SegmentedController>\n * <SegmentedController.Segment tooltip=\"Item 1 is the first item\">\n * Item 1\n * </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const Tooltip = React.forwardRef<\n HTMLElement,\n SegmentedControllerTooltipProps\n>(function Tooltip({ children, overlay, ...props }, ref) {\n return overlay ? (\n <TooltipBase {...props} overlay={overlay} ref={ref} trigger=\"hover\">\n {children}\n </TooltipBase>\n ) : (\n <>{children}</>\n )\n})\n\nconst withState = (config: any) => (Component: any) => (props: any) => {\n const [selectedIndex, setSelected] = React.useState(0)\n\n return <Component {...{ ...props, selectedIndex, setSelected }} />\n}\n\n/**\n * @deprecated\n *\n * This `SegmentedController.State` utility has been deprecated. Please just\n * use a simple state management hook instead.\n *\n *\n * **Before**\n *\n * ```\n * <SegmentedController.State>\n * {({ selectedIndex, setSelected }) => (\n * <SegmentedController>\n * <SegmentedController.Segment onClick={() => setSelected(0)} active={selectedIndex === 0}>\n * Item 1\n * </SegmentedController.Segment>\n * </SegmentedController>\n * )}\n * </SegmentedController.State>\n * ```\n *\n * **After**\n *\n * ```\n * const [selected, setSelected] = React.useState(0)\n *\n * <SegmentedController onChange={setSelected}>\n * <SegmentedController.Segment active={selectedIndex === 0}>\n * Item 1\n * </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const State = withState({})(({ children, ...props }: any) =>\n children(props)\n)\n\nSegmentedController_.displayName = 'SegmentedController'\n\nSegment.displayName = 'SegmentedController.Segment'\n\nTooltip.displayName = 'SegmentedController.Tooltip'\n\n/**\n\n Segmented controllers allow users to switch between related but mutually\n exclusive content or actions.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-segmentedcontroller--demo)\n\n @see [Design Guidelines](https://design.procore.com/segmented-controller)\n\n */\nexport const SegmentedController = addSubcomponents(\n {\n Segment,\n State,\n Tooltip,\n },\n SegmentedController_\n)\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SegmentedController.js","names":["useFocusRing","useRadio","useRadioGroup","mergeProps","useId","VisuallyHidden","React","useRadioGroupState","Tooltip","TooltipBase","addSubcomponents","StyledContainer","StyledLabel","StyledSegment","StyledSegmentDisabledInteractiveWrapper","isSegment","node","isValidElement","type","Segment","RadioButtonContext","createContext","SegmentedController_","forwardRef","SegmentedController","_ref","ref","ariaLabel","ariaLabelledby","children","_ref$block","block","disabled","onChange","props","_objectWithoutProperties","_excluded","name","radioGroupState","isDisabled","rawValue","num","Number","value","isNaN","_useRadioGroup","orientation","radioGroupProps","createElement","_extends","Provider","Children","toArray","filter","child","map","index","cloneElement","internalIndex","_ref2","active","_ref2$placement","placement","tooltip","_excluded2","adjustedValue","String","state","useContext","adjustedState","useMemo","_ref3","innerRef","useRef","actualRef","_useRadio","inputProps","isSelected","_useFocusRing","focusProps","isFocusVisible","useEffect","setSelectedValue","overlay","$focused","$disabled","$active","_ref4","_excluded3","trigger","Fragment","withState","config","Component","_React$useState","useState","_React$useState2","_slicedToArray","selectedIndex","setSelected","_objectSpread","State","_ref5","_excluded4","displayName"],"sources":["../../src/SegmentedController/SegmentedController.tsx"],"sourcesContent":["import { useFocusRing } from '@react-aria/focus'\nimport { useRadio, useRadioGroup } from '@react-aria/radio'\nimport { mergeProps, useId } from '@react-aria/utils'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport type { RadioGroupState } from 'react-stately'\nimport { useRadioGroupState } from 'react-stately'\nimport { Tooltip as TooltipBase } from '../Tooltip/Tooltip'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport {\n StyledContainer,\n StyledLabel,\n StyledSegment,\n StyledSegmentDisabledInteractiveWrapper,\n} from './SegmentedController.styles'\nimport type {\n SegmentedControllerProps,\n SegmentedControllerSegmentProps,\n SegmentedControllerTooltipProps,\n} from './SegmentedController.types'\n\nfunction isSegment(\n node: unknown\n): node is React.ReactElement<HTMLInputElement> {\n return (\n React.isValidElement(node as React.ReactElement) &&\n (node as React.ReactElement).type === Segment\n )\n}\n\nconst RadioButtonContext = React.createContext<RadioGroupState | null>(null)\n\nconst SegmentedController_ = React.forwardRef<\n HTMLDivElement,\n SegmentedControllerProps\n>(function SegmentedController(\n {\n // TODO make label props required in type?\n // React Aria logs warnings without 1 of 2. Axe does not fail\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n children,\n block = false,\n disabled,\n onChange,\n ...props\n },\n ref\n) {\n const name = useId()\n const radioGroupState = useRadioGroupState({\n name,\n isDisabled: disabled,\n onChange: (rawValue) => {\n const num = Number(rawValue)\n const value = !isNaN(num) ? num : rawValue\n onChange?.(value as number)\n },\n })\n const { radioGroupProps } = useRadioGroup(\n {\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n orientation: 'horizontal',\n },\n radioGroupState\n )\n return (\n <StyledContainer ref={ref} block={block} {...radioGroupProps} {...props}>\n <RadioButtonContext.Provider value={radioGroupState}>\n {React.Children.toArray(children)\n .filter((child) => isSegment(child))\n .map((child, index) =>\n React.cloneElement(child as React.ReactElement, {\n internalIndex: index,\n })\n )}\n </RadioButtonContext.Provider>\n </StyledContainer>\n )\n})\n\nexport const Segment = React.forwardRef<\n HTMLInputElement,\n React.InputHTMLAttributes<HTMLInputElement> & SegmentedControllerSegmentProps\n>(function Segment(\n {\n active,\n children,\n placement = 'top',\n tooltip,\n disabled,\n value,\n internalIndex,\n ...props\n },\n ref\n) {\n const adjustedValue = String(value ?? internalIndex)\n const state = React.useContext(RadioButtonContext)\n const adjustedState = React.useMemo(() => {\n return state! ?? {}\n }, [state])\n\n const innerRef = React.useRef<HTMLInputElement>(null)\n const actualRef = ref ?? innerRef\n const { inputProps, isSelected, isDisabled } = useRadio(\n {\n isDisabled: disabled ?? adjustedState.isDisabled,\n value: adjustedValue as string,\n children,\n },\n adjustedState,\n actualRef as any // TODO fix polymorphic ref type\n )\n const { focusProps, isFocusVisible } = useFocusRing()\n\n React.useEffect(() => {\n if (active) {\n adjustedState.setSelectedValue(adjustedValue)\n }\n }, [active, adjustedState, adjustedValue])\n\n return (\n <Tooltip overlay={tooltip} placement={placement}>\n <StyledSegmentDisabledInteractiveWrapper>\n <StyledSegment\n $focused={isFocusVisible}\n $disabled={isDisabled}\n $active={active || isSelected}\n >\n <VisuallyHidden>\n <input\n {...mergeProps(props, inputProps, focusProps)}\n ref={actualRef}\n />\n </VisuallyHidden>\n <StyledLabel>{children}</StyledLabel>\n </StyledSegment>\n </StyledSegmentDisabledInteractiveWrapper>\n </Tooltip>\n )\n})\n\n/**\n * @deprecated\n *\n * The `SegmentedController.Tooltip` component has been deprecated will be\n * removed in a future version.\n *\n * Tooltips are now built into `SegmentedController.Segment`s, and can be added\n * by configuring the `tooltip` prop.\n *\n * **Before**\n *\n * ```\n * <SegmentedController>\n * <SegmentedController.Tooltip tooltip=\"Item 1 is the first item\">\n * <SegmentedController.Segment>\n * Item 1\n * </SegmentedController.Segment>\n * </SegmentedController.Tooltip>\n * </SegmentedController>\n * ```\n *\n * **After**\n *\n * ```\n * <SegmentedController>\n * <SegmentedController.Segment tooltip=\"Item 1 is the first item\">\n * Item 1\n * </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const Tooltip = React.forwardRef<\n HTMLElement,\n SegmentedControllerTooltipProps\n>(function Tooltip({ children, overlay, ...props }, ref) {\n return overlay ? (\n <TooltipBase {...props} overlay={overlay} ref={ref} trigger=\"hover\">\n {children}\n </TooltipBase>\n ) : (\n <>{children}</>\n )\n})\n\nconst withState = (config: any) => (Component: any) => (props: any) => {\n const [selectedIndex, setSelected] = React.useState(0)\n\n return <Component {...{ ...props, selectedIndex, setSelected }} />\n}\n\n/**\n * @deprecated\n *\n * This `SegmentedController.State` utility has been deprecated. Please just\n * use a simple state management hook instead.\n *\n *\n * **Before**\n *\n * ```\n * <SegmentedController.State>\n * {({ selectedIndex, setSelected }) => (\n * <SegmentedController>\n * <SegmentedController.Segment onClick={() => setSelected(0)} active={selectedIndex === 0}>\n * Item 1\n * </SegmentedController.Segment>\n * </SegmentedController>\n * )}\n * </SegmentedController.State>\n * ```\n *\n * **After**\n *\n * ```\n * const [selected, setSelected] = React.useState(0)\n *\n * <SegmentedController onChange={setSelected}>\n * <SegmentedController.Segment active={selectedIndex === 0}>\n * Item 1\n * </SegmentedController.Segment>\n * </SegmentedController>\n * ```\n *\n * @deprecatedSince 10.20.0\n */\nexport const State = withState({})(({ children, ...props }: any) =>\n children(props)\n)\n\nSegmentedController_.displayName = 'SegmentedController'\n\nSegment.displayName = 'SegmentedController.Segment'\n\nTooltip.displayName = 'SegmentedController.Tooltip'\n\n/**\n\n Segmented controllers allow users to switch between related but mutually\n exclusive content or actions.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-segmentedcontroller--demo)\n\n @see [Design Guidelines](https://design.procore.com/segmented-controller)\n\n */\nexport const SegmentedController = addSubcomponents(\n {\n Segment,\n State,\n Tooltip,\n },\n SegmentedController_\n)\n"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
|
|
|
5
5
|
import { spacing } from '../_styles/spacing';
|
|
6
6
|
export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
|
|
7
7
|
displayName: "StyledContainer",
|
|
8
|
-
componentId: "core-
|
|
8
|
+
componentId: "core-11_26_2__sc-ocai3-0"
|
|
9
9
|
})(["align-items:center;display:", ";height:36px;justify-content:center;width:", ";"], function (_ref) {
|
|
10
10
|
var block = _ref.block;
|
|
11
11
|
return block ? 'flex' : 'inline-flex';
|
|
@@ -15,7 +15,7 @@ export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
15
15
|
});
|
|
16
16
|
export var StyledSegment = /*#__PURE__*/styled.label.withConfig({
|
|
17
17
|
displayName: "StyledSegment",
|
|
18
|
-
componentId: "core-
|
|
18
|
+
componentId: "core-11_26_2__sc-ocai3-1"
|
|
19
19
|
})(["align-items:center;border-radius:0;border:1px solid ", ";cursor:pointer;display:flex;flex:1 1 auto;height:100%;justify-content:center;min-width:0;outline:0;padding:0 ", "px;position:relative;background-color:", ";color:", ";&:hover{background-color:", ";border-color:", ";color:", ";}", " ", ";"], colors.gray85, spacing.md, colors.white, colors.gray45, colors.gray94, colors.gray85, colors.gray45, function (_ref3) {
|
|
20
20
|
var _ref3$$focused = _ref3.$focused,
|
|
21
21
|
$focused = _ref3$$focused === void 0 ? false : _ref3$$focused;
|
|
@@ -37,10 +37,10 @@ export var StyledSegment = /*#__PURE__*/styled.label.withConfig({
|
|
|
37
37
|
});
|
|
38
38
|
export var StyledSegmentDisabledInteractiveWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
39
39
|
displayName: "StyledSegmentDisabledInteractiveWrapper",
|
|
40
|
-
componentId: "core-
|
|
40
|
+
componentId: "core-11_26_2__sc-ocai3-2"
|
|
41
41
|
})(["display:flex;flex:1 1 auto;min-width:0;height:100%;margin-right:-1px;&:first-child ", "{border-bottom-left-radius:", "px;border-top-left-radius:", "px;}&:last-child ", "{border-bottom-right-radius:", "px;border-top-right-radius:", "px;}"], StyledSegment, borderRadius.md, borderRadius.md, StyledSegment, borderRadius.md, borderRadius.md);
|
|
42
42
|
export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
|
|
43
43
|
displayName: "StyledLabel",
|
|
44
|
-
componentId: "core-
|
|
44
|
+
componentId: "core-11_26_2__sc-ocai3-3"
|
|
45
45
|
})(["", ";display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"], getTypographyIntent('body'));
|
|
46
46
|
//# sourceMappingURL=SegmentedController.styles.js.map
|
package/dist/Select/Select.js
CHANGED
|
@@ -206,7 +206,7 @@ var SelectMenu = /*#__PURE__*/React.forwardRef(function SelectMenu(_ref5, ref) {
|
|
|
206
206
|
|
|
207
207
|
@since 10.19.0
|
|
208
208
|
|
|
209
|
-
@see [Storybook](https://procore.
|
|
209
|
+
@see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-select--demo)
|
|
210
210
|
|
|
211
211
|
@see [Design Guidelines](https://design.procore.com/select)
|
|
212
212
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","names":["Clear","classNames","isNil","React","Box","MenuImperative","useMenuImperativeControlNavigation","Notation","OverlayTrigger","useOverlayTriggerContext","Spinner","Tooltip","useI18nContext","OverflowObserver","addSubcomponents","StyledSelectArrow","StyledSelectArrowContainer","StyledSelectButton","StyledSelectButtonLabel","StyledSelectClearIcon","StyledSelectMenu","StyledSelectSpinner","noop","isFunction","obj","isOpen","_ref","_ref$open","open","OptGroup","forwardRef","props","ref","createElement","Group","_extends","clickable","Option","_ref2","value","_objectWithoutProperties","_excluded","Item","item","Button","_ref3","_ref3$block","block","children","className","clearRef","_ref3$disabled","disabled","_ref3$error","error","_ref3$focus","focus","label","_ref3$loading","loading","onClear","_ref3$open","placeholder","qa","_ref3$tabIndex","tabIndex","_ref3$isMenuOpened","isMenuOpened","_excluded2","i18n","hasClearIcon","Boolean","content","role","$block","$error","$disabled","$hasClearIcon","$loading","$open","$placeholder","_ref4","isOverflowingX","overflowRef","showTooltip","trigger","$hoverable","overlay","t","clear","size","variant","icon","onClick","onMouseDown","e","preventDefault","color","SelectMenu","_ref5","onSearch_","onSearch","footer","emptyMessage","optionsRef","i18nScope","_ref5$onSelect","onSelect","onSelect_","menuRef","_excluded3","ctx","_React$useState","useState","_React$useState2","_slicedToArray","searchValue","setSearchValue","_useMenuImperativeCon","menuProps","menuNavigationTriggerProps","useEffect","_menuRef$current","current","highlightFirst","_menuRef$current2","_menuRef$current3","highlightSuggested","highlightSelected","onKeyDown","_props$onKeyDown","call","key","stopPropagation","selection","hide","event","target","shadowStrength","circular","Search","autoComplete","onChange","Children","count","Options","padding","Footer","Select_","Select","_ref6","_ref6$afterHide","afterHide","afterHide_","_ref6$afterShow","afterShow","afterShow_","_ref6$beforeHide","beforeHide","_ref6$beforeShow","beforeShow","_ref6$block","container","_ref6$disabled","_ref6$emptyMessage","_ref6$error","_ref6$hideDelay","hideDelay","_ref6$i18nScope","_ref6$label","_ref6$loading","onClear_","_ref6$onKeyDown","onScrollBottom","_ref6$onSelect","_ref6$placement","placement","_ref6$showDelay","showDelay","_ref6$tabIndex","_excluded4","useRef","overlayTriggerRef","_React$useState3","_React$useState4","setIsMenuOpened","useCallback","_overlayTriggerRef$cu","autoFocus","canFlip","displayName"],"sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport classNames from 'classnames'\nimport { isNil } from 'ramda'\nimport React from 'react'\nimport { Box } from '../Box/Box'\nimport {\n MenuImperative,\n useMenuImperativeControlNavigation,\n} from '../MenuImperative/MenuImperative'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport { Notation } from '../Notation/Notation'\nimport {\n OverlayTrigger,\n useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { Spinner } from '../Spinner/Spinner'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n StyledSelectArrow,\n StyledSelectArrowContainer,\n StyledSelectButton,\n StyledSelectButtonLabel,\n StyledSelectClearIcon,\n StyledSelectMenu,\n StyledSelectSpinner,\n} from './Select.styles'\nimport type {\n SelectButtonProps,\n SelectMenuProps,\n SelectOptionProps,\n SelectProps,\n} from './Select.types'\n\nfunction noop() {}\nfunction isFunction(obj: any) {\n return typeof obj === 'function'\n}\nfunction isOpen({ open = false }) {\n return open\n}\n\nexport const OptGroup = React.forwardRef<HTMLDivElement, Props>(\n (props, ref) => (\n <MenuImperative.Group {...props} clickable={false} ref={ref} />\n )\n)\n\nexport const Option = React.forwardRef<HTMLDivElement, SelectOptionProps>(\n ({ value, ...props }, ref) => (\n <MenuImperative.Item ref={ref} {...props} item={value} />\n )\n)\n\nexport const Button = React.forwardRef<HTMLDivElement, SelectButtonProps>(\n function Button(\n {\n block = false,\n children,\n className,\n clearRef,\n disabled = false,\n error = false,\n focus = false,\n label,\n loading = false,\n onClear,\n open = false,\n placeholder,\n qa,\n tabIndex = 0,\n isMenuOpened = false,\n ...props\n },\n ref\n ) {\n const i18n = useI18nContext()\n const hasClearIcon = !disabled && !loading && Boolean(label)\n\n const content = children || label || placeholder\n\n return (\n <StyledSelectButton\n className={classNames(className, {\n focus: isFunction(focus) ? (focus as Function)({ open }) : focus,\n })}\n ref={ref}\n tabIndex={disabled ? -1 : tabIndex}\n role=\"button\"\n $block={block}\n $error={error}\n $disabled={disabled}\n $hasClearIcon={hasClearIcon}\n $loading={loading}\n $open={open}\n $placeholder={!label}\n {...props}\n >\n <OverflowObserver>\n {({ isOverflowingX, ref: overflowRef }) => {\n const showTooltip = !disabled && isOverflowingX && !isMenuOpened\n const trigger = (\n <StyledSelectButtonLabel\n data-qa={qa?.label}\n $hoverable={showTooltip}\n ref={overflowRef}\n >\n {content}\n </StyledSelectButtonLabel>\n )\n\n return showTooltip ? (\n <Tooltip trigger=\"hover\" overlay={content}>\n {trigger}\n </Tooltip>\n ) : (\n trigger\n )\n }}\n </OverflowObserver>\n {onClear && (\n <StyledSelectClearIcon\n aria-hidden={true} // prevents reading \"delete field\" button when select in focus\n aria-label={i18n.t('core.select.clear')}\n ref={clearRef}\n data-qa={qa?.clear || 'core-select-clear'}\n size=\"sm\"\n variant=\"tertiary\"\n icon={<Clear />}\n onClick={onClear}\n onMouseDown={(e) => e.preventDefault()} // prevents an element from getting the focus\n tabIndex={-1} // TODO revisit this accessibility\n />\n )}\n {loading ? (\n <StyledSelectSpinner>\n <Spinner color=\"blue50\" size=\"xs\" />\n </StyledSelectSpinner>\n ) : (\n <StyledSelectArrowContainer>\n <StyledSelectArrow />\n </StyledSelectArrowContainer>\n )}\n </StyledSelectButton>\n )\n }\n)\n\nconst SelectMenu = React.forwardRef<HTMLDivElement, SelectMenuProps>(\n function SelectMenu(\n {\n onSearch: onSearch_,\n footer,\n emptyMessage,\n optionsRef,\n children,\n i18nScope,\n onSelect: onSelect_ = noop,\n menuRef,\n ...props\n },\n ref\n ) {\n const ctx = useOverlayTriggerContext()\n\n const [searchValue, setSearchValue] = React.useState('')\n const { menuProps, menuNavigationTriggerProps } =\n useMenuImperativeControlNavigation(menuRef, Boolean(onSearch_))\n\n React.useEffect(() => {\n menuRef.current?.highlightFirst()\n }, [menuRef, searchValue])\n\n React.useEffect(() => {\n menuRef.current?.highlightSuggested()\n menuRef.current?.highlightSelected()\n }, [menuRef])\n\n function onKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n props.onKeyDown?.(e)\n // This is disconnected from the OverlayTrigger closing on Escape.\n // Closing a dropdown with Escape will not close a Modal, because stopP.\n // It is called only once because the menu component is unmounted.\n // The next Escape will propagate.\n if (e.key === 'Escape' || e.key === 'Esc') {\n e.stopPropagation()\n }\n }\n\n function onSelect(selection: Selection) {\n onSelect_(selection)\n\n ctx.hide(selection.event)\n }\n\n function onSearch(event: React.ChangeEvent<HTMLInputElement>) {\n setSearchValue(event.target.value)\n\n onSearch_?.(event)\n }\n\n return (\n <StyledSelectMenu ref={ref} shadowStrength={2}>\n <MenuImperative\n {...props}\n {...menuProps}\n ref={menuRef}\n role=\"listbox\"\n onKeyDown={onKeyDown}\n onSelect={onSelect}\n circular\n >\n {onSearch_ && (\n <MenuImperative.Search\n autoComplete=\"false\"\n i18nScope={i18nScope}\n onChange={onSearch}\n {...menuNavigationTriggerProps}\n />\n )}\n {React.Children.count(children) ? (\n <MenuImperative.Options ref={optionsRef}>\n {children}\n </MenuImperative.Options>\n ) : (\n <Box padding=\"md lg\">\n <Notation variant=\"pagination\">{emptyMessage}</Notation>\n </Box>\n )}\n {footer && <MenuImperative.Footer>{footer}</MenuImperative.Footer>}\n </MenuImperative>\n </StyledSelectMenu>\n )\n }\n)\n\n/**\n\n We use single selects to allow our users to choose a single option from a list,\n presented in a dropdown. We typically see these selects on forms.\n\n If you want users to select multiple options, use a multi select, group select,\n and tiered select if you want users to select from a tiered set of options,\n use a tiered select.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-select--demo)\n\n @see [Design Guidelines](https://design.procore.com/select)\n\n */\nconst Select_ = React.forwardRef<HTMLDivElement, SelectProps>(function Select(\n {\n afterHide: afterHide_ = noop,\n afterShow: afterShow_ = noop,\n beforeHide = () => true,\n beforeShow = () => true,\n block = false,\n children,\n className,\n container,\n disabled = false,\n emptyMessage = 'No results',\n error = false,\n footer,\n hideDelay = 100,\n i18nScope = 'core.select',\n label = '',\n loading = false,\n onClear: onClear_,\n onKeyDown = noop,\n onScrollBottom,\n onSearch,\n onSelect = noop,\n optionsRef,\n placeholder,\n placement = 'bottom-left',\n showDelay = 0,\n tabIndex = 0,\n qa,\n ...props\n },\n forwardRef\n) {\n const menuRef = React.useRef<MenuRef>(null)\n const overlayTriggerRef = React.useRef<HTMLDivElement>(null)\n const ref =\n (forwardRef as React.RefObject<HTMLDivElement>) || overlayTriggerRef\n const [isMenuOpened, setIsMenuOpened] = React.useState(false)\n\n const clearRef = React.useRef<HTMLButtonElement>(null)\n\n function afterHide() {\n afterHide_()\n setIsMenuOpened(false)\n onSearch?.({\n target: { value: '' },\n } as React.ChangeEvent<HTMLInputElement>)\n }\n\n const onClear = React.useCallback(\n (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n onClear_?.(e)\n // IE 11 fix\n // Return focus back to trigger instead of the clear button\n overlayTriggerRef?.current?.focus()\n },\n [onClear_]\n )\n\n function afterShow() {\n afterShow_()\n setIsMenuOpened(true)\n }\n\n return (\n <OverlayTrigger\n autoFocus\n afterHide={afterHide}\n afterShow={afterShow}\n beforeHide={(e: Event) => {\n if (e.target === clearRef.current) {\n return false\n }\n\n return beforeHide(e)\n }}\n beforeShow={beforeShow}\n canFlip={true}\n container={container}\n hideDelay={hideDelay}\n overlay={\n <SelectMenu\n onSearch={onSearch}\n footer={footer}\n emptyMessage={emptyMessage}\n optionsRef={optionsRef}\n i18nScope={i18nScope}\n onSelect={onSelect}\n onScrollBottom={onScrollBottom}\n menuRef={menuRef}\n >\n {children}\n </SelectMenu>\n }\n placement={placement}\n ref={ref}\n showDelay={showDelay}\n trigger={disabled ? 'none' : 'click'}\n >\n <Button\n {...props}\n block={block}\n className={className}\n clearRef={clearRef}\n disabled={disabled}\n error={error}\n focus={onSearch ? false : isOpen}\n label={label}\n loading={loading}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n onClear={isNil(onClear_) ? onClear_ : onClear}\n isMenuOpened={isMenuOpened}\n tabIndex={tabIndex}\n qa={qa}\n />\n </OverlayTrigger>\n )\n})\n\nSelect_.displayName = 'Select'\n\nButton.displayName = 'Select.Button'\n\nOption.displayName = 'Select.Option'\n\nOptGroup.displayName = 'Select.OptGroup'\n\nexport const Select = addSubcomponents(\n {\n Button,\n Option,\n OptGroup,\n },\n Select_\n)\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Select.js","names":["Clear","classNames","isNil","React","Box","MenuImperative","useMenuImperativeControlNavigation","Notation","OverlayTrigger","useOverlayTriggerContext","Spinner","Tooltip","useI18nContext","OverflowObserver","addSubcomponents","StyledSelectArrow","StyledSelectArrowContainer","StyledSelectButton","StyledSelectButtonLabel","StyledSelectClearIcon","StyledSelectMenu","StyledSelectSpinner","noop","isFunction","obj","isOpen","_ref","_ref$open","open","OptGroup","forwardRef","props","ref","createElement","Group","_extends","clickable","Option","_ref2","value","_objectWithoutProperties","_excluded","Item","item","Button","_ref3","_ref3$block","block","children","className","clearRef","_ref3$disabled","disabled","_ref3$error","error","_ref3$focus","focus","label","_ref3$loading","loading","onClear","_ref3$open","placeholder","qa","_ref3$tabIndex","tabIndex","_ref3$isMenuOpened","isMenuOpened","_excluded2","i18n","hasClearIcon","Boolean","content","role","$block","$error","$disabled","$hasClearIcon","$loading","$open","$placeholder","_ref4","isOverflowingX","overflowRef","showTooltip","trigger","$hoverable","overlay","t","clear","size","variant","icon","onClick","onMouseDown","e","preventDefault","color","SelectMenu","_ref5","onSearch_","onSearch","footer","emptyMessage","optionsRef","i18nScope","_ref5$onSelect","onSelect","onSelect_","menuRef","_excluded3","ctx","_React$useState","useState","_React$useState2","_slicedToArray","searchValue","setSearchValue","_useMenuImperativeCon","menuProps","menuNavigationTriggerProps","useEffect","_menuRef$current","current","highlightFirst","_menuRef$current2","_menuRef$current3","highlightSuggested","highlightSelected","onKeyDown","_props$onKeyDown","call","key","stopPropagation","selection","hide","event","target","shadowStrength","circular","Search","autoComplete","onChange","Children","count","Options","padding","Footer","Select_","Select","_ref6","_ref6$afterHide","afterHide","afterHide_","_ref6$afterShow","afterShow","afterShow_","_ref6$beforeHide","beforeHide","_ref6$beforeShow","beforeShow","_ref6$block","container","_ref6$disabled","_ref6$emptyMessage","_ref6$error","_ref6$hideDelay","hideDelay","_ref6$i18nScope","_ref6$label","_ref6$loading","onClear_","_ref6$onKeyDown","onScrollBottom","_ref6$onSelect","_ref6$placement","placement","_ref6$showDelay","showDelay","_ref6$tabIndex","_excluded4","useRef","overlayTriggerRef","_React$useState3","_React$useState4","setIsMenuOpened","useCallback","_overlayTriggerRef$cu","autoFocus","canFlip","displayName"],"sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport classNames from 'classnames'\nimport { isNil } from 'ramda'\nimport React from 'react'\nimport { Box } from '../Box/Box'\nimport {\n MenuImperative,\n useMenuImperativeControlNavigation,\n} from '../MenuImperative/MenuImperative'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport { Notation } from '../Notation/Notation'\nimport {\n OverlayTrigger,\n useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { Spinner } from '../Spinner/Spinner'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { OverflowObserver } from '../_hooks/OverflowObserver'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type { Props } from '../_utils/types'\nimport {\n StyledSelectArrow,\n StyledSelectArrowContainer,\n StyledSelectButton,\n StyledSelectButtonLabel,\n StyledSelectClearIcon,\n StyledSelectMenu,\n StyledSelectSpinner,\n} from './Select.styles'\nimport type {\n SelectButtonProps,\n SelectMenuProps,\n SelectOptionProps,\n SelectProps,\n} from './Select.types'\n\nfunction noop() {}\nfunction isFunction(obj: any) {\n return typeof obj === 'function'\n}\nfunction isOpen({ open = false }) {\n return open\n}\n\nexport const OptGroup = React.forwardRef<HTMLDivElement, Props>(\n (props, ref) => (\n <MenuImperative.Group {...props} clickable={false} ref={ref} />\n )\n)\n\nexport const Option = React.forwardRef<HTMLDivElement, SelectOptionProps>(\n ({ value, ...props }, ref) => (\n <MenuImperative.Item ref={ref} {...props} item={value} />\n )\n)\n\nexport const Button = React.forwardRef<HTMLDivElement, SelectButtonProps>(\n function Button(\n {\n block = false,\n children,\n className,\n clearRef,\n disabled = false,\n error = false,\n focus = false,\n label,\n loading = false,\n onClear,\n open = false,\n placeholder,\n qa,\n tabIndex = 0,\n isMenuOpened = false,\n ...props\n },\n ref\n ) {\n const i18n = useI18nContext()\n const hasClearIcon = !disabled && !loading && Boolean(label)\n\n const content = children || label || placeholder\n\n return (\n <StyledSelectButton\n className={classNames(className, {\n focus: isFunction(focus) ? (focus as Function)({ open }) : focus,\n })}\n ref={ref}\n tabIndex={disabled ? -1 : tabIndex}\n role=\"button\"\n $block={block}\n $error={error}\n $disabled={disabled}\n $hasClearIcon={hasClearIcon}\n $loading={loading}\n $open={open}\n $placeholder={!label}\n {...props}\n >\n <OverflowObserver>\n {({ isOverflowingX, ref: overflowRef }) => {\n const showTooltip = !disabled && isOverflowingX && !isMenuOpened\n const trigger = (\n <StyledSelectButtonLabel\n data-qa={qa?.label}\n $hoverable={showTooltip}\n ref={overflowRef}\n >\n {content}\n </StyledSelectButtonLabel>\n )\n\n return showTooltip ? (\n <Tooltip trigger=\"hover\" overlay={content}>\n {trigger}\n </Tooltip>\n ) : (\n trigger\n )\n }}\n </OverflowObserver>\n {onClear && (\n <StyledSelectClearIcon\n aria-hidden={true} // prevents reading \"delete field\" button when select in focus\n aria-label={i18n.t('core.select.clear')}\n ref={clearRef}\n data-qa={qa?.clear || 'core-select-clear'}\n size=\"sm\"\n variant=\"tertiary\"\n icon={<Clear />}\n onClick={onClear}\n onMouseDown={(e) => e.preventDefault()} // prevents an element from getting the focus\n tabIndex={-1} // TODO revisit this accessibility\n />\n )}\n {loading ? (\n <StyledSelectSpinner>\n <Spinner color=\"blue50\" size=\"xs\" />\n </StyledSelectSpinner>\n ) : (\n <StyledSelectArrowContainer>\n <StyledSelectArrow />\n </StyledSelectArrowContainer>\n )}\n </StyledSelectButton>\n )\n }\n)\n\nconst SelectMenu = React.forwardRef<HTMLDivElement, SelectMenuProps>(\n function SelectMenu(\n {\n onSearch: onSearch_,\n footer,\n emptyMessage,\n optionsRef,\n children,\n i18nScope,\n onSelect: onSelect_ = noop,\n menuRef,\n ...props\n },\n ref\n ) {\n const ctx = useOverlayTriggerContext()\n\n const [searchValue, setSearchValue] = React.useState('')\n const { menuProps, menuNavigationTriggerProps } =\n useMenuImperativeControlNavigation(menuRef, Boolean(onSearch_))\n\n React.useEffect(() => {\n menuRef.current?.highlightFirst()\n }, [menuRef, searchValue])\n\n React.useEffect(() => {\n menuRef.current?.highlightSuggested()\n menuRef.current?.highlightSelected()\n }, [menuRef])\n\n function onKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n props.onKeyDown?.(e)\n // This is disconnected from the OverlayTrigger closing on Escape.\n // Closing a dropdown with Escape will not close a Modal, because stopP.\n // It is called only once because the menu component is unmounted.\n // The next Escape will propagate.\n if (e.key === 'Escape' || e.key === 'Esc') {\n e.stopPropagation()\n }\n }\n\n function onSelect(selection: Selection) {\n onSelect_(selection)\n\n ctx.hide(selection.event)\n }\n\n function onSearch(event: React.ChangeEvent<HTMLInputElement>) {\n setSearchValue(event.target.value)\n\n onSearch_?.(event)\n }\n\n return (\n <StyledSelectMenu ref={ref} shadowStrength={2}>\n <MenuImperative\n {...props}\n {...menuProps}\n ref={menuRef}\n role=\"listbox\"\n onKeyDown={onKeyDown}\n onSelect={onSelect}\n circular\n >\n {onSearch_ && (\n <MenuImperative.Search\n autoComplete=\"false\"\n i18nScope={i18nScope}\n onChange={onSearch}\n {...menuNavigationTriggerProps}\n />\n )}\n {React.Children.count(children) ? (\n <MenuImperative.Options ref={optionsRef}>\n {children}\n </MenuImperative.Options>\n ) : (\n <Box padding=\"md lg\">\n <Notation variant=\"pagination\">{emptyMessage}</Notation>\n </Box>\n )}\n {footer && <MenuImperative.Footer>{footer}</MenuImperative.Footer>}\n </MenuImperative>\n </StyledSelectMenu>\n )\n }\n)\n\n/**\n\n We use single selects to allow our users to choose a single option from a list,\n presented in a dropdown. We typically see these selects on forms.\n\n If you want users to select multiple options, use a multi select, group select,\n and tiered select if you want users to select from a tiered set of options,\n use a tiered select.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-select--demo)\n\n @see [Design Guidelines](https://design.procore.com/select)\n\n */\nconst Select_ = React.forwardRef<HTMLDivElement, SelectProps>(function Select(\n {\n afterHide: afterHide_ = noop,\n afterShow: afterShow_ = noop,\n beforeHide = () => true,\n beforeShow = () => true,\n block = false,\n children,\n className,\n container,\n disabled = false,\n emptyMessage = 'No results',\n error = false,\n footer,\n hideDelay = 100,\n i18nScope = 'core.select',\n label = '',\n loading = false,\n onClear: onClear_,\n onKeyDown = noop,\n onScrollBottom,\n onSearch,\n onSelect = noop,\n optionsRef,\n placeholder,\n placement = 'bottom-left',\n showDelay = 0,\n tabIndex = 0,\n qa,\n ...props\n },\n forwardRef\n) {\n const menuRef = React.useRef<MenuRef>(null)\n const overlayTriggerRef = React.useRef<HTMLDivElement>(null)\n const ref =\n (forwardRef as React.RefObject<HTMLDivElement>) || overlayTriggerRef\n const [isMenuOpened, setIsMenuOpened] = React.useState(false)\n\n const clearRef = React.useRef<HTMLButtonElement>(null)\n\n function afterHide() {\n afterHide_()\n setIsMenuOpened(false)\n onSearch?.({\n target: { value: '' },\n } as React.ChangeEvent<HTMLInputElement>)\n }\n\n const onClear = React.useCallback(\n (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n onClear_?.(e)\n // IE 11 fix\n // Return focus back to trigger instead of the clear button\n overlayTriggerRef?.current?.focus()\n },\n [onClear_]\n )\n\n function afterShow() {\n afterShow_()\n setIsMenuOpened(true)\n }\n\n return (\n <OverlayTrigger\n autoFocus\n afterHide={afterHide}\n afterShow={afterShow}\n beforeHide={(e: Event) => {\n if (e.target === clearRef.current) {\n return false\n }\n\n return beforeHide(e)\n }}\n beforeShow={beforeShow}\n canFlip={true}\n container={container}\n hideDelay={hideDelay}\n overlay={\n <SelectMenu\n onSearch={onSearch}\n footer={footer}\n emptyMessage={emptyMessage}\n optionsRef={optionsRef}\n i18nScope={i18nScope}\n onSelect={onSelect}\n onScrollBottom={onScrollBottom}\n menuRef={menuRef}\n >\n {children}\n </SelectMenu>\n }\n placement={placement}\n ref={ref}\n showDelay={showDelay}\n trigger={disabled ? 'none' : 'click'}\n >\n <Button\n {...props}\n block={block}\n className={className}\n clearRef={clearRef}\n disabled={disabled}\n error={error}\n focus={onSearch ? false : isOpen}\n label={label}\n loading={loading}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n onClear={isNil(onClear_) ? onClear_ : onClear}\n isMenuOpened={isMenuOpened}\n tabIndex={tabIndex}\n qa={qa}\n />\n </OverlayTrigger>\n )\n})\n\nSelect_.displayName = 'Select'\n\nButton.displayName = 'Select.Button'\n\nOption.displayName = 'Select.Option'\n\nOptGroup.displayName = 'Select.OptGroup'\n\nexport const Select = addSubcomponents(\n {\n Button,\n Option,\n OptGroup,\n },\n Select_\n)\n"],"mappings":"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"}
|