@procore/core-react 11.22.1 → 11.23.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/babel.config.js +32 -15
- package/dist/@types/files.d.js +2 -0
- package/dist/@types/files.d.js.map +1 -0
- package/dist/@types/global.d.js +2 -0
- package/dist/@types/global.d.js.map +1 -0
- package/dist/Avatar/Avatar.js +91 -80
- package/dist/Avatar/Avatar.js.map +1 -1
- package/dist/Avatar/Avatar.styles.js +57 -29
- package/dist/Avatar/Avatar.styles.js.map +1 -1
- package/dist/Avatar/Avatar.types.js.map +1 -1
- package/dist/Avatar/index.js +1 -0
- package/dist/Avatar/index.js.map +1 -1
- package/dist/AvatarStack/AvatarStack.constants.js.map +1 -1
- package/dist/AvatarStack/AvatarStack.js +306 -171
- package/dist/AvatarStack/AvatarStack.js.map +1 -1
- package/dist/AvatarStack/AvatarStack.styles.js +30 -12
- package/dist/AvatarStack/AvatarStack.styles.js.map +1 -1
- package/dist/AvatarStack/AvatarStack.types.js.map +1 -1
- package/dist/AvatarStack/index.js +1 -0
- package/dist/AvatarStack/index.js.map +1 -1
- package/dist/Badge/Badge.js +10 -16
- package/dist/Badge/Badge.js.map +1 -1
- package/dist/Badge/Badge.styles.js +8 -7
- package/dist/Badge/Badge.styles.js.map +1 -1
- package/dist/Badge/Badge.types.js.map +1 -1
- package/dist/Badge/index.js +1 -0
- package/dist/Badge/index.js.map +1 -1
- package/dist/Banner/Banner.js +211 -110
- package/dist/Banner/Banner.js.map +1 -1
- package/dist/Banner/Banner.styles.js +85 -56
- package/dist/Banner/Banner.styles.js.map +1 -1
- package/dist/Banner/Banner.types.js.map +1 -1
- package/dist/Banner/index.js +2 -1
- package/dist/Banner/index.js.map +1 -1
- package/dist/Box/Box.js +85 -55
- package/dist/Box/Box.js.map +1 -1
- package/dist/Box/Box.styles.js +22 -24
- package/dist/Box/Box.styles.js.map +1 -1
- package/dist/Box/Box.types.js.map +1 -1
- package/dist/Box/index.js +1 -0
- package/dist/Box/index.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +67 -65
- package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +28 -21
- package/dist/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.types.js +5 -5
- package/dist/Breadcrumbs/Breadcrumbs.types.js.map +1 -1
- package/dist/Breadcrumbs/index.js +1 -0
- package/dist/Breadcrumbs/index.js.map +1 -1
- package/dist/Button/Button.js +105 -63
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/Button.styles.js +95 -81
- package/dist/Button/Button.styles.js.map +1 -1
- package/dist/Button/Button.types.js.map +1 -1
- package/dist/Button/index.js.map +1 -1
- package/dist/Calendar/Calendar.js +244 -125
- package/dist/Calendar/Calendar.js.map +1 -1
- package/dist/Calendar/Calendar.styles.js +52 -24
- package/dist/Calendar/Calendar.styles.js.map +1 -1
- package/dist/Calendar/Calendar.types.js.map +1 -1
- package/dist/Calendar/index.js +1 -0
- package/dist/Calendar/index.js.map +1 -1
- package/dist/Card/Card.js +22 -30
- package/dist/Card/Card.js.map +1 -1
- package/dist/Card/Card.styles.js +12 -12
- package/dist/Card/Card.styles.js.map +1 -1
- package/dist/Card/Card.types.js.map +1 -1
- package/dist/Card/index.js +1 -0
- package/dist/Card/index.js.map +1 -1
- package/dist/Changelog.mdx +6 -0
- package/dist/Checkbox/Checkbox.js +56 -33
- package/dist/Checkbox/Checkbox.js.map +1 -1
- package/dist/Checkbox/Checkbox.styles.js +103 -87
- package/dist/Checkbox/Checkbox.styles.js.map +1 -1
- package/dist/Checkbox/Checkbox.types.js.map +1 -1
- package/dist/Checkbox/index.js +1 -0
- package/dist/Checkbox/index.js.map +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.js +24 -31
- package/dist/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.types.js.map +1 -1
- package/dist/CheckboxGroup/index.js +1 -0
- package/dist/CheckboxGroup/index.js.map +1 -1
- package/dist/ClickOutside/ClickOutside.js +38 -38
- package/dist/ClickOutside/ClickOutside.js.map +1 -1
- package/dist/ClickOutside/index.js.map +1 -1
- package/dist/ContactItem/ContactItem.js +56 -45
- package/dist/ContactItem/ContactItem.js.map +1 -1
- package/dist/ContactItem/ContactItem.styles.js +31 -21
- package/dist/ContactItem/ContactItem.styles.js.map +1 -1
- package/dist/ContactItem/ContactItem.types.js.map +1 -1
- package/dist/ContactItem/index.js +1 -0
- package/dist/ContactItem/index.js.map +1 -1
- package/dist/Content/Content.js +2 -13
- package/dist/Content/Content.js.map +1 -1
- package/dist/Content/Content.styles.js +9 -8
- package/dist/Content/Content.styles.js.map +1 -1
- package/dist/Content/index.js.map +1 -1
- package/dist/DateInput/DateInput.js +453 -347
- package/dist/DateInput/DateInput.js.map +1 -1
- package/dist/DateInput/DateInput.styles.js +42 -27
- package/dist/DateInput/DateInput.styles.js.map +1 -1
- package/dist/DateInput/DateInput.types.js.map +1 -1
- package/dist/DateInput/index.js +1 -1
- package/dist/DateInput/index.js.map +1 -1
- package/dist/DateSelect/DateSelect.js +148 -107
- package/dist/DateSelect/DateSelect.js.map +1 -1
- package/dist/DateSelect/DateSelect.types.js.map +1 -1
- package/dist/DateSelect/index.js +1 -0
- package/dist/DateSelect/index.js.map +1 -1
- package/dist/DetailPage/DetailPage.constants.js +42 -42
- package/dist/DetailPage/DetailPage.constants.js.map +1 -1
- package/dist/DetailPage/DetailPage.js +66 -62
- package/dist/DetailPage/DetailPage.js.map +1 -1
- package/dist/DetailPage/DetailPage.styles.js +30 -14
- package/dist/DetailPage/DetailPage.styles.js.map +1 -1
- package/dist/DetailPage/DetailPage.types.js.map +1 -1
- package/dist/DetailPage/RankedHeading.js +8 -8
- package/dist/DetailPage/RankedHeading.js.map +1 -1
- package/dist/DetailPage/index.js +1 -0
- package/dist/DetailPage/index.js.map +1 -1
- package/dist/Dropdown/Dropdown.js +193 -99
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/Dropdown.styles.js +21 -15
- package/dist/Dropdown/Dropdown.styles.js.map +1 -1
- package/dist/Dropdown/Dropdown.types.js.map +1 -1
- package/dist/Dropdown/index.js +1 -0
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.helpers.js +277 -239
- package/dist/DropdownFlyout/DropdownFlyout.helpers.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.js +234 -132
- package/dist/DropdownFlyout/DropdownFlyout.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.styles.js +16 -9
- package/dist/DropdownFlyout/DropdownFlyout.styles.js.map +1 -1
- package/dist/DropdownFlyout/DropdownFlyout.types.js.map +1 -1
- package/dist/DropdownFlyout/index.js +1 -1
- package/dist/DropdownFlyout/index.js.map +1 -1
- package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js +10 -11
- package/dist/DropdownFlyout/useDropdownFlyoutOverlay.js.map +1 -1
- package/dist/Dropzone/Dropzone.hooks.js +257 -211
- package/dist/Dropzone/Dropzone.hooks.js.map +1 -1
- package/dist/Dropzone/Dropzone.js +209 -156
- package/dist/Dropzone/Dropzone.js.map +1 -1
- package/dist/Dropzone/Dropzone.styles.js +54 -31
- package/dist/Dropzone/Dropzone.styles.js.map +1 -1
- package/dist/Dropzone/Dropzone.types.js +19 -11
- package/dist/Dropzone/Dropzone.types.js.map +1 -1
- package/dist/Dropzone/index.js +1 -0
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/EmptyState/EmptyState.js +274 -116
- package/dist/EmptyState/EmptyState.js.map +1 -1
- package/dist/EmptyState/EmptyState.styles.js +33 -19
- package/dist/EmptyState/EmptyState.styles.js.map +1 -1
- package/dist/EmptyState/EmptyState.types.js.map +1 -1
- package/dist/EmptyState/index.js +1 -0
- package/dist/EmptyState/index.js.map +1 -1
- package/dist/Field/Field.js +26 -33
- package/dist/Field/Field.js.map +1 -1
- package/dist/Field/Field.styles.js +12 -8
- package/dist/Field/Field.styles.js.map +1 -1
- package/dist/Field/index.js.map +1 -1
- package/dist/FileList/FileList.js +83 -55
- package/dist/FileList/FileList.js.map +1 -1
- package/dist/FileList/FileList.styles.js +16 -9
- package/dist/FileList/FileList.styles.js.map +1 -1
- package/dist/FileList/FileList.types.js.map +1 -1
- package/dist/FileList/index.js +1 -0
- package/dist/FileList/index.js.map +1 -1
- package/dist/FileSelect/FileExplorer/FileExplorer.d.ts +2 -1
- package/dist/FileSelect/FileExplorer/FileExplorer.js +69 -65
- package/dist/FileSelect/FileExplorer/FileExplorer.js.map +1 -1
- package/dist/FileSelect/FileExplorer/FileExplorer.styles.js +37 -16
- package/dist/FileSelect/FileExplorer/FileExplorer.styles.js.map +1 -1
- package/dist/FileSelect/FileExplorer/FileExplorer.types.js.map +1 -1
- package/dist/FileSelect/FileExplorer/FileExplorerModal.d.ts +2 -1
- package/dist/FileSelect/FileExplorer/FileExplorerModal.js +25 -31
- package/dist/FileSelect/FileExplorer/FileExplorerModal.js.map +1 -1
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.js +92 -63
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.js.map +1 -1
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js +12 -8
- package/dist/FileSelect/FileExplorer/FileExplorerSidebar.styles.js.map +1 -1
- package/dist/FileSelect/FileExplorer/useSidebarNavigation.js +40 -51
- package/dist/FileSelect/FileExplorer/useSidebarNavigation.js.map +1 -1
- package/dist/FileSelect/FileSelect.d.ts +2 -1
- package/dist/FileSelect/FileSelect.js +466 -324
- package/dist/FileSelect/FileSelect.js.map +1 -1
- package/dist/FileSelect/FileSelect.styles.js +8 -7
- package/dist/FileSelect/FileSelect.styles.js.map +1 -1
- package/dist/FileSelect/FileSelect.types.js.map +1 -1
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.js +93 -47
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.js.map +1 -1
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js +16 -14
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.styles.js.map +1 -1
- package/dist/FileSelect/FileSelectDropzone/FileSelectDropzone.types.js.map +1 -1
- package/dist/FileSelect/FileSelectDropzone/index.js +1 -0
- package/dist/FileSelect/FileSelectDropzone/index.js.map +1 -1
- package/dist/FileSelect/FileTokenList/FileToken.types.js.map +1 -1
- package/dist/FileSelect/FileTokenList/FileTokenList.js +112 -90
- package/dist/FileSelect/FileTokenList/FileTokenList.js.map +1 -1
- package/dist/FileSelect/FileTokenList/FileTokenList.styles.js +8 -7
- package/dist/FileSelect/FileTokenList/FileTokenList.styles.js.map +1 -1
- package/dist/FileSelect/FileTokenList/index.js.map +1 -1
- package/dist/FileSelect/GridSource/GridSource.js +269 -222
- package/dist/FileSelect/GridSource/GridSource.js.map +1 -1
- package/dist/FileSelect/GridSource/GridSource.styles.js +32 -19
- package/dist/FileSelect/GridSource/GridSource.styles.js.map +1 -1
- package/dist/FileSelect/GridSource/GridSource.types.js.map +1 -1
- package/dist/FileSelect/GridSource/index.js +1 -0
- package/dist/FileSelect/GridSource/index.js.map +1 -1
- package/dist/FileSelect/LocalSource/LocalSource.js +401 -314
- package/dist/FileSelect/LocalSource/LocalSource.js.map +1 -1
- package/dist/FileSelect/LocalSource/LocalSource.styles.js +18 -11
- package/dist/FileSelect/LocalSource/LocalSource.styles.js.map +1 -1
- package/dist/FileSelect/LocalSource/LocalSource.types.js.map +1 -1
- package/dist/FileSelect/LocalSource/index.js +1 -0
- package/dist/FileSelect/LocalSource/index.js.map +1 -1
- package/dist/FileSelect/ProgressAnnouncer/ProgressAnnouncer.js +91 -69
- package/dist/FileSelect/ProgressAnnouncer/ProgressAnnouncer.js.map +1 -1
- package/dist/FileSelect/ProgressAnnouncer/ProgressAnnouncer.types.js.map +1 -1
- package/dist/FileSelect/ProgressAnnouncer/index.js.map +1 -1
- package/dist/FileSelect/SourceItem/SourceItem.js +66 -54
- package/dist/FileSelect/SourceItem/SourceItem.js.map +1 -1
- package/dist/FileSelect/SourceItem/SourceItem.styles.js +29 -24
- package/dist/FileSelect/SourceItem/SourceItem.styles.js.map +1 -1
- package/dist/FileSelect/SourceItem/SourceItem.test.js +53 -0
- package/dist/FileSelect/ThumbnailList/ThumbnailList.js +175 -110
- package/dist/FileSelect/ThumbnailList/ThumbnailList.js.map +1 -1
- package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js +33 -23
- package/dist/FileSelect/ThumbnailList/ThumbnailList.styles.js.map +1 -1
- package/dist/FileSelect/ThumbnailList/ThumbnailList.types.js.map +1 -1
- package/dist/FileSelect/ThumbnailList/index.js.map +1 -1
- package/dist/FileSelect/TreeSource/TreeSource.js +173 -135
- package/dist/FileSelect/TreeSource/TreeSource.js.map +1 -1
- package/dist/FileSelect/TreeSource/TreeSource.styles.js +4 -6
- package/dist/FileSelect/TreeSource/TreeSource.styles.js.map +1 -1
- package/dist/FileSelect/TreeSource/TreeSource.types.js.map +1 -1
- package/dist/FileSelect/TreeSource/index.js +1 -0
- package/dist/FileSelect/TreeSource/index.js.map +1 -1
- package/dist/FileSelect/index.js +3 -1
- package/dist/FileSelect/index.js.map +1 -1
- package/dist/FileSelect/storyHelpers.js +301 -231
- package/dist/FileSelect/storyHelpers.js.map +1 -1
- package/dist/FileToken/FileToken.js +103 -80
- package/dist/FileToken/FileToken.js.map +1 -1
- package/dist/FileToken/FileToken.styles.js +29 -21
- package/dist/FileToken/FileToken.styles.js.map +1 -1
- package/dist/FileToken/FileToken.types.js.map +1 -1
- package/dist/FileToken/index.js.map +1 -1
- package/dist/FilterToken/FilterToken.js +44 -34
- package/dist/FilterToken/FilterToken.js.map +1 -1
- package/dist/FilterToken/FilterToken.styles.js +12 -10
- package/dist/FilterToken/FilterToken.styles.js.map +1 -1
- package/dist/FilterToken/FilterToken.types.js.map +1 -1
- package/dist/FilterToken/index.js.map +1 -1
- package/dist/Flex/Flex.js +33 -25
- package/dist/Flex/Flex.js.map +1 -1
- package/dist/Flex/Flex.types.js.map +1 -1
- package/dist/Flex/index.js +1 -0
- package/dist/Flex/index.js.map +1 -1
- package/dist/FlexList/FlexList.js +52 -47
- package/dist/FlexList/FlexList.js.map +1 -1
- package/dist/FlexList/FlexList.styles.js +9 -11
- package/dist/FlexList/FlexList.styles.js.map +1 -1
- package/dist/FlexList/FlexList.types.js.map +1 -1
- package/dist/FlexList/index.js +1 -0
- package/dist/FlexList/index.js.map +1 -1
- package/dist/Form/Form.js +1348 -711
- package/dist/Form/Form.js.map +1 -1
- package/dist/Form/Form.styles.js +92 -43
- package/dist/Form/Form.styles.js.map +1 -1
- package/dist/Form/Form.types.js.map +1 -1
- package/dist/Form/closeWithConfirm.js +38 -31
- package/dist/Form/closeWithConfirm.js.map +1 -1
- package/dist/Form/index.js +2 -1
- package/dist/Form/index.js.map +1 -1
- package/dist/Form/stories/util.js +480 -385
- package/dist/Form/stories/util.js.map +1 -1
- package/dist/Grid/Grid.constants.js +13 -20
- package/dist/Grid/Grid.constants.js.map +1 -1
- package/dist/Grid/Grid.js +50 -44
- package/dist/Grid/Grid.js.map +1 -1
- package/dist/Grid/Grid.styles.js +95 -88
- package/dist/Grid/Grid.styles.js.map +1 -1
- package/dist/Grid/Grid.types.js.map +1 -1
- package/dist/Grid/Grid.utils.js +17 -9
- package/dist/Grid/Grid.utils.js.map +1 -1
- package/dist/Grid/index.js +1 -0
- package/dist/Grid/index.js.map +1 -1
- package/dist/GroupSelect/GroupSelect.js +210 -146
- package/dist/GroupSelect/GroupSelect.js.map +1 -1
- package/dist/GroupSelect/GroupSelect.styles.js +6 -8
- package/dist/GroupSelect/GroupSelect.styles.js.map +1 -1
- package/dist/GroupSelect/GroupSelect.types.js.map +1 -1
- package/dist/GroupSelect/index.js +1 -0
- package/dist/GroupSelect/index.js.map +1 -1
- package/dist/Input/Input.js +10 -25
- package/dist/Input/Input.js.map +1 -1
- package/dist/Input/Input.styles.js +10 -11
- package/dist/Input/Input.styles.js.map +1 -1
- package/dist/Input/Input.types.js.map +1 -1
- package/dist/Input/index.js +1 -0
- package/dist/Input/index.js.map +1 -1
- package/dist/Link/Link.js +10 -25
- package/dist/Link/Link.js.map +1 -1
- package/dist/Link/Link.styles.js +16 -17
- package/dist/Link/Link.styles.js.map +1 -1
- package/dist/Link/Link.types.js.map +1 -1
- package/dist/Link/index.js +1 -0
- package/dist/Link/index.js.map +1 -1
- package/dist/ListPage/ListPage.js +69 -51
- package/dist/ListPage/ListPage.js.map +1 -1
- package/dist/ListPage/ListPage.styles.js +44 -25
- package/dist/ListPage/ListPage.styles.js.map +1 -1
- package/dist/ListPage/ListPage.types.js.map +1 -1
- package/dist/ListPage/index.js.map +1 -1
- package/dist/Loader/Loader.js +24 -31
- package/dist/Loader/Loader.js.map +1 -1
- package/dist/Loader/Loader.styles.js +11 -11
- package/dist/Loader/Loader.styles.js.map +1 -1
- package/dist/Loader/Loader.types.js.map +1 -1
- package/dist/Loader/index.js.map +1 -1
- package/dist/Menu/Menu.js +332 -237
- package/dist/Menu/Menu.js.map +1 -1
- package/dist/Menu/Menu.types.js.map +1 -1
- package/dist/Menu/index.js +1 -0
- package/dist/Menu/index.js.map +1 -1
- package/dist/MenuImperative/MenuImperative.js +504 -311
- package/dist/MenuImperative/MenuImperative.js.map +1 -1
- package/dist/MenuImperative/MenuImperative.styles.js +71 -46
- package/dist/MenuImperative/MenuImperative.styles.js.map +1 -1
- package/dist/MenuImperative/MenuImperative.types.js.map +1 -1
- package/dist/MenuImperative/index.js +1 -1
- package/dist/MenuImperative/index.js.map +1 -1
- package/dist/MenuImperative/sensors.js +232 -233
- package/dist/MenuImperative/sensors.js.map +1 -1
- package/dist/Modal/ChildRegistry.context.js +46 -33
- package/dist/Modal/ChildRegistry.context.js.map +1 -1
- package/dist/Modal/Modal.js +296 -193
- package/dist/Modal/Modal.js.map +1 -1
- package/dist/Modal/Modal.styles.js +76 -41
- package/dist/Modal/Modal.styles.js.map +1 -1
- package/dist/Modal/Modal.types.js.map +1 -1
- package/dist/Modal/index.js +1 -0
- package/dist/Modal/index.js.map +1 -1
- package/dist/Modal/storyHelpers.js +221 -149
- package/dist/Modal/storyHelpers.js.map +1 -1
- package/dist/Modal/useInitializeModalFocus.js +30 -29
- package/dist/Modal/useInitializeModalFocus.js.map +1 -1
- package/dist/MultiSelect/MultiSelect.js +487 -324
- package/dist/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/MultiSelect/MultiSelect.styles.js +29 -16
- package/dist/MultiSelect/MultiSelect.styles.js.map +1 -1
- package/dist/MultiSelect/MultiSelect.test.js +250 -0
- package/dist/MultiSelect/MultiSelect.types.js.map +1 -1
- package/dist/MultiSelect/index.js.map +1 -1
- package/dist/NextMenu/NextMenu.js +121 -55
- package/dist/NextMenu/NextMenu.js.map +1 -1
- package/dist/NextMenu/NextMenu.styles.js +13 -9
- package/dist/NextMenu/NextMenu.styles.js.map +1 -1
- package/dist/NextMenu/NextMenu.types.js.map +1 -1
- package/dist/NextMenu/NextMenuItem.js +23 -29
- package/dist/NextMenu/NextMenuItem.js.map +1 -1
- package/dist/NextMenu/sampleData.js +469 -179
- package/dist/NextMenu/sampleData.js.map +1 -1
- package/dist/NextTile/NextTile.js +174 -101
- package/dist/NextTile/NextTile.js.map +1 -1
- package/dist/NextTile/NextTile.types.js.map +1 -1
- package/dist/Notation/Notation.js +26 -45
- package/dist/Notation/Notation.js.map +1 -1
- package/dist/Notation/Notation.types.js +4 -4
- package/dist/Notation/Notation.types.js.map +1 -1
- package/dist/Notation/index.js +1 -0
- package/dist/Notation/index.js.map +1 -1
- package/dist/NumberInput/NumberInput.constants.js.map +1 -1
- package/dist/NumberInput/NumberInput.hooks.js +47 -41
- package/dist/NumberInput/NumberInput.hooks.js.map +1 -1
- package/dist/NumberInput/NumberInput.js +440 -338
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/NumberInput/NumberInput.styles.js +34 -18
- package/dist/NumberInput/NumberInput.styles.js.map +1 -1
- package/dist/NumberInput/NumberInput.types.js.map +1 -1
- package/dist/NumberInput/NumberInput.utils.js +436 -455
- package/dist/NumberInput/NumberInput.utils.js.map +1 -1
- package/dist/NumberInput/index.js +1 -0
- package/dist/NumberInput/index.js.map +1 -1
- package/dist/Overlay/Overlay.js +36 -35
- package/dist/Overlay/Overlay.js.map +1 -1
- package/dist/Overlay/OverlayArrow.js +27 -21
- package/dist/Overlay/OverlayArrow.js.map +1 -1
- package/dist/Overlay/OverlayArrow.styles.js +4 -6
- package/dist/Overlay/OverlayArrow.styles.js.map +1 -1
- package/dist/Overlay/index.js +1 -1
- package/dist/Overlay/index.js.map +1 -1
- package/dist/Overlay/useOverlay.js +29 -21
- package/dist/Overlay/useOverlay.js.map +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.js +297 -205
- package/dist/OverlayTrigger/OverlayTrigger.js.map +1 -1
- package/dist/OverlayTrigger/OverlayTrigger.test.js +483 -0
- package/dist/OverlayTrigger/OverlayTrigger.types.js.map +1 -1
- package/dist/OverlayTrigger/a11yPresets.js +248 -185
- package/dist/OverlayTrigger/a11yPresets.js.map +1 -1
- package/dist/OverlayTrigger/index.js +2 -1
- package/dist/OverlayTrigger/index.js.map +1 -1
- package/dist/PageLayout/PageLayout.constants.js.map +1 -1
- package/dist/PageLayout/PageLayout.js +324 -269
- package/dist/PageLayout/PageLayout.js.map +1 -1
- package/dist/PageLayout/PageLayout.styles.js +111 -71
- package/dist/PageLayout/PageLayout.styles.js.map +1 -1
- package/dist/PageLayout/PageLayout.types.js.map +1 -1
- package/dist/PageLayout/PageLayout.utils.js +37 -35
- package/dist/PageLayout/PageLayout.utils.js.map +1 -1
- package/dist/PageLayout/index.js +1 -0
- package/dist/PageLayout/index.js.map +1 -1
- package/dist/Pagination/Pagination.js +98 -65
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/Pagination/Pagination.styles.js +20 -10
- package/dist/Pagination/Pagination.styles.js.map +1 -1
- package/dist/Pagination/Pagination.types.js.map +1 -1
- package/dist/Pagination/PaginationSelect.js +126 -96
- package/dist/Pagination/PaginationSelect.js.map +1 -1
- package/dist/Pagination/index.js +1 -0
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Panel/Panel.js +207 -127
- package/dist/Panel/Panel.js.map +1 -1
- package/dist/Panel/Panel.styles.js +61 -33
- package/dist/Panel/Panel.styles.js.map +1 -1
- package/dist/Panel/Panel.types.js.map +1 -1
- package/dist/Panel/index.js +1 -0
- package/dist/Panel/index.js.map +1 -1
- package/dist/Pill/Pill.colorPalette.js +40 -40
- package/dist/Pill/Pill.colorPalette.js.map +1 -1
- package/dist/Pill/Pill.js +32 -31
- package/dist/Pill/Pill.js.map +1 -1
- package/dist/Pill/Pill.styles.js +12 -11
- package/dist/Pill/Pill.styles.js.map +1 -1
- package/dist/Pill/Pill.types.js.map +1 -1
- package/dist/Pill/index.js +1 -0
- package/dist/Pill/index.js.map +1 -1
- package/dist/PillSelect/PillSelect.js +143 -77
- package/dist/PillSelect/PillSelect.js.map +1 -1
- package/dist/PillSelect/PillSelect.styles.js +18 -11
- package/dist/PillSelect/PillSelect.styles.js.map +1 -1
- package/dist/PillSelect/PillSelect.types.js.map +1 -1
- package/dist/PillSelect/index.js +1 -0
- package/dist/PillSelect/index.js.map +1 -1
- package/dist/Popover/Popover.js +57 -32
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Popover/Popover.styles.js +12 -11
- package/dist/Popover/Popover.styles.js.map +1 -1
- package/dist/Popover/Popover.types.js.map +1 -1
- package/dist/Popover/index.js +1 -0
- package/dist/Popover/index.js.map +1 -1
- package/dist/Portal/Portal.js +14 -26
- package/dist/Portal/Portal.js.map +1 -1
- package/dist/Portal/Portal.styles.js +4 -6
- package/dist/Portal/Portal.styles.js.map +1 -1
- package/dist/Portal/Portal.types.js.map +1 -1
- package/dist/Portal/index.js.map +1 -1
- package/dist/ProgressBar/ProgressBar.js +58 -50
- package/dist/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/ProgressBar/ProgressBar.styles.js +18 -17
- package/dist/ProgressBar/ProgressBar.styles.js.map +1 -1
- package/dist/ProgressBar/ProgressBar.types.js.map +1 -1
- package/dist/ProgressBar/index.js +1 -0
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/RadioButton/RadioButton.js +21 -28
- package/dist/RadioButton/RadioButton.js.map +1 -1
- package/dist/RadioButton/RadioButton.styles.js +18 -14
- package/dist/RadioButton/RadioButton.styles.js.map +1 -1
- package/dist/RadioButton/RadioButton.types.js.map +1 -1
- package/dist/RadioButton/index.js +1 -0
- package/dist/RadioButton/index.js.map +1 -1
- package/dist/Required/Required.js +21 -32
- package/dist/Required/Required.js.map +1 -1
- package/dist/Required/Required.styles.js +18 -14
- package/dist/Required/Required.styles.js.map +1 -1
- package/dist/Required/Required.types.js.map +1 -1
- package/dist/Required/index.js +1 -0
- package/dist/Required/index.js.map +1 -1
- package/dist/Search/Search.hooks.js +59 -40
- package/dist/Search/Search.hooks.js.map +1 -1
- package/dist/Search/Search.js +60 -48
- package/dist/Search/Search.js.map +1 -1
- package/dist/Search/Search.styles.js +28 -11
- package/dist/Search/Search.styles.js.map +1 -1
- package/dist/Search/Search.types.js.map +1 -1
- package/dist/Search/index.js +1 -0
- package/dist/Search/index.js.map +1 -1
- package/dist/Section/Section.js +127 -102
- package/dist/Section/Section.js.map +1 -1
- package/dist/Section/Section.styles.js +34 -19
- package/dist/Section/Section.styles.js.map +1 -1
- package/dist/Section/Section.types.js.map +1 -1
- package/dist/Section/index.js.map +1 -1
- package/dist/SegmentedController/SegmentedController.js +135 -93
- package/dist/SegmentedController/SegmentedController.js.map +1 -1
- package/dist/SegmentedController/SegmentedController.styles.js +38 -29
- package/dist/SegmentedController/SegmentedController.styles.js.map +1 -1
- package/dist/SegmentedController/SegmentedController.types.js +3 -3
- package/dist/SegmentedController/SegmentedController.types.js.map +1 -1
- package/dist/SegmentedController/index.js +1 -0
- package/dist/SegmentedController/index.js.map +1 -1
- package/dist/Select/Select.js +302 -125
- package/dist/Select/Select.js.map +1 -1
- package/dist/Select/Select.styles.js +66 -46
- package/dist/Select/Select.styles.js.map +1 -1
- package/dist/Select/Select.types.js.map +1 -1
- package/dist/Select/index.js +1 -1
- package/dist/Select/index.js.map +1 -1
- package/dist/Semantic/Semantic.js +63 -40
- package/dist/Semantic/Semantic.js.map +1 -1
- package/dist/Semantic/Semantic.styles.js +49 -34
- package/dist/Semantic/Semantic.styles.js.map +1 -1
- package/dist/Semantic/Semantic.types.js.map +1 -1
- package/dist/Semantic/index.js.map +1 -1
- package/dist/Sidebar/Sidebar.js +85 -68
- package/dist/Sidebar/Sidebar.js.map +1 -1
- package/dist/Sidebar/Sidebar.styles.js +32 -16
- package/dist/Sidebar/Sidebar.styles.js.map +1 -1
- package/dist/Sidebar/index.js.map +1 -1
- package/dist/Slider/Slider.js +120 -73
- package/dist/Slider/Slider.js.map +1 -1
- package/dist/Slider/Slider.styles.js +48 -22
- package/dist/Slider/Slider.styles.js.map +1 -1
- package/dist/Slider/Slider.types.js.map +1 -1
- package/dist/Slider/index.js +1 -0
- package/dist/Slider/index.js.map +1 -1
- package/dist/Spinner/Spinner.js +49 -42
- package/dist/Spinner/Spinner.js.map +1 -1
- package/dist/Spinner/Spinner.styles.js +64 -47
- package/dist/Spinner/Spinner.styles.js.map +1 -1
- package/dist/Spinner/Spinner.types.js.map +1 -1
- package/dist/Spinner/index.js +1 -0
- package/dist/Spinner/index.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.components.js +288 -210
- package/dist/SuperSelect/SuperSelect.components.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.constants.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.js +82 -56
- package/dist/SuperSelect/SuperSelect.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.presets.styles.js +4 -6
- package/dist/SuperSelect/SuperSelect.presets.styles.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.styles.js +228 -117
- package/dist/SuperSelect/SuperSelect.styles.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.types.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.utils.js +136 -129
- package/dist/SuperSelect/SuperSelect.utils.js.map +1 -1
- package/dist/SuperSelect/SuperSelect.utils.test.js +717 -0
- package/dist/SuperSelect/index.js +1 -1
- package/dist/SuperSelect/index.js.map +1 -1
- package/dist/SuperSelect/presets/contactsPreset.js +16 -31
- package/dist/SuperSelect/presets/contactsPreset.js.map +1 -1
- package/dist/SuperSelect/presets/filterPreset.js +55 -55
- package/dist/SuperSelect/presets/filterPreset.js.map +1 -1
- package/dist/SuperSelect/presets/index.js +4 -4
- package/dist/SuperSelect/presets/index.js.map +1 -1
- package/dist/SuperSelect/presets/pillPreset.js +39 -25
- package/dist/SuperSelect/presets/pillPreset.js.map +1 -1
- package/dist/SuperSelect/useSuperSelect.js +769 -636
- package/dist/SuperSelect/useSuperSelect.js.map +1 -1
- package/dist/SuperSelect/useSuperSelect.test.js +1284 -0
- package/dist/SuperSelect/useVirtuosoResizeErrorFix.js +15 -18
- package/dist/SuperSelect/useVirtuosoResizeErrorFix.js.map +1 -1
- package/dist/Switch/Switch.js +22 -32
- package/dist/Switch/Switch.js.map +1 -1
- package/dist/Switch/Switch.styles.js +26 -17
- package/dist/Switch/Switch.styles.js.map +1 -1
- package/dist/Switch/Switch.types.js.map +1 -1
- package/dist/Switch/index.js +1 -0
- package/dist/Switch/index.js.map +1 -1
- package/dist/Table/Table.js +372 -197
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/Table.styles.js +204 -127
- package/dist/Table/Table.styles.js.map +1 -1
- package/dist/Table/Table.types.js.map +1 -1
- package/dist/Table/index.js +1 -0
- package/dist/Table/index.js.map +1 -1
- package/dist/TableShelf/TableShelf.js +51 -47
- package/dist/TableShelf/TableShelf.js.map +1 -1
- package/dist/TableShelf/TableShelf.styles.js +20 -10
- package/dist/TableShelf/TableShelf.styles.js.map +1 -1
- package/dist/TableShelf/index.js.map +1 -1
- package/dist/Tabs/Tabs.js +237 -136
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Tabs/Tabs.styles.js +59 -40
- package/dist/Tabs/Tabs.styles.js.map +1 -1
- package/dist/Tabs/Tabs.types.js +6 -6
- package/dist/Tabs/Tabs.types.js.map +1 -1
- package/dist/Tabs/index.js +1 -0
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tearsheet/Tearsheet.constants.js +2 -15
- package/dist/Tearsheet/Tearsheet.constants.js.map +1 -1
- package/dist/Tearsheet/Tearsheet.js +228 -177
- package/dist/Tearsheet/Tearsheet.js.map +1 -1
- package/dist/Tearsheet/Tearsheet.styles.js +106 -92
- package/dist/Tearsheet/Tearsheet.styles.js.map +1 -1
- package/dist/Tearsheet/Tearsheet.types.js.map +1 -1
- package/dist/Tearsheet/Tearsheet.util.js +53 -49
- package/dist/Tearsheet/Tearsheet.util.js.map +1 -1
- package/dist/Tearsheet/index.js +1 -0
- package/dist/Tearsheet/index.js.map +1 -1
- package/dist/TextArea/TextArea.js +13 -25
- package/dist/TextArea/TextArea.js.map +1 -1
- package/dist/TextArea/TextArea.styles.js +7 -8
- package/dist/TextArea/TextArea.styles.js.map +1 -1
- package/dist/TextArea/TextArea.types.js.map +1 -1
- package/dist/TextArea/index.js +1 -0
- package/dist/TextArea/index.js.map +1 -1
- package/dist/TextEditor/TextEditor.js +110 -81
- package/dist/TextEditor/TextEditor.js.map +1 -1
- package/dist/TextEditor/TextEditor.styles.js +3 -8
- package/dist/TextEditor/TextEditor.styles.js.map +1 -1
- package/dist/TextEditor/TextEditor.types.js.map +1 -1
- package/dist/TextEditor/index.js +1 -0
- package/dist/TextEditor/index.js.map +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.js +29 -27
- package/dist/TextEditorOutput/TextEditorOutput.js.map +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.styles.js +4 -6
- package/dist/TextEditorOutput/TextEditorOutput.styles.js.map +1 -1
- package/dist/TextEditorOutput/TextEditorOutput.types.js.map +1 -1
- package/dist/TextEditorOutput/index.js.map +1 -1
- package/dist/Thumbnail/Thumbnail.hooks.js +89 -57
- package/dist/Thumbnail/Thumbnail.hooks.js.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +394 -180
- package/dist/Thumbnail/Thumbnail.js.map +1 -1
- package/dist/Thumbnail/Thumbnail.styles.js +151 -130
- package/dist/Thumbnail/Thumbnail.styles.js.map +1 -1
- package/dist/Thumbnail/Thumbnail.types.js.map +1 -1
- package/dist/Thumbnail/Thumbnail.utils.js +45 -55
- package/dist/Thumbnail/Thumbnail.utils.js.map +1 -1
- package/dist/Thumbnail/ThumbnailCaption.js +101 -54
- package/dist/Thumbnail/ThumbnailCaption.js.map +1 -1
- package/dist/Thumbnail/ThumbnailDocumentIcon.js +479 -156
- package/dist/Thumbnail/ThumbnailDocumentIcon.js.map +1 -1
- package/dist/Thumbnail/ThumbnailPreview.js +31 -20
- package/dist/Thumbnail/ThumbnailPreview.js.map +1 -1
- package/dist/Thumbnail/index.js +2 -0
- package/dist/Thumbnail/index.js.map +1 -1
- package/dist/ThumbnailGrid/ThumbnailGrid.hooks.js +102 -81
- package/dist/ThumbnailGrid/ThumbnailGrid.hooks.js.map +1 -1
- package/dist/ThumbnailGrid/ThumbnailGrid.js +536 -402
- package/dist/ThumbnailGrid/ThumbnailGrid.js.map +1 -1
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js +28 -14
- package/dist/ThumbnailGrid/ThumbnailGrid.styles.js.map +1 -1
- package/dist/ThumbnailGrid/ThumbnailGrid.types.js.map +1 -1
- package/dist/ThumbnailGrid/index.js +1 -0
- package/dist/ThumbnailGrid/index.js.map +1 -1
- package/dist/TieredDropdown/TieredDropdown.helpers.js +29 -25
- package/dist/TieredDropdown/TieredDropdown.helpers.js.map +1 -1
- package/dist/TieredDropdown/TieredDropdown.js +241 -145
- package/dist/TieredDropdown/TieredDropdown.js.map +1 -1
- package/dist/TieredDropdown/TieredDropdown.types.js.map +1 -1
- package/dist/TieredDropdown/index.js +1 -0
- package/dist/TieredDropdown/index.js.map +1 -1
- package/dist/TieredDropdown/useSearch.js +49 -39
- package/dist/TieredDropdown/useSearch.js.map +1 -1
- package/dist/TieredSelect/LeafSelectionTieredSelect.js +173 -117
- package/dist/TieredSelect/LeafSelectionTieredSelect.js.map +1 -1
- package/dist/TieredSelect/TierSelectionTieredSelect.js +486 -316
- package/dist/TieredSelect/TierSelectionTieredSelect.js.map +1 -1
- package/dist/TieredSelect/TieredSelect.js +149 -111
- package/dist/TieredSelect/TieredSelect.js.map +1 -1
- package/dist/TieredSelect/TieredSelect.styles.js +40 -18
- package/dist/TieredSelect/TieredSelect.styles.js.map +1 -1
- package/dist/TieredSelect/TieredSelect.types.js.map +1 -1
- package/dist/TieredSelect/TieredSelectMenu.js +390 -277
- package/dist/TieredSelect/TieredSelectMenu.js.map +1 -1
- package/dist/TieredSelect/index.js +1 -0
- package/dist/TieredSelect/index.js.map +1 -1
- package/dist/Tile/Tile.js +154 -90
- package/dist/Tile/Tile.js.map +1 -1
- package/dist/Tile/Tile.styles.js +81 -46
- package/dist/Tile/Tile.styles.js.map +1 -1
- package/dist/Tile/Tile.types.js.map +1 -1
- package/dist/Tile/index.js +1 -0
- package/dist/Tile/index.js.map +1 -1
- package/dist/Title/Title.js +64 -64
- package/dist/Title/Title.js.map +1 -1
- package/dist/Title/Title.styles.js +30 -14
- package/dist/Title/Title.styles.js.map +1 -1
- package/dist/Title/Title.types.js.map +1 -1
- package/dist/Title/index.js +1 -0
- package/dist/Title/index.js.map +1 -1
- package/dist/Toast/Toast.js +44 -40
- package/dist/Toast/Toast.js.map +1 -1
- package/dist/Toast/Toast.styles.js +18 -15
- package/dist/Toast/Toast.styles.js.map +1 -1
- package/dist/Toast/Toast.types.js.map +1 -1
- package/dist/Toast/index.js +1 -0
- package/dist/Toast/index.js.map +1 -1
- package/dist/ToggleButton/ToggleButton.js +20 -25
- package/dist/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/ToggleButton/ToggleButton.styles.js +6 -8
- package/dist/ToggleButton/ToggleButton.styles.js.map +1 -1
- package/dist/ToggleButton/ToggleButton.types.js.map +1 -1
- package/dist/ToggleButton/index.js +1 -0
- package/dist/ToggleButton/index.js.map +1 -1
- package/dist/Token/Token.js +39 -34
- package/dist/Token/Token.js.map +1 -1
- package/dist/Token/Token.styles.js +25 -16
- package/dist/Token/Token.styles.js.map +1 -1
- package/dist/Token/Token.types.js.map +1 -1
- package/dist/Token/index.js +1 -0
- package/dist/Token/index.js.map +1 -1
- package/dist/ToolHeader/ActionIcon.js +45 -38
- package/dist/ToolHeader/ActionIcon.js.map +1 -1
- package/dist/ToolHeader/ActionIcon.types.example.js +58 -18
- package/dist/ToolHeader/ActionIcon.types.example.js.map +1 -1
- package/dist/ToolHeader/ActionIcon.types.js.map +1 -1
- package/dist/ToolHeader/ToolHeader.js +60 -47
- package/dist/ToolHeader/ToolHeader.js.map +1 -1
- package/dist/ToolHeader/ToolHeader.styles.js +30 -18
- package/dist/ToolHeader/ToolHeader.styles.js.map +1 -1
- package/dist/ToolHeader/ToolHeader.types.js.map +1 -1
- package/dist/ToolHeader/index.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +43 -31
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/Tooltip/Tooltip.styles.js +8 -7
- package/dist/Tooltip/Tooltip.styles.js.map +1 -1
- package/dist/Tooltip/Tooltip.types.js.map +1 -1
- package/dist/Tooltip/index.js +1 -0
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/Tree/Tree.hooks.js +195 -190
- package/dist/Tree/Tree.hooks.js.map +1 -1
- package/dist/Tree/Tree.js +530 -324
- package/dist/Tree/Tree.js.map +1 -1
- package/dist/Tree/Tree.styles.js +49 -28
- package/dist/Tree/Tree.styles.js.map +1 -1
- package/dist/Tree/Tree.types.js.map +1 -1
- package/dist/Tree/index.js +1 -0
- package/dist/Tree/index.js.map +1 -1
- package/dist/Typeahead/Typeahead.js +77 -50
- package/dist/Typeahead/Typeahead.js.map +1 -1
- package/dist/Typeahead/Typeahead.styles.js +16 -8
- package/dist/Typeahead/Typeahead.styles.js.map +1 -1
- package/dist/Typeahead/Typeahead.types.js.map +1 -1
- package/dist/Typeahead/index.js +1 -0
- package/dist/Typeahead/index.js.map +1 -1
- package/dist/Typography/Typography.colors.story.js +282 -141
- package/dist/Typography/Typography.colors.story.js.map +1 -1
- package/dist/Typography/Typography.js +13 -25
- package/dist/Typography/Typography.js.map +1 -1
- package/dist/Typography/Typography.styles.js +42 -41
- package/dist/Typography/Typography.styles.js.map +1 -1
- package/dist/Typography/Typography.table.story.js +24 -45
- package/dist/Typography/Typography.table.story.js.map +1 -1
- package/dist/Typography/Typography.types.js.map +1 -1
- package/dist/Typography/index.js.map +1 -1
- package/dist/_hooks/Analytics.js +27 -18
- package/dist/_hooks/Analytics.js.map +1 -1
- package/dist/_hooks/Anchor.js +123 -84
- package/dist/_hooks/Anchor.js.map +1 -1
- package/dist/_hooks/Autofocus.js +53 -52
- package/dist/_hooks/Autofocus.js.map +1 -1
- package/dist/_hooks/BoundingRect.js +57 -41
- package/dist/_hooks/BoundingRect.js.map +1 -1
- package/dist/_hooks/Buffer.js +64 -39
- package/dist/_hooks/Buffer.js.map +1 -1
- package/dist/_hooks/ClickOutside.js +31 -20
- package/dist/_hooks/ClickOutside.js.map +1 -1
- package/dist/_hooks/DateTime/DateTime.js +235 -188
- package/dist/_hooks/DateTime/DateTime.js.map +1 -1
- package/dist/_hooks/DateTime/index.js +1 -1
- package/dist/_hooks/DateTime/index.js.map +1 -1
- package/dist/_hooks/DelayedCallback.js +41 -25
- package/dist/_hooks/DelayedCallback.js.map +1 -1
- package/dist/_hooks/DelayedToggle.js +98 -59
- package/dist/_hooks/DelayedToggle.js.map +1 -1
- package/dist/_hooks/Deprecation.js +11 -10
- package/dist/_hooks/Deprecation.js.map +1 -1
- package/dist/_hooks/Event.js +53 -28
- package/dist/_hooks/Event.js.map +1 -1
- package/dist/_hooks/EventListener.js +103 -59
- package/dist/_hooks/EventListener.js.map +1 -1
- package/dist/_hooks/EventRegistry.js +19 -14
- package/dist/_hooks/EventRegistry.js.map +1 -1
- package/dist/_hooks/Hotkey.js +35 -32
- package/dist/_hooks/Hotkey.js.map +1 -1
- package/dist/_hooks/I18n.js +54 -52
- package/dist/_hooks/I18n.js.map +1 -1
- package/dist/_hooks/InjectedScript.js +66 -45
- package/dist/_hooks/InjectedScript.js.map +1 -1
- package/dist/_hooks/IntersectionObserver/createIntersectionObserver.js +3 -3
- package/dist/_hooks/IntersectionObserver/createIntersectionObserver.js.map +1 -1
- package/dist/_hooks/IntersectionObserver/index.js.map +1 -1
- package/dist/_hooks/IntersectionObserver/useIntersectionObserver.js +23 -14
- package/dist/_hooks/IntersectionObserver/useIntersectionObserver.js.map +1 -1
- package/dist/_hooks/ListNavigation.js +114 -79
- package/dist/_hooks/ListNavigation.js.map +1 -1
- package/dist/_hooks/OverflowObserver/OverflowObserver.js +56 -32
- package/dist/_hooks/OverflowObserver/OverflowObserver.js.map +1 -1
- package/dist/_hooks/OverflowObserver/OverflowObserver.test.js +110 -0
- package/dist/_hooks/OverflowObserver/OverflowObserver.types.js.map +1 -1
- package/dist/_hooks/OverflowObserver/index.js.map +1 -1
- package/dist/_hooks/Resize.js +10 -4
- package/dist/_hooks/Resize.js.map +1 -1
- package/dist/_hooks/ResizeObserver.js +23 -14
- package/dist/_hooks/ResizeObserver.js.map +1 -1
- package/dist/_hooks/Scroll.js +16 -4
- package/dist/_hooks/Scroll.js.map +1 -1
- package/dist/_hooks/ScrollLock.js +15 -15
- package/dist/_hooks/ScrollLock.js.map +1 -1
- package/dist/_hooks/TextEntry.js +83 -46
- package/dist/_hooks/TextEntry.js.map +1 -1
- package/dist/_hooks/Timer.js +48 -29
- package/dist/_hooks/Timer.js.map +1 -1
- package/dist/_hooks/Trigger.js +120 -86
- package/dist/_hooks/Trigger.js.map +1 -1
- package/dist/_hooks/Visibility.js +82 -49
- package/dist/_hooks/Visibility.js.map +1 -1
- package/dist/_hooks/ZIndex.js +53 -34
- package/dist/_hooks/ZIndex.js.map +1 -1
- package/dist/_hooks/__tests__/Anchor.test.js +109 -0
- package/dist/_hooks/__tests__/BoundingRect.test.js +85 -0
- package/dist/_hooks/__tests__/Buffer.test.js +76 -0
- package/dist/_hooks/__tests__/DateTime.test.js +136 -0
- package/dist/_hooks/__tests__/DelayedCallback.test.js +119 -0
- package/dist/_hooks/__tests__/DelayedToggle.test.js +50 -0
- package/dist/_hooks/__tests__/Deprecation.test.js +58 -0
- package/dist/_hooks/__tests__/Event.test.js +46 -0
- package/dist/_hooks/__tests__/EventListener.test.js +78 -0
- package/dist/_hooks/__tests__/Hotkey.test.js +18 -0
- package/dist/_hooks/__tests__/InjectedScript.test.js +80 -0
- package/dist/_hooks/__tests__/ListNavigation.test.js +101 -0
- package/dist/_hooks/__tests__/TextEntry.test.js +92 -0
- package/dist/_hooks/__tests__/Timer.test.js +60 -0
- package/dist/_hooks/__tests__/Trigger.test.js +52 -0
- package/dist/_hooks/__tests__/Visibility.test.js +86 -0
- package/dist/_hooks/__tests__/ZIndex.test.js +76 -0
- package/dist/_hooks/useFileUploader.js +220 -220
- package/dist/_hooks/useFileUploader.js.map +1 -1
- package/dist/_hooks/useFocusWithin.js +27 -18
- package/dist/_hooks/useFocusWithin.js.map +1 -1
- package/dist/_hooks/useSet.js +71 -45
- package/dist/_hooks/useSet.js.map +1 -1
- package/dist/_hooks/useUpdateEffect.js +14 -13
- package/dist/_hooks/useUpdateEffect.js.map +1 -1
- package/dist/_locales/de-DE.json +354 -354
- package/dist/_locales/en-AU.json +354 -354
- package/dist/_locales/en-CA.json +354 -354
- package/dist/_locales/en-GB.json +354 -354
- package/dist/_locales/en-US.json +30 -30
- package/dist/_locales/en.json +353 -353
- package/dist/_locales/es-ES.json +354 -354
- package/dist/_locales/es.json +354 -354
- package/dist/_locales/fr-CA.json +354 -354
- package/dist/_locales/fr-FR.json +354 -354
- package/dist/_locales/is-IS.json +354 -354
- package/dist/_locales/pt-BR.json +354 -354
- package/dist/_locales/th-TH.json +354 -354
- package/dist/_locales/zh-SG.json +354 -354
- package/dist/_styles/arrows.js +4 -9
- package/dist/_styles/arrows.js.map +1 -1
- package/dist/_styles/borderRadius.js +4 -9
- package/dist/_styles/borderRadius.js.map +1 -1
- package/dist/_styles/colors.js +19 -18
- package/dist/_styles/colors.js.map +1 -1
- package/dist/_styles/media.js.map +1 -1
- package/dist/_styles/mixins.js +14 -16
- package/dist/_styles/mixins.js.map +1 -1
- package/dist/_styles/shadows.js +12 -17
- package/dist/_styles/shadows.js.map +1 -1
- package/dist/_styles/spacing.js +8 -8
- package/dist/_styles/spacing.js.map +1 -1
- 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 +7 -7
- 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 +698 -698
- 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 +30 -30
- package/dist/_typedoc/PageLayout/PageLayout.types.json +22 -22
- package/dist/_typedoc/Pagination/Pagination.types.json +7 -7
- package/dist/_typedoc/Panel/Panel.types.json +27 -27
- package/dist/_typedoc/Pill/Pill.types.json +2 -2
- package/dist/_typedoc/PillSelect/PillSelect.types.json +46 -46
- package/dist/_typedoc/Popover/Popover.types.json +14 -14
- package/dist/_typedoc/ProgressBar/ProgressBar.types.json +6 -6
- package/dist/_typedoc/RadioButton/RadioButton.types.json +6 -6
- package/dist/_typedoc/Required/Required.types.json +5 -5
- package/dist/_typedoc/Search/Search.types.json +18 -18
- package/dist/_typedoc/Section/Section.types.json +14 -14
- package/dist/_typedoc/SegmentedController/SegmentedController.types.json +20 -20
- package/dist/_typedoc/Select/Select.types.json +55 -55
- package/dist/_typedoc/Slider/Slider.types.json +6 -6
- package/dist/_typedoc/Spinner/Spinner.types.json +9 -9
- package/dist/_typedoc/Switch/Switch.types.json +3 -3
- package/dist/_typedoc/Table/Table.types.json +96 -96
- package/dist/_typedoc/Tabs/Tabs.types.json +17 -17
- package/dist/_typedoc/Tearsheet/Tearsheet.types.json +16 -16
- package/dist/_typedoc/TextArea/TextArea.types.json +3 -3
- package/dist/_typedoc/TextEditor/TextEditor.types.json +9 -9
- package/dist/_typedoc/TextEditorOutput/TextEditorOutput.types.json +4 -4
- package/dist/_typedoc/Thumbnail/Thumbnail.types.json +19 -19
- package/dist/_typedoc/TieredDropdown/TieredDropdown.types.json +42 -42
- package/dist/_typedoc/TieredSelect/TieredSelect.types.json +28 -28
- package/dist/_typedoc/Tile/Tile.types.json +30 -30
- package/dist/_typedoc/Toast/Toast.types.json +4 -4
- package/dist/_typedoc/ToggleButton/ToggleButton.types.json +3 -3
- package/dist/_typedoc/Token/Token.types.json +4 -4
- package/dist/_typedoc/ToolHeader/ToolHeader.types.json +10 -10
- package/dist/_typedoc/Tooltip/Tooltip.types.json +13 -13
- package/dist/_typedoc/Tree/Tree.types.json +86 -86
- package/dist/_typedoc/Typeahead/Typeahead.types.json +2 -2
- package/dist/_typedoc/Typography/Typography.types.json +8 -8
- package/dist/_typedoc/_utils/types.json +3 -3
- package/dist/_utils/CalendarHelpers.js +147 -129
- package/dist/_utils/CalendarHelpers.js.map +1 -1
- package/dist/_utils/TinyMCE.js +60 -109
- package/dist/_utils/TinyMCE.js.map +1 -1
- package/dist/_utils/__tests__/CalendarHelpers.test.js +64 -0
- package/dist/_utils/__tests__/filename.test.js +27 -0
- package/dist/_utils/__tests__/getAnchorPosition.test.js +250 -0
- package/dist/_utils/__tests__/mergeRefs.test.js +58 -0
- package/dist/_utils/__tests__/slotify.test.js +152 -0
- package/dist/_utils/addSubcomponents.js +5 -5
- package/dist/_utils/addSubcomponents.js.map +1 -1
- package/dist/_utils/dateTime.js +103 -85
- package/dist/_utils/dateTime.js.map +1 -1
- package/dist/_utils/dom.js +21 -25
- package/dist/_utils/dom.js.map +1 -1
- package/dist/_utils/filename.js +19 -11
- package/dist/_utils/filename.js.map +1 -1
- package/dist/_utils/genericAnalyticsClient.js +40 -26
- package/dist/_utils/genericAnalyticsClient.js.map +1 -1
- package/dist/_utils/getAnchorPosition.js +221 -127
- package/dist/_utils/getAnchorPosition.js.map +1 -1
- package/dist/_utils/i18n.js +19 -19
- package/dist/_utils/i18n.js.map +1 -1
- package/dist/_utils/isIE11.js +4 -4
- package/dist/_utils/isIE11.js.map +1 -1
- package/dist/_utils/isReactElement.js +1 -1
- package/dist/_utils/isReactElement.js.map +1 -1
- package/dist/_utils/mergeRefs.js +13 -13
- package/dist/_utils/mergeRefs.js.map +1 -1
- package/dist/_utils/partition.js +13 -5
- package/dist/_utils/partition.js.map +1 -1
- package/dist/_utils/placement.js +13 -13
- package/dist/_utils/placement.js.map +1 -1
- package/dist/_utils/polymorphic.js +6 -1
- package/dist/_utils/polymorphic.js.map +1 -1
- package/dist/_utils/props.js +1 -1
- package/dist/_utils/props.js.map +1 -1
- package/dist/_utils/propsTypedoc.js +14 -0
- package/dist/_utils/propsTypedoc.js.map +1 -1
- package/dist/_utils/runInQueue.js +39 -57
- package/dist/_utils/runInQueue.js.map +1 -1
- package/dist/_utils/scrollIntoView.js +17 -15
- package/dist/_utils/scrollIntoView.js.map +1 -1
- package/dist/_utils/slotify.js +45 -42
- package/dist/_utils/slotify.js.map +1 -1
- package/dist/_utils/triggerListeners.js +65 -53
- package/dist/_utils/triggerListeners.js.map +1 -1
- package/dist/_utils/types.js.map +1 -1
- package/dist/_utils/usingHookOrDefault.js +3 -5
- package/dist/_utils/usingHookOrDefault.js.map +1 -1
- package/dist/index.js +9 -1
- package/dist/index.js.map +1 -1
- package/package.json +8 -6
- package/dist/Link/Link.coverage.stories.js +0 -28
- package/dist/Link/Link.coverage.stories.js.map +0 -1
|
@@ -1,48 +1,44 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
1
|
+
var _excluded = ["activePage", "items", "onSelectPage", "perPage"];
|
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
23
5
|
import { ChevronLeft, ChevronRight } from '@procore/core-icons/dist';
|
|
24
6
|
import { NumberFormatter } from '@procore/globalization-toolkit';
|
|
25
7
|
import { useId } from '@react-aria/utils';
|
|
26
8
|
import React from 'react';
|
|
27
9
|
import { useI18nContext } from '../_hooks/I18n';
|
|
28
|
-
import { StyledButton, StyledContainer, StyledCurrentPage, StyledPageCount
|
|
10
|
+
import { StyledButton, StyledContainer, StyledCurrentPage, StyledPageCount } from './Pagination.styles';
|
|
29
11
|
import { PaginationSelect } from './PaginationSelect';
|
|
30
|
-
function noop() {
|
|
31
|
-
var usePagination = function (
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
12
|
+
function noop() {}
|
|
13
|
+
var usePagination = function usePagination(_ref) {
|
|
14
|
+
var _ref$activePage = _ref.activePage,
|
|
15
|
+
activePage = _ref$activePage === void 0 ? 0 : _ref$activePage,
|
|
16
|
+
_ref$items = _ref.items,
|
|
17
|
+
items = _ref$items === void 0 ? 0 : _ref$items,
|
|
18
|
+
_ref$onSelectPage = _ref.onSelectPage,
|
|
19
|
+
onSelectPage = _ref$onSelectPage === void 0 ? function () {} : _ref$onSelectPage,
|
|
20
|
+
_ref$perPage = _ref.perPage,
|
|
21
|
+
perPage = _ref$perPage === void 0 ? 0 : _ref$perPage;
|
|
22
|
+
var pages = Math.ceil(items / perPage);
|
|
23
|
+
activePage = pages === 0 ? 0 : activePage;
|
|
24
|
+
return {
|
|
25
|
+
end: Math.min(activePage * perPage, items),
|
|
26
|
+
isFirst: activePage < 2,
|
|
27
|
+
isLast: activePage === pages,
|
|
28
|
+
pages: pages,
|
|
29
|
+
selectNext: function selectNext() {
|
|
30
|
+
return onSelectPage(activePage + 1);
|
|
31
|
+
},
|
|
32
|
+
selectPage: function selectPage(selection) {
|
|
33
|
+
return onSelectPage(selection.item);
|
|
34
|
+
},
|
|
35
|
+
selectPrev: function selectPrev() {
|
|
36
|
+
return onSelectPage(activePage - 1);
|
|
37
|
+
},
|
|
38
|
+
start: Math.max((activePage - 1) * perPage + 1, 0)
|
|
39
|
+
};
|
|
45
40
|
};
|
|
41
|
+
|
|
46
42
|
/**
|
|
47
43
|
|
|
48
44
|
We paginate pages that display large data sets to our users. This helps reduce
|
|
@@ -58,33 +54,70 @@ var usePagination = function (_a) {
|
|
|
58
54
|
@see [Design Guidelines](https://design.procore.com/pagination)
|
|
59
55
|
|
|
60
56
|
*/
|
|
61
|
-
export var Pagination = React.forwardRef(function Pagination(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
57
|
+
export var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(_ref2, ref) {
|
|
58
|
+
var _ref2$activePage = _ref2.activePage,
|
|
59
|
+
activePage = _ref2$activePage === void 0 ? 1 : _ref2$activePage,
|
|
60
|
+
items = _ref2.items,
|
|
61
|
+
_ref2$onSelectPage = _ref2.onSelectPage,
|
|
62
|
+
onSelectPage = _ref2$onSelectPage === void 0 ? noop : _ref2$onSelectPage,
|
|
63
|
+
_ref2$perPage = _ref2.perPage,
|
|
64
|
+
perPage = _ref2$perPage === void 0 ? 50 : _ref2$perPage,
|
|
65
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
66
|
+
var _usePagination = usePagination({
|
|
67
|
+
activePage: activePage,
|
|
68
|
+
items: items,
|
|
69
|
+
onSelectPage: onSelectPage,
|
|
70
|
+
perPage: perPage
|
|
71
|
+
}),
|
|
72
|
+
end = _usePagination.end,
|
|
73
|
+
isFirst = _usePagination.isFirst,
|
|
74
|
+
isLast = _usePagination.isLast,
|
|
75
|
+
pages = _usePagination.pages,
|
|
76
|
+
selectNext = _usePagination.selectNext,
|
|
77
|
+
selectPage = _usePagination.selectPage,
|
|
78
|
+
selectPrev = _usePagination.selectPrev,
|
|
79
|
+
start = _usePagination.start;
|
|
80
|
+
var i18n = useI18nContext();
|
|
81
|
+
var labelId = useId();
|
|
82
|
+
var selectId = useId();
|
|
83
|
+
function formattedNumber(items) {
|
|
84
|
+
var formatter = new NumberFormatter({
|
|
85
|
+
locale: i18n.locale
|
|
86
|
+
});
|
|
87
|
+
return formatter.formatNumber(items);
|
|
88
|
+
}
|
|
89
|
+
return /*#__PURE__*/React.createElement(StyledContainer, _extends({
|
|
90
|
+
ref: ref
|
|
91
|
+
}, props), /*#__PURE__*/React.createElement(StyledPageCount, {
|
|
92
|
+
ref: ref,
|
|
93
|
+
italic: true,
|
|
94
|
+
color: "gray45"
|
|
95
|
+
}, i18n.t('core.pagination.notation', {
|
|
96
|
+
end: formattedNumber(end),
|
|
97
|
+
start: formattedNumber(start),
|
|
98
|
+
totalItems: formattedNumber(items || 0)
|
|
99
|
+
})), /*#__PURE__*/React.createElement(StyledCurrentPage, {
|
|
100
|
+
id: labelId
|
|
101
|
+
}, i18n.t('core.pagination.page'), ":"), /*#__PURE__*/React.createElement(PaginationSelect, {
|
|
102
|
+
activePage: activePage,
|
|
103
|
+
"aria-labelledby": "".concat(labelId, " ").concat(selectId),
|
|
104
|
+
disabled: pages <= 1,
|
|
105
|
+
id: selectId,
|
|
106
|
+
onSelect: selectPage,
|
|
107
|
+
pages: pages
|
|
108
|
+
}), /*#__PURE__*/React.createElement(StyledButton, {
|
|
109
|
+
disabled: isFirst,
|
|
110
|
+
variant: "tertiary",
|
|
111
|
+
"aria-label": i18n.t('core.pagination.prevPage'),
|
|
112
|
+
icon: /*#__PURE__*/React.createElement(ChevronLeft, null),
|
|
113
|
+
onClick: selectPrev
|
|
114
|
+
}), /*#__PURE__*/React.createElement(StyledButton, {
|
|
115
|
+
disabled: isLast,
|
|
116
|
+
variant: "tertiary",
|
|
117
|
+
"aria-label": i18n.t('core.pagination.nextPage'),
|
|
118
|
+
icon: /*#__PURE__*/React.createElement(ChevronRight, null),
|
|
119
|
+
onClick: selectNext
|
|
120
|
+
}));
|
|
88
121
|
});
|
|
89
122
|
Pagination.displayName = 'Pagination';
|
|
90
123
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","
|
|
1
|
+
{"version":3,"file":"Pagination.js","names":["ChevronLeft","ChevronRight","NumberFormatter","useId","React","useI18nContext","StyledButton","StyledContainer","StyledCurrentPage","StyledPageCount","PaginationSelect","noop","usePagination","_ref","_ref$activePage","activePage","_ref$items","items","_ref$onSelectPage","onSelectPage","_ref$perPage","perPage","pages","Math","ceil","end","min","isFirst","isLast","selectNext","selectPage","selection","item","selectPrev","start","max","Pagination","forwardRef","_ref2","ref","_ref2$activePage","_ref2$onSelectPage","_ref2$perPage","props","_objectWithoutProperties","_excluded","_usePagination","i18n","labelId","selectId","formattedNumber","formatter","locale","formatNumber","createElement","_extends","italic","color","t","totalItems","id","concat","disabled","onSelect","variant","icon","onClick","displayName"],"sources":["../../src/Pagination/Pagination.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from '@procore/core-icons/dist'\nimport { NumberFormatter } from '@procore/globalization-toolkit'\nimport { useId } from '@react-aria/utils'\nimport React from 'react'\nimport { Selection } from '../MenuImperative/MenuImperative.types'\nimport { useI18nContext } from '../_hooks/I18n'\nimport {\n StyledButton,\n StyledContainer,\n StyledCurrentPage,\n StyledPageCount,\n} from './Pagination.styles'\nimport {\n PaginationHook,\n PaginationHookConfig,\n PresetPaginationProps,\n} from './Pagination.types'\nimport { PaginationSelect } from './PaginationSelect'\n\nfunction noop() {}\n\nconst usePagination = ({\n activePage = 0,\n items = 0,\n onSelectPage = () => {},\n perPage = 0,\n}: PaginationHookConfig): PaginationHook => {\n const pages = Math.ceil(items / perPage)\n activePage = pages === 0 ? 0 : activePage\n\n return {\n end: Math.min(activePage * perPage, items),\n isFirst: activePage < 2,\n isLast: activePage === pages,\n pages,\n selectNext: () => onSelectPage(activePage + 1),\n selectPage: (selection: Selection) => onSelectPage(selection.item),\n selectPrev: () => onSelectPage(activePage - 1),\n start: Math.max((activePage - 1) * perPage + 1, 0),\n }\n}\n\n/**\n\n We paginate pages that display large data sets to our users. This helps reduce\n page load time and makes the data easier to navigate.\n\n Pagination is commonly seen on tool landing pages, where we display 150 objects\n or table rows per page.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-pagination--demo)\n\n @see [Design Guidelines](https://design.procore.com/pagination)\n\n */\nexport const Pagination = React.forwardRef<\n HTMLDivElement,\n PresetPaginationProps\n>(function Pagination(\n { activePage = 1, items, onSelectPage = noop, perPage = 50, ...props },\n ref\n) {\n const {\n end,\n isFirst,\n isLast,\n pages,\n selectNext,\n selectPage,\n selectPrev,\n start,\n } = usePagination({\n activePage,\n items,\n onSelectPage,\n perPage,\n })\n\n const i18n = useI18nContext()\n const labelId = useId()\n const selectId = useId()\n\n function formattedNumber(items: number) {\n const formatter = new NumberFormatter({ locale: i18n.locale })\n\n return formatter.formatNumber(items)\n }\n\n return (\n <StyledContainer ref={ref} {...props}>\n <StyledPageCount ref={ref} italic color=\"gray45\">\n {i18n.t('core.pagination.notation', {\n end: formattedNumber(end),\n start: formattedNumber(start),\n totalItems: formattedNumber(items || 0),\n })}\n </StyledPageCount>\n <StyledCurrentPage id={labelId}>\n {i18n.t('core.pagination.page')}:\n </StyledCurrentPage>\n <PaginationSelect\n activePage={activePage}\n aria-labelledby={`${labelId} ${selectId}`}\n disabled={pages <= 1}\n id={selectId}\n onSelect={selectPage}\n pages={pages}\n />\n <StyledButton\n disabled={isFirst}\n variant=\"tertiary\"\n aria-label={i18n.t('core.pagination.prevPage')}\n icon={<ChevronLeft />}\n onClick={selectPrev}\n />\n <StyledButton\n disabled={isLast}\n variant=\"tertiary\"\n aria-label={i18n.t('core.pagination.nextPage')}\n icon={<ChevronRight />}\n onClick={selectNext}\n />\n </StyledContainer>\n )\n})\n\nPagination.displayName = 'Pagination'\n"],"mappings":";;;;AAAA,SAASA,WAAW,EAAEC,YAAY,QAAQ,0BAA0B;AACpE,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,KAAK,QAAQ,mBAAmB;AACzC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SACEC,YAAY,EACZC,eAAe,EACfC,iBAAiB,EACjBC,eAAe,QACV,qBAAqB;AAM5B,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAKyB;EAAA,IAAAC,eAAA,GAAAD,IAAA,CAJ1CE,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,CAAC,GAAAA,eAAA;IAAAE,UAAA,GAAAH,IAAA,CACdI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,CAAC,GAAAA,UAAA;IAAAE,iBAAA,GAAAL,IAAA,CACTM,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,iBAAA;IAAAE,YAAA,GAAAP,IAAA,CACvBQ,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,CAAC,GAAAA,YAAA;EAEX,IAAME,KAAK,GAAGC,IAAI,CAACC,IAAI,CAACP,KAAK,GAAGI,OAAO,CAAC;EACxCN,UAAU,GAAGO,KAAK,KAAK,CAAC,GAAG,CAAC,GAAGP,UAAU;EAEzC,OAAO;IACLU,GAAG,EAAEF,IAAI,CAACG,GAAG,CAACX,UAAU,GAAGM,OAAO,EAAEJ,KAAK,CAAC;IAC1CU,OAAO,EAAEZ,UAAU,GAAG,CAAC;IACvBa,MAAM,EAAEb,UAAU,KAAKO,KAAK;IAC5BA,KAAK,EAALA,KAAK;IACLO,UAAU,EAAE,SAAAA,WAAA;MAAA,OAAMV,YAAY,CAACJ,UAAU,GAAG,CAAC,CAAC;IAAA;IAC9Ce,UAAU,EAAE,SAAAA,WAACC,SAAoB;MAAA,OAAKZ,YAAY,CAACY,SAAS,CAACC,IAAI,CAAC;IAAA;IAClEC,UAAU,EAAE,SAAAA,WAAA;MAAA,OAAMd,YAAY,CAACJ,UAAU,GAAG,CAAC,CAAC;IAAA;IAC9CmB,KAAK,EAAEX,IAAI,CAACY,GAAG,CAAC,CAACpB,UAAU,GAAG,CAAC,IAAIM,OAAO,GAAG,CAAC,EAAE,CAAC;EACnD,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMe,UAAU,gBAAGhC,KAAK,CAACiC,UAAU,CAGxC,SAASD,UAAUA,CAAAE,KAAA,EAEnBC,GAAG,EACH;EAAA,IAAAC,gBAAA,GAAAF,KAAA,CAFEvB,UAAU;IAAVA,UAAU,GAAAyB,gBAAA,cAAG,CAAC,GAAAA,gBAAA;IAAEvB,KAAK,GAAAqB,KAAA,CAALrB,KAAK;IAAAwB,kBAAA,GAAAH,KAAA,CAAEnB,YAAY;IAAZA,YAAY,GAAAsB,kBAAA,cAAG9B,IAAI,GAAA8B,kBAAA;IAAAC,aAAA,GAAAJ,KAAA,CAAEjB,OAAO;IAAPA,OAAO,GAAAqB,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAKC,KAAK,GAAAC,wBAAA,CAAAN,KAAA,EAAAO,SAAA;EAGpE,IAAAC,cAAA,GASIlC,aAAa,CAAC;MAChBG,UAAU,EAAVA,UAAU;MACVE,KAAK,EAALA,KAAK;MACLE,YAAY,EAAZA,YAAY;MACZE,OAAO,EAAPA;IACF,CAAC,CAAC;IAbAI,GAAG,GAAAqB,cAAA,CAAHrB,GAAG;IACHE,OAAO,GAAAmB,cAAA,CAAPnB,OAAO;IACPC,MAAM,GAAAkB,cAAA,CAANlB,MAAM;IACNN,KAAK,GAAAwB,cAAA,CAALxB,KAAK;IACLO,UAAU,GAAAiB,cAAA,CAAVjB,UAAU;IACVC,UAAU,GAAAgB,cAAA,CAAVhB,UAAU;IACVG,UAAU,GAAAa,cAAA,CAAVb,UAAU;IACVC,KAAK,GAAAY,cAAA,CAALZ,KAAK;EAQP,IAAMa,IAAI,GAAG1C,cAAc,CAAC,CAAC;EAC7B,IAAM2C,OAAO,GAAG7C,KAAK,CAAC,CAAC;EACvB,IAAM8C,QAAQ,GAAG9C,KAAK,CAAC,CAAC;EAExB,SAAS+C,eAAeA,CAACjC,KAAa,EAAE;IACtC,IAAMkC,SAAS,GAAG,IAAIjD,eAAe,CAAC;MAAEkD,MAAM,EAAEL,IAAI,CAACK;IAAO,CAAC,CAAC;IAE9D,OAAOD,SAAS,CAACE,YAAY,CAACpC,KAAK,CAAC;EACtC;EAEA,oBACEb,KAAA,CAAAkD,aAAA,CAAC/C,eAAe,EAAAgD,QAAA;IAAChB,GAAG,EAAEA;EAAI,GAAKI,KAAK,gBAClCvC,KAAA,CAAAkD,aAAA,CAAC7C,eAAe;IAAC8B,GAAG,EAAEA,GAAI;IAACiB,MAAM;IAACC,KAAK,EAAC;EAAQ,GAC7CV,IAAI,CAACW,CAAC,CAAC,0BAA0B,EAAE;IAClCjC,GAAG,EAAEyB,eAAe,CAACzB,GAAG,CAAC;IACzBS,KAAK,EAAEgB,eAAe,CAAChB,KAAK,CAAC;IAC7ByB,UAAU,EAAET,eAAe,CAACjC,KAAK,IAAI,CAAC;EACxC,CAAC,CACc,CAAC,eAClBb,KAAA,CAAAkD,aAAA,CAAC9C,iBAAiB;IAACoD,EAAE,EAAEZ;EAAQ,GAC5BD,IAAI,CAACW,CAAC,CAAC,sBAAsB,CAAC,EAAC,GACf,CAAC,eACpBtD,KAAA,CAAAkD,aAAA,CAAC5C,gBAAgB;IACfK,UAAU,EAAEA,UAAW;IACvB,sBAAA8C,MAAA,CAAoBb,OAAO,OAAAa,MAAA,CAAIZ,QAAQ,CAAG;IAC1Ca,QAAQ,EAAExC,KAAK,IAAI,CAAE;IACrBsC,EAAE,EAAEX,QAAS;IACbc,QAAQ,EAAEjC,UAAW;IACrBR,KAAK,EAAEA;EAAM,CACd,CAAC,eACFlB,KAAA,CAAAkD,aAAA,CAAChD,YAAY;IACXwD,QAAQ,EAAEnC,OAAQ;IAClBqC,OAAO,EAAC,UAAU;IAClB,cAAYjB,IAAI,CAACW,CAAC,CAAC,0BAA0B,CAAE;IAC/CO,IAAI,eAAE7D,KAAA,CAAAkD,aAAA,CAACtD,WAAW,MAAE,CAAE;IACtBkE,OAAO,EAAEjC;EAAW,CACrB,CAAC,eACF7B,KAAA,CAAAkD,aAAA,CAAChD,YAAY;IACXwD,QAAQ,EAAElC,MAAO;IACjBoC,OAAO,EAAC,UAAU;IAClB,cAAYjB,IAAI,CAACW,CAAC,CAAC,0BAA0B,CAAE;IAC/CO,IAAI,eAAE7D,KAAA,CAAAkD,aAAA,CAACrD,YAAY,MAAE,CAAE;IACvBiE,OAAO,EAAErC;EAAW,CACrB,CACc,CAAC;AAEtB,CAAC,CAAC;AAEFO,UAAU,CAAC+B,WAAW,GAAG,YAAY"}
|
|
@@ -1,16 +1,26 @@
|
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
-
return cooked;
|
|
4
|
-
};
|
|
5
1
|
import styled from 'styled-components';
|
|
6
2
|
import { Button } from '../Button/Button';
|
|
7
3
|
import { Card } from '../Card/Card';
|
|
8
4
|
import { Typography } from '../Typography/Typography';
|
|
9
5
|
import { spacing } from '../_styles/spacing';
|
|
10
|
-
export var StyledContainer = styled.div(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
export var
|
|
15
|
-
|
|
6
|
+
export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
|
|
7
|
+
displayName: "StyledContainer",
|
|
8
|
+
componentId: "core-11_23_1__sc-fy34i1-0"
|
|
9
|
+
})(["display:flex;align-items:center;"]);
|
|
10
|
+
export var StyledPageCount = /*#__PURE__*/styled(Typography).withConfig({
|
|
11
|
+
displayName: "StyledPageCount",
|
|
12
|
+
componentId: "core-11_23_1__sc-fy34i1-1"
|
|
13
|
+
})(["margin-right:", "px;"], spacing.xl);
|
|
14
|
+
export var StyledCurrentPage = /*#__PURE__*/styled(Typography).withConfig({
|
|
15
|
+
displayName: "StyledCurrentPage",
|
|
16
|
+
componentId: "core-11_23_1__sc-fy34i1-2"
|
|
17
|
+
})(["margin-right:", "px;"], spacing.sm);
|
|
18
|
+
export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
|
|
19
|
+
displayName: "StyledButton",
|
|
20
|
+
componentId: "core-11_23_1__sc-fy34i1-3"
|
|
21
|
+
})(["margin-left:", "px;"], spacing.sm);
|
|
22
|
+
export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
|
|
23
|
+
displayName: "StyledOverlay",
|
|
24
|
+
componentId: "core-11_23_1__sc-fy34i1-4"
|
|
25
|
+
})(["max-height:300px;max-width:248px;"]);
|
|
16
26
|
//# sourceMappingURL=Pagination.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.styles.js","
|
|
1
|
+
{"version":3,"file":"Pagination.styles.js","names":["styled","Button","Card","Typography","spacing","StyledContainer","div","withConfig","displayName","componentId","StyledPageCount","xl","StyledCurrentPage","sm","StyledButton","StyledOverlay"],"sources":["../../src/Pagination/Pagination.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Button } from '../Button/Button'\nimport { Card } from '../Card/Card'\nimport { Typography } from '../Typography/Typography'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledContainer = styled.div`\n display: flex;\n align-items: center;\n`\n\nexport const StyledPageCount = styled(Typography)`\n margin-right: ${spacing.xl}px;\n`\n\nexport const StyledCurrentPage = styled(Typography)`\n margin-right: ${spacing.sm}px;\n`\n\nexport const StyledButton = styled(Button)`\n margin-left: ${spacing.sm}px;\n`\n\nexport const StyledOverlay = styled(Card)`\n max-height: 300px; // TODO one-off\n max-width: 248px; // TODO one-off\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAAe,gBAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wCAGxC;AAED,OAAO,IAAMC,eAAe,gBAAGV,MAAM,CAACG,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BAC/BL,OAAO,CAACO,EAAE,CAC3B;AAED,OAAO,IAAMC,iBAAiB,gBAAGZ,MAAM,CAACG,UAAU,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6BACjCL,OAAO,CAACS,EAAE,CAC3B;AAED,OAAO,IAAMC,YAAY,gBAAGd,MAAM,CAACC,MAAM,CAAC,CAAAM,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BACzBL,OAAO,CAACS,EAAE,CAC1B;AAED,OAAO,IAAME,aAAa,gBAAGf,MAAM,CAACE,IAAI,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAGxC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.types.js","
|
|
1
|
+
{"version":3,"file":"Pagination.types.js","names":[],"sources":["../../src/Pagination/Pagination.types.ts"],"sourcesContent":["import { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport { Props } from '../_utils/types'\n\nexport interface FieldProps extends Props {\n /**\n * @since 10.19.0\n */\n label?: string\n}\n\nexport interface PageNotationProps extends Props {\n /**\n * @since 10.19.0\n */\n end: number\n /**\n * @since 10.19.0\n */\n items: number\n /**\n * @since 10.19.0\n */\n start: number\n}\n\nexport interface NavigationIconProps extends Props {\n /**\n * @since 10.19.0\n */\n disabled?: boolean\n /**\n * @since 10.19.0\n */\n onClick?: any\n}\n\nexport interface PresetPaginationProps extends Props {\n /**\n * Current page selected, 1 based.\n * @since 10.19.0\n */\n activePage?: number\n\n /**\n * Total number of items across pages.\n * @since 10.19.0\n */\n items: number\n\n /**\n * A callback that receives the page selected.\n * @since 10.19.0\n */\n onSelectPage?: (page: number) => void\n\n /**\n * Number of items per page.\n * @since 10.19.0\n */\n perPage?: number\n}\n\nexport interface PaginationMenuProps {\n /**\n * @since 10.19.0\n */\n activePage: number\n /**\n * @since 10.19.0\n */\n menuRef: React.RefObject<MenuRef>\n /**\n * @since 10.19.0\n */\n pages: number\n /**\n * @since 10.19.0\n */\n onSelect?: PageSelectProps['onSelect']\n}\n\nexport interface PageSelectProps extends Props {\n /**\n * @since 10.19.0\n */\n activePage?: number\n /**\n * @since 11.6.0\n */\n 'aria-labelledby'?: string\n /**\n * @since 10.19.0\n */\n disabled?: boolean\n /**\n * @since 11.6.0\n */\n id?: string\n /**\n * @since 10.19.0\n */\n onSelect?: (selection: Selection) => any\n /**\n * @since 10.19.0\n */\n pages?: number\n}\n\nexport interface PaginationHookConfig {\n /**\n * @since 10.19.0\n */\n activePage: number\n /**\n * @since 10.19.0\n */\n items: number\n /**\n * @since 10.19.0\n */\n onSelectPage: (page: number) => void\n /**\n * @since 10.19.0\n */\n perPage: number\n}\n\nexport interface PaginationHook {\n /**\n * @since 10.19.0\n */\n end: number\n /**\n * @since 10.19.0\n */\n isFirst: boolean\n /**\n * @since 10.19.0\n */\n isLast: boolean\n /**\n * @since 10.19.0\n */\n pages: number\n /**\n * @since 10.19.0\n */\n selectNext: () => void\n /**\n * @since 10.19.0\n */\n selectPage: (selection: Selection) => void\n /**\n * @since 10.19.0\n */\n selectPrev: () => void\n /**\n * @since 10.19.0\n */\n start: number\n}\n"],"mappings":""}
|
|
@@ -1,106 +1,136 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
1
|
+
var _excluded = ["activePage", "menuRef", "onSelect", "pages"];
|
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
4
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
23
5
|
import { times } from 'ramda';
|
|
24
6
|
import React from 'react';
|
|
25
7
|
import { DropdownButton } from '../Dropdown/Dropdown';
|
|
26
8
|
import { MenuImperative } from '../MenuImperative/MenuImperative';
|
|
27
|
-
import { OverlayTrigger, useOverlayTriggerContext
|
|
9
|
+
import { OverlayTrigger, useOverlayTriggerContext } from '../OverlayTrigger/OverlayTrigger';
|
|
28
10
|
import { StyledOverlay } from './Pagination.styles';
|
|
29
|
-
var noop = function () {
|
|
30
|
-
var PaginationMenu = React.forwardRef(function PaginationMenu(
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
11
|
+
var noop = function noop() {};
|
|
12
|
+
var PaginationMenu = /*#__PURE__*/React.forwardRef(function PaginationMenu(_ref, ref) {
|
|
13
|
+
var activePage = _ref.activePage,
|
|
14
|
+
menuRef = _ref.menuRef,
|
|
15
|
+
_ref$onSelect = _ref.onSelect,
|
|
16
|
+
onSelect_ = _ref$onSelect === void 0 ? noop : _ref$onSelect,
|
|
17
|
+
pages = _ref.pages,
|
|
18
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
+
var ctx = useOverlayTriggerContext();
|
|
20
|
+
var lastItemRef = React.useRef(null);
|
|
21
|
+
var hasFooter = pages > 10;
|
|
22
|
+
React.useEffect(function () {
|
|
23
|
+
var _menuRef$current;
|
|
24
|
+
(_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : _menuRef$current.highlightFirst();
|
|
25
|
+
}, [menuRef]);
|
|
26
|
+
React.useEffect(function () {
|
|
27
|
+
var _menuRef$current2, _menuRef$current3;
|
|
28
|
+
(_menuRef$current2 = menuRef.current) === null || _menuRef$current2 === void 0 ? void 0 : _menuRef$current2.highlightSuggested();
|
|
29
|
+
(_menuRef$current3 = menuRef.current) === null || _menuRef$current3 === void 0 ? void 0 : _menuRef$current3.highlightSelected();
|
|
30
|
+
}, [menuRef]);
|
|
31
|
+
function onKeyDown(event) {
|
|
32
|
+
var _menuRef$current4;
|
|
33
|
+
var currentPage = (_menuRef$current4 = menuRef.current) === null || _menuRef$current4 === void 0 ? void 0 : _menuRef$current4.highlighted();
|
|
34
|
+
if (event.key === 'ArrowDown' || event.key === 'Down') {
|
|
35
|
+
// when on the second to last item, want to jump to the last item (in the footer)
|
|
36
|
+
if (currentPage === pages - 1 && lastItemRef.current) {
|
|
37
|
+
var _menuRef$current5;
|
|
38
|
+
(_menuRef$current5 = menuRef.current) === null || _menuRef$current5 === void 0 ? void 0 : _menuRef$current5.highlight(lastItemRef.current);
|
|
39
|
+
}
|
|
40
|
+
} else if (event.key === 'ArrowUp' || event.key === 'Up') {
|
|
41
|
+
// on the last item (in the footer), want to jump back to the second to last
|
|
42
|
+
// item back in the menu
|
|
43
|
+
if (hasFooter && currentPage === pages) {
|
|
44
|
+
var _menuRef$current6;
|
|
45
|
+
event.stopPropagation();
|
|
46
|
+
(_menuRef$current6 = menuRef.current) === null || _menuRef$current6 === void 0 ? void 0 : _menuRef$current6.highlightLast();
|
|
47
|
+
}
|
|
61
48
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
49
|
+
}
|
|
50
|
+
function onSelect(selection) {
|
|
51
|
+
onSelect_(selection);
|
|
52
|
+
ctx.hide(selection.event);
|
|
53
|
+
}
|
|
54
|
+
var children = times(function (index) {
|
|
55
|
+
var page = index + 1;
|
|
56
|
+
return /*#__PURE__*/React.createElement(MenuImperative.Item, {
|
|
57
|
+
item: page,
|
|
58
|
+
key: index,
|
|
59
|
+
selected: page === activePage,
|
|
60
|
+
ref: lastItemRef
|
|
61
|
+
}, page);
|
|
62
|
+
}, pages);
|
|
63
|
+
return /*#__PURE__*/React.createElement(StyledOverlay, {
|
|
64
|
+
ref: ref,
|
|
65
|
+
shadowStrength: 2
|
|
66
|
+
}, /*#__PURE__*/React.createElement(MenuImperative, _extends({
|
|
67
|
+
circular: true
|
|
68
|
+
}, props, {
|
|
69
|
+
ref: menuRef,
|
|
70
|
+
onKeyDown: onKeyDown,
|
|
71
|
+
onSelect: onSelect
|
|
72
|
+
}), hasFooter ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuImperative.Options, null, children.slice(0, -1)), /*#__PURE__*/React.createElement(MenuImperative.Footer, {
|
|
73
|
+
padding: "xs none"
|
|
74
|
+
}, children[children.length - 1])) : /*#__PURE__*/React.createElement(MenuImperative.Options, null, children)));
|
|
74
75
|
});
|
|
75
|
-
export var PaginationSelect = React.forwardRef(function PaginationSelect(
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
76
|
+
export var PaginationSelect = /*#__PURE__*/React.forwardRef(function PaginationSelect(_ref2, ref) {
|
|
77
|
+
var _ref2$activePage = _ref2.activePage,
|
|
78
|
+
activePage = _ref2$activePage === void 0 ? 1 : _ref2$activePage,
|
|
79
|
+
ariaLabelledby = _ref2["aria-labelledby"],
|
|
80
|
+
disabled = _ref2.disabled,
|
|
81
|
+
id = _ref2.id,
|
|
82
|
+
onSelect = _ref2.onSelect,
|
|
83
|
+
_ref2$pages = _ref2.pages,
|
|
84
|
+
pages = _ref2$pages === void 0 ? 0 : _ref2$pages,
|
|
85
|
+
props = _objectWithoutProperties(_ref2, ["activePage", "aria-labelledby", "disabled", "id", "onSelect", "pages"]);
|
|
86
|
+
var menuRef = React.useRef(null);
|
|
87
|
+
|
|
88
|
+
// Safari has an issue with giving focus to buttons after clicking on them
|
|
89
|
+
// if the button or menu do not have focus, the keyboard navigation does not work,
|
|
90
|
+
// so just focus the menu when we open it
|
|
91
|
+
function afterShow() {
|
|
92
|
+
var _menuRef$current7, _menuRef$current7$el, _menuRef$current7$el$;
|
|
93
|
+
// this is brittle, if MenuImperative dom structure changes this could break
|
|
94
|
+
// but super specific to pagination, not really a concern elsewhere
|
|
95
|
+
;
|
|
96
|
+
(_menuRef$current7 = menuRef.current) === null || _menuRef$current7 === void 0 ? void 0 : (_menuRef$current7$el = _menuRef$current7.el) === null || _menuRef$current7$el === void 0 ? void 0 : (_menuRef$current7$el$ = _menuRef$current7$el.firstChild) === null || _menuRef$current7$el$ === void 0 ? void 0 : _menuRef$current7$el$.focus();
|
|
97
|
+
}
|
|
98
|
+
function onKeyDown(e) {
|
|
99
|
+
if (e.key === 'Up' || e.key === 'ArrowUp') {
|
|
100
|
+
var _menuRef$current8;
|
|
101
|
+
e.preventDefault();
|
|
102
|
+
(_menuRef$current8 = menuRef.current) === null || _menuRef$current8 === void 0 ? void 0 : _menuRef$current8.prev();
|
|
103
|
+
} else if (e.key === 'Down' || e.key === 'ArrowDown') {
|
|
104
|
+
var _menuRef$current9;
|
|
105
|
+
e.preventDefault();
|
|
106
|
+
(_menuRef$current9 = menuRef.current) === null || _menuRef$current9 === void 0 ? void 0 : _menuRef$current9.next();
|
|
107
|
+
} else if (e.key === 'Enter') {
|
|
108
|
+
var _menuRef$current10;
|
|
109
|
+
e.preventDefault();
|
|
110
|
+
(_menuRef$current10 = menuRef.current) === null || _menuRef$current10 === void 0 ? void 0 : _menuRef$current10.select(e);
|
|
102
111
|
}
|
|
103
|
-
|
|
104
|
-
|
|
112
|
+
}
|
|
113
|
+
return /*#__PURE__*/React.createElement(OverlayTrigger, _extends({
|
|
114
|
+
role: "listbox",
|
|
115
|
+
passA11yPropsToOverlay: true,
|
|
116
|
+
autoFocus: true,
|
|
117
|
+
afterShow: afterShow,
|
|
118
|
+
overlay: /*#__PURE__*/React.createElement(PaginationMenu, {
|
|
119
|
+
activePage: activePage,
|
|
120
|
+
menuRef: menuRef,
|
|
121
|
+
onSelect: onSelect,
|
|
122
|
+
pages: pages
|
|
123
|
+
}),
|
|
124
|
+
placement: "bottom-left",
|
|
125
|
+
ref: ref,
|
|
126
|
+
trigger: "click"
|
|
127
|
+
}, props), /*#__PURE__*/React.createElement(DropdownButton, {
|
|
128
|
+
"aria-labelledby": ariaLabelledby,
|
|
129
|
+
arrow: true,
|
|
130
|
+
disabled: disabled,
|
|
131
|
+
id: id,
|
|
132
|
+
onKeyDown: onKeyDown,
|
|
133
|
+
variant: "tertiary"
|
|
134
|
+
}, activePage));
|
|
105
135
|
});
|
|
106
136
|
//# sourceMappingURL=PaginationSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationSelect.js","sourceRoot":"","sources":["../../src/Pagination/PaginationSelect.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PaginationSelect.js","names":["times","React","DropdownButton","MenuImperative","OverlayTrigger","useOverlayTriggerContext","StyledOverlay","noop","PaginationMenu","forwardRef","_ref","ref","activePage","menuRef","_ref$onSelect","onSelect","onSelect_","pages","props","_objectWithoutProperties","_excluded","ctx","lastItemRef","useRef","hasFooter","useEffect","_menuRef$current","current","highlightFirst","_menuRef$current2","_menuRef$current3","highlightSuggested","highlightSelected","onKeyDown","event","_menuRef$current4","currentPage","highlighted","key","_menuRef$current5","highlight","_menuRef$current6","stopPropagation","highlightLast","selection","hide","children","index","page","createElement","Item","item","selected","shadowStrength","_extends","circular","Fragment","Options","slice","Footer","padding","length","PaginationSelect","_ref2","_ref2$activePage","ariaLabelledby","disabled","id","_ref2$pages","afterShow","_menuRef$current7","_menuRef$current7$el","_menuRef$current7$el$","el","firstChild","focus","e","_menuRef$current8","preventDefault","prev","_menuRef$current9","next","_menuRef$current10","select","role","passA11yPropsToOverlay","autoFocus","overlay","placement","trigger","arrow","variant"],"sources":["../../src/Pagination/PaginationSelect.tsx"],"sourcesContent":["import { times } from 'ramda'\nimport React from 'react'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { MenuImperative } from '../MenuImperative/MenuImperative'\nimport { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport {\n OverlayTrigger,\n useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { StyledOverlay } from './Pagination.styles'\nimport { PageSelectProps, PaginationMenuProps } from './Pagination.types'\n\nconst noop = () => {}\n\nconst PaginationMenu = React.forwardRef<HTMLDivElement, PaginationMenuProps>(\n function PaginationMenu(\n { activePage, menuRef, onSelect: onSelect_ = noop, pages, ...props },\n ref\n ) {\n const ctx = useOverlayTriggerContext()\n\n const lastItemRef = React.useRef<HTMLDivElement>(null)\n\n const hasFooter = pages > 10\n\n React.useEffect(() => {\n menuRef.current?.highlightFirst()\n }, [menuRef])\n\n React.useEffect(() => {\n menuRef.current?.highlightSuggested()\n menuRef.current?.highlightSelected()\n }, [menuRef])\n\n function onKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n const currentPage = menuRef.current?.highlighted()\n\n if (event.key === 'ArrowDown' || event.key === 'Down') {\n // when on the second to last item, want to jump to the last item (in the footer)\n if (currentPage === pages - 1 && lastItemRef.current) {\n menuRef.current?.highlight(lastItemRef.current)\n }\n } else if (event.key === 'ArrowUp' || event.key === 'Up') {\n // on the last item (in the footer), want to jump back to the second to last\n // item back in the menu\n if (hasFooter && currentPage === pages) {\n event.stopPropagation()\n menuRef.current?.highlightLast()\n }\n }\n }\n\n function onSelect(selection: Selection) {\n onSelect_(selection)\n\n ctx.hide(selection.event)\n }\n\n const children = times((index: number) => {\n const page = index + 1\n\n return (\n <MenuImperative.Item\n item={page}\n key={index}\n selected={page === activePage}\n ref={lastItemRef}\n >\n {page}\n </MenuImperative.Item>\n )\n }, pages)\n\n return (\n <StyledOverlay ref={ref} shadowStrength={2}>\n <MenuImperative\n circular\n {...props}\n ref={menuRef}\n onKeyDown={onKeyDown}\n onSelect={onSelect}\n >\n {hasFooter ? (\n <>\n <MenuImperative.Options>\n {children.slice(0, -1)}\n </MenuImperative.Options>\n <MenuImperative.Footer padding=\"xs none\">\n {children[children.length - 1]}\n </MenuImperative.Footer>\n </>\n ) : (\n <MenuImperative.Options>{children}</MenuImperative.Options>\n )}\n </MenuImperative>\n </StyledOverlay>\n )\n }\n)\n\nexport const PaginationSelect = React.forwardRef<\n HTMLButtonElement,\n PageSelectProps\n>(function PaginationSelect(\n {\n activePage = 1,\n [`aria-labelledby`]: ariaLabelledby,\n disabled,\n id,\n onSelect,\n pages = 0,\n ...props\n },\n ref\n) {\n const menuRef = React.useRef<MenuRef>(null)\n\n // Safari has an issue with giving focus to buttons after clicking on them\n // if the button or menu do not have focus, the keyboard navigation does not work,\n // so just focus the menu when we open it\n function afterShow() {\n // this is brittle, if MenuImperative dom structure changes this could break\n // but super specific to pagination, not really a concern elsewhere\n ;(menuRef.current?.el?.firstChild as HTMLDivElement)?.focus()\n }\n\n function onKeyDown(e: React.KeyboardEvent<HTMLButtonElement>) {\n if (e.key === 'Up' || e.key === 'ArrowUp') {\n e.preventDefault()\n menuRef.current?.prev()\n } else if (e.key === 'Down' || e.key === 'ArrowDown') {\n e.preventDefault()\n menuRef.current?.next()\n } else if (e.key === 'Enter') {\n e.preventDefault()\n menuRef.current?.select(e)\n }\n }\n\n return (\n <OverlayTrigger\n role=\"listbox\"\n passA11yPropsToOverlay\n autoFocus\n afterShow={afterShow}\n overlay={\n <PaginationMenu\n activePage={activePage}\n menuRef={menuRef}\n onSelect={onSelect}\n pages={pages}\n />\n }\n placement=\"bottom-left\"\n ref={ref}\n trigger=\"click\"\n {...props}\n >\n <DropdownButton\n aria-labelledby={ariaLabelledby}\n arrow\n disabled={disabled}\n id={id}\n onKeyDown={onKeyDown}\n variant=\"tertiary\"\n >\n {activePage}\n </DropdownButton>\n </OverlayTrigger>\n )\n})\n"],"mappings":"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"}
|
package/dist/Pagination/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","
|
|
1
|
+
{"version":3,"file":"index.js","names":["Pagination","PresetPaginationProps","PaginationProps"],"sources":["../../src/Pagination/index.ts"],"sourcesContent":["export { Pagination } from './Pagination'\nexport { PresetPaginationProps as PaginationProps } from './Pagination.types'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,qBAAqB,IAAIC,eAAe,QAAQ,oBAAoB"}
|