@openedx/paragon 23.14.1 → 23.14.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +80 -14
- package/dist/ActionRow/index.d.ts +18 -0
- package/dist/ActionRow/index.js +6 -24
- package/dist/ActionRow/index.js.map +1 -1
- package/dist/Alert/index.js +21 -24
- package/dist/Alert/index.js.map +1 -1
- package/dist/Annotation/index.d.ts +13 -0
- package/dist/Annotation/index.js +11 -30
- package/dist/Annotation/index.js.map +1 -1
- package/dist/Avatar/index.d.ts +11 -0
- package/dist/Avatar/index.js +7 -21
- package/dist/Avatar/index.js.map +1 -1
- package/dist/AvatarButton/index.d.ts +17 -0
- package/dist/AvatarButton/index.js +11 -33
- package/dist/AvatarButton/index.js.map +1 -1
- package/dist/Breadcrumb/BreadcrumbLink.js +5 -6
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/index.js +11 -12
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Bubble/index.d.ts +6 -2
- package/dist/Bubble/index.js +14 -39
- package/dist/Bubble/index.js.map +1 -1
- package/dist/Button/index.d.ts +42 -7
- package/dist/Button/index.js +43 -115
- package/dist/Button/index.js.map +1 -1
- package/dist/Card/BaseCard.js +11 -12
- package/dist/Card/BaseCard.js.map +1 -1
- package/dist/Card/CardBody.js +9 -12
- package/dist/Card/CardBody.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarousel.js +13 -14
- package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselHeader.js +4 -5
- package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselItems.js +3 -4
- package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselProvider.js +7 -8
- package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js +5 -6
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselTitle.js +5 -6
- package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
- package/dist/Card/CardCarousel/messages.d.ts +13 -0
- package/dist/Card/CardCarousel/messages.js +4 -5
- package/dist/Card/CardCarousel/messages.js.map +1 -0
- package/dist/Card/CardContext.js +6 -7
- package/dist/Card/CardContext.js.map +1 -1
- package/dist/Card/CardDeck.js +9 -10
- package/dist/Card/CardDeck.js.map +1 -1
- package/dist/Card/CardDivider.js +8 -11
- package/dist/Card/CardDivider.js.map +1 -1
- package/dist/Card/CardFooter.js +9 -10
- package/dist/Card/CardFooter.js.map +1 -1
- package/dist/Card/CardGrid.js +6 -7
- package/dist/Card/CardGrid.js.map +1 -1
- package/dist/Card/CardHeader.js +9 -10
- package/dist/Card/CardHeader.js.map +1 -1
- package/dist/Card/CardImageCap.js +15 -16
- package/dist/Card/CardImageCap.js.map +1 -1
- package/dist/Card/CardSection.js +9 -10
- package/dist/Card/CardSection.js.map +1 -1
- package/dist/Card/CardStatus.js +9 -10
- package/dist/Card/CardStatus.js.map +1 -1
- package/dist/Card/index.js +9 -10
- package/dist/Card/index.js.map +1 -1
- package/dist/Chip/ChipIcon.js +8 -9
- package/dist/Chip/ChipIcon.js.map +1 -1
- package/dist/Chip/index.d.ts +22 -0
- package/dist/Chip/index.js +15 -70
- package/dist/Chip/index.js.map +1 -1
- package/dist/ChipCarousel/index.js +49 -53
- package/dist/ChipCarousel/index.js.map +1 -1
- package/dist/ChipCarousel/messages.d.ts +13 -0
- package/dist/ChipCarousel/messages.js +4 -5
- package/dist/ChipCarousel/messages.js.map +1 -0
- package/dist/CloseButton/index.js.map +1 -1
- package/dist/Collapse/index.js.map +1 -1
- package/dist/Collapsible/CollapsibleBody.js +6 -7
- package/dist/Collapsible/CollapsibleBody.js.map +1 -1
- package/dist/Collapsible/CollapsibleTrigger.js +9 -10
- package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
- package/dist/Collapsible/CollapsibleVisible.js +5 -6
- package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
- package/dist/ColorPicker/index.js +6 -7
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/Container/index.js +9 -12
- package/dist/Container/index.js.map +1 -1
- package/dist/DataTable/BulkActions.js +4 -5
- package/dist/DataTable/BulkActions.js.map +1 -1
- package/dist/DataTable/CardView.js +16 -18
- package/dist/DataTable/CardView.js.map +1 -1
- package/dist/DataTable/CollapsibleButtonGroup.js +5 -6
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/DataTableLayout.js +5 -6
- package/dist/DataTable/DataTableLayout.js.map +1 -1
- package/dist/DataTable/DropdownFilters.js +7 -2
- package/dist/DataTable/DropdownFilters.js.map +1 -1
- package/dist/DataTable/EmptyTable.js +5 -6
- package/dist/DataTable/EmptyTable.js.map +1 -1
- package/dist/DataTable/ExpandAll.js +4 -5
- package/dist/DataTable/ExpandAll.js.map +1 -1
- package/dist/DataTable/ExpandRow.js +3 -4
- package/dist/DataTable/ExpandRow.js.map +1 -1
- package/dist/DataTable/FilterStatus.js +8 -9
- package/dist/DataTable/FilterStatus.js.map +1 -1
- package/dist/DataTable/RowStatus.js +4 -5
- package/dist/DataTable/RowStatus.js.map +1 -1
- package/dist/DataTable/SidebarFilters.js +3 -4
- package/dist/DataTable/SidebarFilters.js.map +1 -1
- package/dist/DataTable/Table.js +3 -4
- package/dist/DataTable/Table.js.map +1 -1
- package/dist/DataTable/TableActions.js +3 -4
- package/dist/DataTable/TableActions.js.map +1 -1
- package/dist/DataTable/TableCell.js +5 -6
- package/dist/DataTable/TableCell.js.map +1 -1
- package/dist/DataTable/TableControlBar.js +3 -4
- package/dist/DataTable/TableControlBar.js.map +1 -1
- package/dist/DataTable/TableFilters.js +6 -7
- package/dist/DataTable/TableFilters.js.map +1 -1
- package/dist/DataTable/TableFooter.js +4 -5
- package/dist/DataTable/TableFooter.js.map +1 -1
- package/dist/DataTable/TableHeaderCell.js +13 -15
- package/dist/DataTable/TableHeaderCell.js.map +1 -1
- package/dist/DataTable/TableHeaderRow.js +3 -4
- package/dist/DataTable/TableHeaderRow.js.map +1 -1
- package/dist/DataTable/TableRow.js +3 -4
- package/dist/DataTable/TableRow.js.map +1 -1
- package/dist/DataTable/filters/CheckboxFilter.js +25 -29
- package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
- package/dist/DataTable/filters/DropdownFilter.js +16 -20
- package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js +25 -29
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/TextFilter.js +8 -9
- package/dist/DataTable/filters/TextFilter.js.map +1 -1
- package/dist/DataTable/hooks.js +11 -13
- package/dist/DataTable/hooks.js.map +1 -1
- package/dist/DataTable/index.js +42 -36
- package/dist/DataTable/index.js.map +1 -1
- package/dist/DataTable/messages.d.ts +13 -0
- package/dist/DataTable/messages.js +7 -3
- package/dist/DataTable/messages.js.map +1 -0
- package/dist/DataTable/selection/BaseSelectionStatus.js +11 -12
- package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelect.js +3 -4
- package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectHeader.js +3 -4
- package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectionStatus.js +4 -5
- package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/SelectionStatus.js +4 -5
- package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
- package/dist/DataTable/utils/getVisibleColumns.js +9 -13
- package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
- package/dist/Dropdown/index.js +17 -20
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropzone/DefaultContent.js +5 -6
- package/dist/Dropzone/DefaultContent.js.map +1 -1
- package/dist/Dropzone/DragError.js +3 -4
- package/dist/Dropzone/DragError.js.map +1 -1
- package/dist/Dropzone/GenericError.js +4 -5
- package/dist/Dropzone/GenericError.js.map +1 -1
- package/dist/Dropzone/UploadProgress.js +6 -7
- package/dist/Dropzone/UploadProgress.js.map +1 -1
- package/dist/Dropzone/index.js +14 -15
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/Dropzone/messages.d.ts +53 -0
- package/dist/Dropzone/messages.js +12 -13
- package/dist/Dropzone/messages.js.map +1 -0
- package/dist/Fade/index.js.map +1 -1
- package/dist/Form/FormAutosuggest.js +18 -20
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Form/FormAutosuggestOption.js +6 -7
- package/dist/Form/FormAutosuggestOption.js.map +1 -1
- package/dist/Form/FormCheckbox.js +16 -18
- package/dist/Form/FormCheckbox.js.map +1 -1
- package/dist/Form/FormCheckboxSet.js +11 -12
- package/dist/Form/FormCheckboxSet.js.map +1 -1
- package/dist/Form/FormCheckboxSetContext.js +9 -10
- package/dist/Form/FormCheckboxSetContext.js.map +1 -1
- package/dist/Form/FormControl.js +12 -13
- package/dist/Form/FormControl.js.map +1 -1
- package/dist/Form/FormControlDecorator.js +4 -5
- package/dist/Form/FormControlDecorator.js.map +1 -1
- package/dist/Form/FormControlDecoratorGroup.js +8 -9
- package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
- package/dist/Form/FormControlFeedback.js +4 -5
- package/dist/Form/FormControlFeedback.js.map +1 -1
- package/dist/Form/FormControlFloatingLabel.js +3 -4
- package/dist/Form/FormControlFloatingLabel.js.map +1 -1
- package/dist/Form/FormControlSet.js +7 -8
- package/dist/Form/FormControlSet.js.map +1 -1
- package/dist/Form/FormGroup.js +9 -10
- package/dist/Form/FormGroup.js.map +1 -1
- package/dist/Form/FormGroupContext.js +7 -8
- package/dist/Form/FormGroupContext.js.map +1 -1
- package/dist/Form/FormLabel.d.ts +2 -11
- package/dist/Form/FormLabel.js +5 -15
- package/dist/Form/FormLabel.js.map +1 -1
- package/dist/Form/FormRadio.js +28 -31
- package/dist/Form/FormRadio.js.map +1 -1
- package/dist/Form/FormRadioSet.js +11 -12
- package/dist/Form/FormRadioSet.js.map +1 -1
- package/dist/Form/FormRadioSetContext.js +9 -10
- package/dist/Form/FormRadioSetContext.js.map +1 -1
- package/dist/Form/FormSwitch.js +25 -29
- package/dist/Form/FormSwitch.js.map +1 -1
- package/dist/Form/FormText.js +16 -19
- package/dist/Form/FormText.js.map +1 -1
- package/dist/Form/fieldUtils.js +11 -22
- package/dist/Form/fieldUtils.js.map +1 -1
- package/dist/Form/useCheckboxSetValues.js +1 -2
- package/dist/Form/useCheckboxSetValues.js.map +1 -1
- package/dist/Hyperlink/index.js +17 -21
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Icon/index.js +10 -11
- package/dist/Icon/index.js.map +1 -1
- package/dist/IconButton/index.d.ts +8 -304
- package/dist/IconButton/index.js +21 -84
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButtonToggle/index.js +5 -6
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/Image/index.js.map +1 -1
- package/dist/Layout/index.js +4 -5
- package/dist/Layout/index.js.map +1 -1
- package/dist/Media/index.js.map +1 -1
- package/dist/Menu/MenuItem.js +8 -9
- package/dist/Menu/MenuItem.js.map +1 -1
- package/dist/Menu/SelectMenu.js +8 -9
- package/dist/Menu/SelectMenu.js.map +1 -1
- package/dist/Menu/index.js +6 -7
- package/dist/Menu/index.js.map +1 -1
- package/dist/Modal/AlertModal.js +6 -7
- package/dist/Modal/AlertModal.js.map +1 -1
- package/dist/Modal/FullscreenModal.js +7 -8
- package/dist/Modal/FullscreenModal.js.map +1 -1
- package/dist/Modal/MarketingModal.js +9 -10
- package/dist/Modal/MarketingModal.js.map +1 -1
- package/dist/Modal/ModalCloseButton.js +5 -6
- package/dist/Modal/ModalCloseButton.js.map +1 -1
- package/dist/Modal/ModalContext.js +6 -7
- package/dist/Modal/ModalContext.js.map +1 -1
- package/dist/Modal/ModalDialog.d.ts +6 -65
- package/dist/Modal/ModalDialog.js +16 -81
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/ModalDialogBody.js +5 -6
- package/dist/Modal/ModalDialogBody.js.map +1 -1
- package/dist/Modal/ModalDialogFooter.js +5 -6
- package/dist/Modal/ModalDialogFooter.js.map +1 -1
- package/dist/Modal/ModalDialogHeader.js +9 -12
- package/dist/Modal/ModalDialogHeader.js.map +1 -1
- package/dist/Modal/ModalDialogHero.js +5 -6
- package/dist/Modal/ModalDialogHero.js.map +1 -1
- package/dist/Modal/ModalDialogHeroBackground.js +6 -7
- package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
- package/dist/Modal/ModalDialogHeroContent.js +5 -6
- package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
- package/dist/Modal/ModalDialogTitle.js +5 -6
- package/dist/Modal/ModalDialogTitle.js.map +1 -1
- package/dist/Modal/ModalLayer.d.ts +0 -25
- package/dist/Modal/ModalLayer.js +13 -35
- package/dist/Modal/ModalLayer.js.map +1 -1
- package/dist/Modal/ModalPopup.js +11 -12
- package/dist/Modal/ModalPopup.js.map +1 -1
- package/dist/Modal/PopperElement.js +7 -8
- package/dist/Modal/PopperElement.js.map +1 -1
- package/dist/Modal/StandardModal.js +7 -8
- package/dist/Modal/StandardModal.js.map +1 -1
- package/dist/OverflowScroll/OverflowScroll.js +12 -13
- package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollItems.js +3 -4
- package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
- package/dist/Overlay/index.d.ts +2 -2
- package/dist/PageBanner/index.js +9 -10
- package/dist/PageBanner/index.js.map +1 -1
- package/dist/Pagination/PaginationContext.js +12 -13
- package/dist/Pagination/PaginationContext.js.map +1 -1
- package/dist/Pagination/subcomponents/PageButton.js +3 -4
- package/dist/Pagination/subcomponents/PageButton.js.map +1 -1
- package/dist/Popover/index.js +11 -14
- package/dist/Popover/index.js.map +1 -1
- package/dist/ProductTour/Checkpoint.js +12 -13
- package/dist/ProductTour/Checkpoint.js.map +1 -1
- package/dist/ProductTour/CheckpointActionRow.js +10 -11
- package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
- package/dist/ProductTour/CheckpointBody.js +3 -4
- package/dist/ProductTour/CheckpointBody.js.map +1 -1
- package/dist/ProductTour/CheckpointHeader.js +7 -8
- package/dist/ProductTour/CheckpointHeader.js.map +1 -1
- package/dist/ProductTour/CheckpointTitle.js +6 -9
- package/dist/ProductTour/CheckpointTitle.js.map +1 -1
- package/dist/ProductTour/index.js +3 -4
- package/dist/ProductTour/index.js.map +1 -1
- package/dist/ProductTour/messages.d.ts +23 -0
- package/dist/ProductTour/messages.js +6 -7
- package/dist/ProductTour/messages.js.map +1 -0
- package/dist/ProgressBar/index.js +11 -12
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/ResponsiveEmbed/index.js.map +1 -1
- package/dist/Scrollable/index.js +4 -5
- package/dist/Scrollable/index.js.map +1 -1
- package/dist/SearchField/SearchFieldLabel.js +4 -5
- package/dist/SearchField/SearchFieldLabel.js.map +1 -1
- package/dist/SelectableBox/SelectableBoxSet.js +13 -14
- package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
- package/dist/SelectableBox/index.js +14 -15
- package/dist/SelectableBox/index.js.map +1 -1
- package/dist/Skeleton/index.js.map +1 -1
- package/dist/Spinner/index.d.ts +11 -0
- package/dist/Spinner/index.js +6 -17
- package/dist/Spinner/index.js.map +1 -1
- package/dist/Stack/index.js +12 -15
- package/dist/Stack/index.js.map +1 -1
- package/dist/StatefulButton/index.js +9 -10
- package/dist/StatefulButton/index.js.map +1 -1
- package/dist/Stepper/Stepper.js +4 -5
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/StepperActionRow.js +6 -7
- package/dist/Stepper/StepperActionRow.js.map +1 -1
- package/dist/Stepper/StepperContext.js +4 -5
- package/dist/Stepper/StepperContext.js.map +1 -1
- package/dist/Stepper/StepperHeader.js +23 -31
- package/dist/Stepper/StepperHeader.js.map +1 -1
- package/dist/Stepper/StepperHeaderStep.js +8 -9
- package/dist/Stepper/StepperHeaderStep.js.map +1 -1
- package/dist/Stepper/StepperStep.js +10 -11
- package/dist/Stepper/StepperStep.js.map +1 -1
- package/dist/Sticky/index.js +8 -12
- package/dist/Sticky/index.js.map +1 -1
- package/dist/Tabs/index.js +8 -9
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Toast/ToastContainer.js +3 -4
- package/dist/Toast/ToastContainer.js.map +1 -1
- package/dist/Toast/index.d.ts +20 -41
- package/dist/Toast/index.js +11 -48
- package/dist/Toast/index.js.map +1 -1
- package/dist/ToggleButton/index.js.map +1 -1
- package/dist/Tooltip/index.js +11 -14
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/Truncate/index.js +9 -10
- package/dist/Truncate/index.js.map +1 -1
- package/dist/asInput/index.js +9 -13
- package/dist/asInput/index.js.map +1 -1
- package/dist/hooks/useArrowKeyNavigationHook.js +17 -21
- package/dist/hooks/useArrowKeyNavigationHook.js.map +1 -1
- package/dist/hooks/useIsVisibleHook.js +4 -6
- package/dist/hooks/useIsVisibleHook.js.map +1 -1
- package/dist/hooks/useToggleHook.js +1 -3
- package/dist/hooks/useToggleHook.js.map +1 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.js +5 -10
- package/dist/index.js.map +1 -1
- package/dist/theme-urls.json +6 -6
- package/dist/utils/newId.js +1 -2
- package/dist/utils/newId.js.map +1 -1
- package/package.json +2 -2
- package/src/ActionRow/{index.jsx → index.tsx} +14 -22
- package/src/Annotation/{index.jsx → index.tsx} +15 -22
- package/src/Avatar/{index.jsx → index.tsx} +13 -19
- package/src/AvatarButton/{index.jsx → index.tsx} +23 -31
- package/src/Bubble/index.tsx +12 -32
- package/src/Button/index.tsx +68 -93
- package/src/Chip/index.tsx +26 -59
- package/src/CloseButton/index.tsx +1 -0
- package/src/Collapse/index.tsx +1 -0
- package/src/DataTable/DropdownFilters.jsx +9 -2
- package/src/DataTable/README.md +19 -18
- package/src/DataTable/index.jsx +6 -1
- package/src/DataTable/{messages.js → messages.ts} +5 -0
- package/src/DataTable/tests/DataTable.test.jsx +51 -1
- package/src/DataTable/tests/DropdownFilters.test.jsx +11 -7
- package/src/Fade/index.tsx +1 -0
- package/src/Form/FormLabel.tsx +2 -10
- package/src/IconButton/index.tsx +17 -81
- package/src/Image/index.tsx +2 -0
- package/src/Media/index.tsx +1 -0
- package/src/Modal/ModalDialog.tsx +6 -66
- package/src/Modal/ModalLayer.tsx +0 -22
- package/src/Modal/modal-popup.mdx +1 -1
- package/src/ProductTour/ProductTour.test.jsx +0 -1
- package/src/ResponsiveEmbed/index.tsx +1 -0
- package/src/Skeleton/index.tsx +1 -0
- package/src/Spinner/{index.jsx → index.tsx} +10 -15
- package/src/Toast/index.tsx +21 -40
- package/src/ToggleButton/index.tsx +2 -0
- package/src/index.ts +5 -10
- /package/{src/CloseButton/index.jsx → dist/CloseButton/index.d.ts} +0 -0
- /package/{src/Collapse/index.jsx → dist/Collapse/index.d.ts} +0 -0
- /package/{src/Fade/index.jsx → dist/Fade/index.d.ts} +0 -0
- /package/{src/Image/index.jsx → dist/Image/index.d.ts} +0 -0
- /package/{src/Media/index.jsx → dist/Media/index.d.ts} +0 -0
- /package/{src/ResponsiveEmbed/index.jsx → dist/ResponsiveEmbed/index.d.ts} +0 -0
- /package/{src/Skeleton/index.jsx → dist/Skeleton/index.d.ts} +0 -0
- /package/{src/ToggleButton/index.jsx → dist/ToggleButton/index.d.ts} +0 -0
- /package/src/Card/CardCarousel/{messages.js → messages.ts} +0 -0
- /package/src/ChipCarousel/{messages.js → messages.ts} +0 -0
- /package/src/Dropzone/{messages.js → messages.ts} +0 -0
- /package/src/ProductTour/{messages.js → messages.ts} +0 -0
- /package/src/Spinner/{Spinner.test.jsx → Spinner.test.tsx} +0 -0
- /package/src/Spinner/__snapshots__/{Spinner.test.jsx.snap → Spinner.test.tsx.snap} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableLayout.js","names":["React","useContext","PropTypes","classNames","SidebarFilters","DataTableContext","DataTableLayout","
|
|
1
|
+
{"version":3,"file":"DataTableLayout.js","names":["React","useContext","PropTypes","classNames","SidebarFilters","DataTableContext","DataTableLayout","filtersTitle","className","children","setFilter","showFiltersInSidebar","createElement","title","propTypes","string","node","isRequired","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/DataTableLayout.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SidebarFilters from './SidebarFilters';\nimport DataTableContext from './DataTableContext';\n\nfunction DataTableLayout({\n filtersTitle,\n className,\n children,\n}) {\n const { setFilter, showFiltersInSidebar } = useContext(DataTableContext);\n\n return (\n <div className={classNames('pgn__data-table-layout-wrapper', className)}>\n {(showFiltersInSidebar && setFilter) && (\n <div className=\"pgn__data-table-layout-sidebar\">\n <SidebarFilters title={filtersTitle} />\n </div>\n )}\n <div className=\"pgn__data-table-layout-main\">\n {children}\n </div>\n </div>\n );\n}\n\nDataTableLayout.propTypes = {\n /** A class name to append to the base element. */\n className: PropTypes.string,\n /** Specifies contents of the component. */\n children: PropTypes.node.isRequired,\n /** Specifies title of the component. */\n filtersTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nDataTableLayout.defaultProps = {\n className: null,\n filtersTitle: undefined,\n};\n\nexport default DataTableLayout;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,eAAeA,CAAC;EACvBC,YAAY;EACZC,SAAS;EACTC;AACF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS;IAAEC;EAAqB,CAAC,GAAGV,UAAU,CAACI,gBAAgB,CAAC;EAExE,oBACEL,KAAA,CAAAY,aAAA;IAAKJ,SAAS,EAAEL,UAAU,CAAC,gCAAgC,EAAEK,SAAS;EAAE,GACpEG,oBAAoB,IAAID,SAAS,iBACjCV,KAAA,CAAAY,aAAA;IAAKJ,SAAS,EAAC;EAAgC,gBAC7CR,KAAA,CAAAY,aAAA,CAACR,cAAc;IAACS,KAAK,EAAEN;EAAa,CAAE,CACnC,CACN,eACDP,KAAA,CAAAY,aAAA;IAAKJ,SAAS,EAAC;EAA6B,GACzCC,QACE,CACF,CAAC;AAEV;AAEAH,eAAe,CAACQ,SAAS,GAAG;EAC1B;EACAN,SAAS,EAAEN,SAAS,CAACa,MAAM;EAC3B;EACAN,QAAQ,EAAEP,SAAS,CAACc,IAAI,CAACC,UAAU;EACnC;EACAV,YAAY,EAAEL,SAAS,CAACgB,SAAS,CAAC,CAAChB,SAAS,CAACa,MAAM,EAAEb,SAAS,CAACiB,OAAO,CAAC;AACzE,CAAC;AAEDb,eAAe,CAACc,YAAY,GAAG;EAC7BZ,SAAS,EAAE,IAAI;EACfD,YAAY,EAAEc;AAChB,CAAC;AAED,eAAef,eAAe","ignoreList":[]}
|
|
@@ -1,17 +1,21 @@
|
|
|
1
1
|
import React, { useContext, useMemo } from 'react';
|
|
2
|
+
import { useIntl } from 'react-intl';
|
|
2
3
|
import DataTableContext from './DataTableContext';
|
|
3
4
|
import { DropdownButton } from '../Dropdown';
|
|
4
5
|
import useWindowSize from '../hooks/useWindowSizeHook';
|
|
5
6
|
import breakpoints from '../utils/breakpoints';
|
|
7
|
+
import messages from './messages';
|
|
6
8
|
|
|
7
9
|
/** The first filter will be as an input, additional filters will be available in a dropdown. */
|
|
8
10
|
function DropdownFilters() {
|
|
11
|
+
const intl = useIntl();
|
|
9
12
|
const {
|
|
10
13
|
width
|
|
11
14
|
} = useWindowSize();
|
|
12
15
|
const {
|
|
13
16
|
columns,
|
|
14
|
-
numBreakoutFilters
|
|
17
|
+
numBreakoutFilters,
|
|
18
|
+
filtersTitle
|
|
15
19
|
} = useContext(DataTableContext);
|
|
16
20
|
const [breakoutFilters, otherFilters] = useMemo(() => {
|
|
17
21
|
if (!columns) {
|
|
@@ -26,6 +30,7 @@ function DropdownFilters() {
|
|
|
26
30
|
const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);
|
|
27
31
|
return [boFilters, dropdownFilters];
|
|
28
32
|
}, [columns, width, numBreakoutFilters]);
|
|
33
|
+
const dropdownTitle = filtersTitle || intl.formatMessage(messages.filtersDropdownTitle);
|
|
29
34
|
return /*#__PURE__*/React.createElement("div", {
|
|
30
35
|
className: "pgn__data-table-filters"
|
|
31
36
|
}, breakoutFilters.length > 0 && breakoutFilters.map(column => /*#__PURE__*/React.createElement("div", {
|
|
@@ -34,7 +39,7 @@ function DropdownFilters() {
|
|
|
34
39
|
}, column.render('Filter'))), otherFilters.length > 0 && /*#__PURE__*/React.createElement(DropdownButton, {
|
|
35
40
|
variant: "outline-primary",
|
|
36
41
|
id: "table-filters-dropdown",
|
|
37
|
-
title:
|
|
42
|
+
title: dropdownTitle
|
|
38
43
|
}, otherFilters.map(column => /*#__PURE__*/React.createElement("div", {
|
|
39
44
|
key: column.Header,
|
|
40
45
|
className: "pgn__data-table-filters-dropdown-item"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownFilters.js","names":["React","useContext","useMemo","DataTableContext","DropdownButton","useWindowSize","breakpoints","DropdownFilters","width","columns","numBreakoutFilters","breakoutFilters","otherFilters","availableFilters","filter","column","canFilter","small","minWidth","numberOfBreakoutFilters","boFilters","slice","dropdownFilters","createElement","className","length","map","key","Header","render","variant","id","title"],"sources":["../../src/DataTable/DropdownFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport DataTableContext from './DataTableContext';\nimport { DropdownButton } from '../Dropdown';\nimport useWindowSize from '../hooks/useWindowSizeHook';\nimport breakpoints from '../utils/breakpoints';\n\n/** The first filter will be as an input, additional filters will be available in a dropdown. */\nfunction DropdownFilters() {\n const { width } = useWindowSize();\n const {
|
|
1
|
+
{"version":3,"file":"DropdownFilters.js","names":["React","useContext","useMemo","useIntl","DataTableContext","DropdownButton","useWindowSize","breakpoints","messages","DropdownFilters","intl","width","columns","numBreakoutFilters","filtersTitle","breakoutFilters","otherFilters","availableFilters","filter","column","canFilter","small","minWidth","numberOfBreakoutFilters","boFilters","slice","dropdownFilters","dropdownTitle","formatMessage","filtersDropdownTitle","createElement","className","length","map","key","Header","render","variant","id","title"],"sources":["../../src/DataTable/DropdownFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport { useIntl } from 'react-intl';\nimport DataTableContext from './DataTableContext';\nimport { DropdownButton } from '../Dropdown';\nimport useWindowSize from '../hooks/useWindowSizeHook';\nimport breakpoints from '../utils/breakpoints';\nimport messages from './messages';\n\n/** The first filter will be as an input, additional filters will be available in a dropdown. */\nfunction DropdownFilters() {\n const intl = useIntl();\n const { width } = useWindowSize();\n const {\n columns, numBreakoutFilters, filtersTitle,\n } = useContext(DataTableContext);\n\n const [breakoutFilters, otherFilters] = useMemo(() => {\n if (!columns) {\n return [[], []];\n }\n const availableFilters = columns.filter((column) => column.canFilter);\n if (width < breakpoints.small.minWidth) {\n return [[], availableFilters];\n }\n\n const numberOfBreakoutFilters = numBreakoutFilters || 1;\n const boFilters = availableFilters.slice(0, numberOfBreakoutFilters);\n const dropdownFilters = availableFilters.slice(numberOfBreakoutFilters);\n\n return [boFilters, dropdownFilters];\n }, [columns, width, numBreakoutFilters]);\n\n const dropdownTitle = filtersTitle || intl.formatMessage(messages.filtersDropdownTitle);\n\n return (\n <div className=\"pgn__data-table-filters\">\n {breakoutFilters.length > 0 && breakoutFilters.map((column) => (\n <div className=\"pgn__data-table-filters-breakout-filter\" key={column.Header}>\n {column.render('Filter')}\n </div>\n ))}\n {otherFilters.length > 0 && (\n <DropdownButton variant=\"outline-primary\" id=\"table-filters-dropdown\" title={dropdownTitle}>\n {otherFilters.map((column) => (\n <div\n key={column.Header}\n className=\"pgn__data-table-filters-dropdown-item\"\n >\n {column.render('Filter')}\n </div>\n ))}\n </DropdownButton>\n )}\n </div>\n );\n}\n\nexport default DropdownFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,SAASC,OAAO,QAAQ,YAAY;AACpC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,WAAW,MAAM,sBAAsB;AAC9C,OAAOC,QAAQ,MAAM,YAAY;;AAEjC;AACA,SAASC,eAAeA,CAAA,EAAG;EACzB,MAAMC,IAAI,GAAGP,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEQ;EAAM,CAAC,GAAGL,aAAa,CAAC,CAAC;EACjC,MAAM;IACJM,OAAO;IAAEC,kBAAkB;IAAEC;EAC/B,CAAC,GAAGb,UAAU,CAACG,gBAAgB,CAAC;EAEhC,MAAM,CAACW,eAAe,EAAEC,YAAY,CAAC,GAAGd,OAAO,CAAC,MAAM;IACpD,IAAI,CAACU,OAAO,EAAE;MACZ,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;IACjB;IACA,MAAMK,gBAAgB,GAAGL,OAAO,CAACM,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,SAAS,CAAC;IACrE,IAAIT,KAAK,GAAGJ,WAAW,CAACc,KAAK,CAACC,QAAQ,EAAE;MACtC,OAAO,CAAC,EAAE,EAAEL,gBAAgB,CAAC;IAC/B;IAEA,MAAMM,uBAAuB,GAAGV,kBAAkB,IAAI,CAAC;IACvD,MAAMW,SAAS,GAAGP,gBAAgB,CAACQ,KAAK,CAAC,CAAC,EAAEF,uBAAuB,CAAC;IACpE,MAAMG,eAAe,GAAGT,gBAAgB,CAACQ,KAAK,CAACF,uBAAuB,CAAC;IAEvE,OAAO,CAACC,SAAS,EAAEE,eAAe,CAAC;EACrC,CAAC,EAAE,CAACd,OAAO,EAAED,KAAK,EAAEE,kBAAkB,CAAC,CAAC;EAExC,MAAMc,aAAa,GAAGb,YAAY,IAAIJ,IAAI,CAACkB,aAAa,CAACpB,QAAQ,CAACqB,oBAAoB,CAAC;EAEvF,oBACE7B,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACrChB,eAAe,CAACiB,MAAM,GAAG,CAAC,IAAIjB,eAAe,CAACkB,GAAG,CAAEd,MAAM,iBACxDnB,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAC,yCAAyC;IAACG,GAAG,EAAEf,MAAM,CAACgB;EAAO,GACzEhB,MAAM,CAACiB,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDpB,YAAY,CAACgB,MAAM,GAAG,CAAC,iBACtBhC,KAAA,CAAA8B,aAAA,CAACzB,cAAc;IAACgC,OAAO,EAAC,iBAAiB;IAACC,EAAE,EAAC,wBAAwB;IAACC,KAAK,EAAEZ;EAAc,GACxFX,YAAY,CAACiB,GAAG,CAAEd,MAAM,iBACvBnB,KAAA,CAAA8B,aAAA;IACEI,GAAG,EAAEf,MAAM,CAACgB,MAAO;IACnBJ,SAAS,EAAC;EAAuC,GAEhDZ,MAAM,CAACiB,MAAM,CAAC,QAAQ,CACpB,CACN,CACa,CAEf,CAAC;AAEV;AAEA,eAAe3B,eAAe","ignoreList":[]}
|
|
@@ -2,12 +2,11 @@ import React, { useContext } from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import DataTableContext from './DataTableContext';
|
|
5
|
-
function EmptyTable(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
} = _ref;
|
|
5
|
+
function EmptyTable({
|
|
6
|
+
content,
|
|
7
|
+
className,
|
|
8
|
+
...rest
|
|
9
|
+
}) {
|
|
11
10
|
const {
|
|
12
11
|
rows,
|
|
13
12
|
isLoading
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyTable.js","names":["React","useContext","PropTypes","classNames","DataTableContext","EmptyTable","
|
|
1
|
+
{"version":3,"file":"EmptyTable.js","names":["React","useContext","PropTypes","classNames","DataTableContext","EmptyTable","content","className","rest","rows","isLoading","length","createElement","defaultProps","propTypes","string","isRequired"],"sources":["../../src/DataTable/EmptyTable.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport DataTableContext from './DataTableContext';\n\nfunction EmptyTable({ content, className, ...rest }) {\n const { rows, isLoading } = useContext(DataTableContext);\n if (isLoading || !rows || rows.length > 0) { return null; }\n\n return (<div className={classNames('pgn__data-table-empty', className)} {...rest}>{content}</div>);\n}\n\nEmptyTable.defaultProps = {\n className: null,\n};\n\nEmptyTable.propTypes = {\n className: PropTypes.string,\n content: PropTypes.string.isRequired,\n};\n\nexport default EmptyTable;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,UAAUA,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,EAAE;EACnD,MAAM;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGT,UAAU,CAACG,gBAAgB,CAAC;EACxD,IAAIM,SAAS,IAAI,CAACD,IAAI,IAAIA,IAAI,CAACE,MAAM,GAAG,CAAC,EAAE;IAAE,OAAO,IAAI;EAAE;EAE1D,oBAAQX,KAAA,CAAAY,aAAA;IAAKL,SAAS,EAAEJ,UAAU,CAAC,uBAAuB,EAAEI,SAAS,CAAE;IAAA,GAAKC;EAAI,GAAGF,OAAa,CAAC;AACnG;AAEAD,UAAU,CAACQ,YAAY,GAAG;EACxBN,SAAS,EAAE;AACb,CAAC;AAEDF,UAAU,CAACS,SAAS,GAAG;EACrBP,SAAS,EAAEL,SAAS,CAACa,MAAM;EAC3BT,OAAO,EAAEJ,SAAS,CAACa,MAAM,CAACC;AAC5B,CAAC;AAED,eAAeX,UAAU","ignoreList":[]}
|
|
@@ -2,11 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { FormattedMessage } from 'react-intl';
|
|
4
4
|
import Button from '../Button';
|
|
5
|
-
function ExpandAll(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
5
|
+
function ExpandAll({
|
|
6
|
+
getToggleAllRowsExpandedProps,
|
|
7
|
+
isAllRowsExpanded
|
|
8
|
+
}) {
|
|
10
9
|
return /*#__PURE__*/React.createElement("span", {
|
|
11
10
|
...getToggleAllRowsExpandedProps()
|
|
12
11
|
}, isAllRowsExpanded ? /*#__PURE__*/React.createElement(Button, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandAll.js","names":["React","PropTypes","FormattedMessage","Button","ExpandAll","
|
|
1
|
+
{"version":3,"file":"ExpandAll.js","names":["React","PropTypes","FormattedMessage","Button","ExpandAll","getToggleAllRowsExpandedProps","isAllRowsExpanded","createElement","variant","size","id","defaultMessage","description","propTypes","func","isRequired","bool"],"sources":["../../src/DataTable/ExpandAll.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport Button from '../Button';\n\nfunction ExpandAll({ getToggleAllRowsExpandedProps, isAllRowsExpanded }) {\n return (\n <span {...getToggleAllRowsExpandedProps()}>\n {isAllRowsExpanded ? (\n <Button variant=\"link\" size=\"inline\">\n <FormattedMessage\n id=\"pgn.DataTable.ExpandAll.collapseAllLabel\"\n defaultMessage=\"Collapse all\"\n description=\"Label of an action button that collapses all expandable rows of DataTable.\"\n />\n </Button>\n ) : (\n <Button variant=\"link\" size=\"inline\">\n <FormattedMessage\n id=\"pgn.DataTable.ExpandAll.expandAllLabel\"\n defaultMessage=\"Expand all\"\n description=\"Label of an action button that expands all expandable rows of DataTable.\"\n />\n </Button>\n )}\n </span>\n );\n}\n\nExpandAll.propTypes = {\n /** A helper function that returns props necessary for expand / collapse all rows behaviour. */\n getToggleAllRowsExpandedProps: PropTypes.func.isRequired,\n /** Specifies whether all rows are expanded. */\n isAllRowsExpanded: PropTypes.bool.isRequired,\n};\n\nexport default ExpandAll;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,SAASA,CAAC;EAAEC,6BAA6B;EAAEC;AAAkB,CAAC,EAAE;EACvE,oBACEN,KAAA,CAAAO,aAAA;IAAA,GAAUF,6BAA6B,CAAC;EAAC,GACtCC,iBAAiB,gBAChBN,KAAA,CAAAO,aAAA,CAACJ,MAAM;IAACK,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCT,KAAA,CAAAO,aAAA,CAACL,gBAAgB;IACfQ,EAAE,EAAC,0CAA0C;IAC7CC,cAAc,EAAC,cAAc;IAC7BC,WAAW,EAAC;EAA4E,CACzF,CACK,CAAC,gBAETZ,KAAA,CAAAO,aAAA,CAACJ,MAAM;IAACK,OAAO,EAAC,MAAM;IAACC,IAAI,EAAC;EAAQ,gBAClCT,KAAA,CAAAO,aAAA,CAACL,gBAAgB;IACfQ,EAAE,EAAC,wCAAwC;IAC3CC,cAAc,EAAC,YAAY;IAC3BC,WAAW,EAAC;EAA0E,CACvF,CACK,CAEN,CAAC;AAEX;AAEAR,SAAS,CAACS,SAAS,GAAG;EACpB;EACAR,6BAA6B,EAAEJ,SAAS,CAACa,IAAI,CAACC,UAAU;EACxD;EACAT,iBAAiB,EAAEL,SAAS,CAACe,IAAI,CAACD;AACpC,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}
|
|
@@ -4,10 +4,9 @@ import { ExpandLess, ExpandMore } from '../../icons';
|
|
|
4
4
|
import Icon from '../Icon';
|
|
5
5
|
import IconButton from '../IconButton';
|
|
6
6
|
const EXPAND_COLLAPSE_ICON_SIZE = 'inline';
|
|
7
|
-
function ExpandRow(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
} = _ref;
|
|
7
|
+
function ExpandRow({
|
|
8
|
+
row
|
|
9
|
+
}) {
|
|
11
10
|
return /*#__PURE__*/React.createElement("span", {
|
|
12
11
|
...row.getToggleRowExpandedProps()
|
|
13
12
|
}, row.isExpanded ? /*#__PURE__*/React.createElement(IconButton, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandRow.js","names":["React","PropTypes","ExpandLess","ExpandMore","Icon","IconButton","EXPAND_COLLAPSE_ICON_SIZE","ExpandRow","
|
|
1
|
+
{"version":3,"file":"ExpandRow.js","names":["React","PropTypes","ExpandLess","ExpandMore","Icon","IconButton","EXPAND_COLLAPSE_ICON_SIZE","ExpandRow","row","createElement","getToggleRowExpandedProps","isExpanded","src","iconAs","alt","size","propTypes","shape","bool","func","isRequired"],"sources":["../../src/DataTable/ExpandRow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ExpandLess, ExpandMore } from '../../icons';\nimport Icon from '../Icon';\nimport IconButton from '../IconButton';\n\nconst EXPAND_COLLAPSE_ICON_SIZE = 'inline';\n\nfunction ExpandRow({ row }) {\n return (\n <span {...row.getToggleRowExpandedProps()}>\n {row.isExpanded\n ? <IconButton src={ExpandLess} iconAs={Icon} alt=\"Collapse row\" size={EXPAND_COLLAPSE_ICON_SIZE} />\n : <IconButton src={ExpandMore} iconAs={Icon} alt=\"Expand row\" size={EXPAND_COLLAPSE_ICON_SIZE} />}\n </span>\n );\n}\n\nExpandRow.propTypes = {\n /** Row data that is received from `react-table` API. */\n row: PropTypes.shape({\n /** Specifies if row is in expanded state. */\n isExpanded: PropTypes.bool,\n /** Function that returns props for the wrapper component to handle expand behaviour. */\n getToggleRowExpandedProps: PropTypes.func.isRequired,\n }).isRequired,\n};\n\nexport default ExpandRow;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,EAAEC,UAAU,QAAQ,aAAa;AACpD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,UAAU,MAAM,eAAe;AAEtC,MAAMC,yBAAyB,GAAG,QAAQ;AAE1C,SAASC,SAASA,CAAC;EAAEC;AAAI,CAAC,EAAE;EAC1B,oBACER,KAAA,CAAAS,aAAA;IAAA,GAAUD,GAAG,CAACE,yBAAyB,CAAC;EAAC,GACtCF,GAAG,CAACG,UAAU,gBACXX,KAAA,CAAAS,aAAA,CAACJ,UAAU;IAACO,GAAG,EAAEV,UAAW;IAACW,MAAM,EAAET,IAAK;IAACU,GAAG,EAAC,cAAc;IAACC,IAAI,EAAET;EAA0B,CAAE,CAAC,gBACjGN,KAAA,CAAAS,aAAA,CAACJ,UAAU;IAACO,GAAG,EAAET,UAAW;IAACU,MAAM,EAAET,IAAK;IAACU,GAAG,EAAC,YAAY;IAACC,IAAI,EAAET;EAA0B,CAAE,CAC9F,CAAC;AAEX;AAEAC,SAAS,CAACS,SAAS,GAAG;EACpB;EACAR,GAAG,EAAEP,SAAS,CAACgB,KAAK,CAAC;IACnB;IACAN,UAAU,EAAEV,SAAS,CAACiB,IAAI;IAC1B;IACAR,yBAAyB,EAAET,SAAS,CAACkB,IAAI,CAACC;EAC5C,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAeb,SAAS","ignoreList":[]}
|
|
@@ -3,15 +3,14 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import { FormattedMessage } from 'react-intl';
|
|
4
4
|
import DataTableContext from './DataTableContext';
|
|
5
5
|
import Button from '../Button';
|
|
6
|
-
function FilterStatus(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
} = _ref;
|
|
6
|
+
function FilterStatus({
|
|
7
|
+
className,
|
|
8
|
+
variant,
|
|
9
|
+
size,
|
|
10
|
+
clearFiltersText,
|
|
11
|
+
buttonClassName,
|
|
12
|
+
showFilteredFields
|
|
13
|
+
}) {
|
|
15
14
|
const {
|
|
16
15
|
state,
|
|
17
16
|
setAllFilters,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","Button","FilterStatus","
|
|
1
|
+
{"version":3,"file":"FilterStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","Button","FilterStatus","className","variant","size","clearFiltersText","buttonClassName","showFilteredFields","state","setAllFilters","headers","headersMap","reduce","cur","acc","id","Header","filterNames","filters","map","filter","filterTexts","createElement","join","onClick","undefined","defaultMessage","description","defaultProps","propTypes","string","oneOfType","element","bool"],"sources":["../../src/DataTable/FilterStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\nimport Button from '../Button';\n\nfunction FilterStatus({\n className, variant, size, clearFiltersText, buttonClassName, showFilteredFields,\n}) {\n const { state, setAllFilters, headers } = useContext(DataTableContext);\n if (!setAllFilters) {\n return null;\n }\n\n const headersMap = headers.reduce((cur, acc) => {\n cur[acc.id] = acc.Header;\n return cur;\n }, {});\n const filterNames = state.filters ? state.filters.map((filter) => headersMap[filter.id]) : [];\n const filterTexts = <p>Filtered by {filterNames.join(', ')}</p>;\n\n return (\n <div className={className}>\n {showFilteredFields && filterTexts}\n <Button\n className={buttonClassName}\n variant={variant}\n size={size}\n onClick={() => setAllFilters([])}\n >\n {clearFiltersText === undefined\n ? (\n <FormattedMessage\n id=\"pgn.DataTable.FilterStatus.clearFiltersText\"\n defaultMessage=\"Clear filters\"\n description=\"A text that appears on the `Clear filters` button\"\n />\n )\n : clearFiltersText}\n </Button>\n </div>\n );\n}\n\nFilterStatus.defaultProps = {\n /** Specifies class name to append to the base element. */\n className: null,\n /** Specifies class name to append to the button. */\n buttonClassName: 'pgn__smart-status-button',\n /** The visual style of the `FilterStatus`. */\n variant: 'link',\n /** The size of the `FilterStatus`. */\n size: 'inline',\n /** A text that appears on the `Clear filters` button, defaults to 'Clear filters'. */\n clearFiltersText: undefined,\n /** Whether to display applied filters. */\n showFilteredFields: true,\n};\n\nFilterStatus.propTypes = {\n className: PropTypes.string,\n buttonClassName: PropTypes.string,\n variant: PropTypes.string,\n size: PropTypes.string,\n clearFiltersText: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n showFilteredFields: PropTypes.bool,\n};\n\nexport default FilterStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,MAAM,MAAM,WAAW;AAE9B,SAASC,YAAYA,CAAC;EACpBC,SAAS;EAAEC,OAAO;EAAEC,IAAI;EAAEC,gBAAgB;EAAEC,eAAe;EAAEC;AAC/D,CAAC,EAAE;EACD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAGd,UAAU,CAACG,gBAAgB,CAAC;EACtE,IAAI,CAACU,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,MAAME,UAAU,GAAGD,OAAO,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,KAAK;IAC9CD,GAAG,CAACC,GAAG,CAACC,EAAE,CAAC,GAAGD,GAAG,CAACE,MAAM;IACxB,OAAOH,GAAG;EACZ,CAAC,EAAE,CAAC,CAAC,CAAC;EACN,MAAMI,WAAW,GAAGT,KAAK,CAACU,OAAO,GAAGV,KAAK,CAACU,OAAO,CAACC,GAAG,CAAEC,MAAM,IAAKT,UAAU,CAACS,MAAM,CAACL,EAAE,CAAC,CAAC,GAAG,EAAE;EAC7F,MAAMM,WAAW,gBAAG1B,KAAA,CAAA2B,aAAA,YAAG,cAAY,EAACL,WAAW,CAACM,IAAI,CAAC,IAAI,CAAK,CAAC;EAE/D,oBACE5B,KAAA,CAAA2B,aAAA;IAAKpB,SAAS,EAAEA;EAAU,GACvBK,kBAAkB,IAAIc,WAAW,eAClC1B,KAAA,CAAA2B,aAAA,CAACtB,MAAM;IACLE,SAAS,EAAEI,eAAgB;IAC3BH,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXoB,OAAO,EAAEA,CAAA,KAAMf,aAAa,CAAC,EAAE;EAAE,GAEhCJ,gBAAgB,KAAKoB,SAAS,gBAE3B9B,KAAA,CAAA2B,aAAA,CAACxB,gBAAgB;IACfiB,EAAE,EAAC,6CAA6C;IAChDW,cAAc,EAAC,eAAe;IAC9BC,WAAW,EAAC;EAAmD,CAChE,CAAC,GAEFtB,gBACE,CACL,CAAC;AAEV;AAEAJ,YAAY,CAAC2B,YAAY,GAAG;EAC1B;EACA1B,SAAS,EAAE,IAAI;EACf;EACAI,eAAe,EAAE,0BAA0B;EAC3C;EACAH,OAAO,EAAE,MAAM;EACf;EACAC,IAAI,EAAE,QAAQ;EACd;EACAC,gBAAgB,EAAEoB,SAAS;EAC3B;EACAlB,kBAAkB,EAAE;AACtB,CAAC;AAEDN,YAAY,CAAC4B,SAAS,GAAG;EACvB3B,SAAS,EAAEL,SAAS,CAACiC,MAAM;EAC3BxB,eAAe,EAAET,SAAS,CAACiC,MAAM;EACjC3B,OAAO,EAAEN,SAAS,CAACiC,MAAM;EACzB1B,IAAI,EAAEP,SAAS,CAACiC,MAAM;EACtBzB,gBAAgB,EAAER,SAAS,CAACkC,SAAS,CAAC,CAAClC,SAAS,CAACmC,OAAO,EAAEnC,SAAS,CAACiC,MAAM,CAAC,CAAC;EAC5EvB,kBAAkB,EAAEV,SAAS,CAACoC;AAChC,CAAC;AAED,eAAehC,YAAY","ignoreList":[]}
|
|
@@ -2,11 +2,10 @@ import React, { useContext } from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import { FormattedMessage } from 'react-intl';
|
|
4
4
|
import DataTableContext from './DataTableContext';
|
|
5
|
-
function RowStatus(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
5
|
+
function RowStatus({
|
|
6
|
+
className,
|
|
7
|
+
statusText
|
|
8
|
+
}) {
|
|
10
9
|
const {
|
|
11
10
|
page,
|
|
12
11
|
rows,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","RowStatus","
|
|
1
|
+
{"version":3,"file":"RowStatus.js","names":["React","useContext","PropTypes","FormattedMessage","DataTableContext","RowStatus","className","statusText","page","rows","itemCount","state","rowCount","length","pageSize","pageIndex","firstRow","lastRow","createElement","id","defaultMessage","description","values","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../src/DataTable/RowStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport DataTableContext from './DataTableContext';\n\nfunction RowStatus({ className, statusText }) {\n const {\n page, rows, itemCount, state,\n } = useContext(DataTableContext);\n const rowCount = page?.length || rows?.length;\n const pageSize = state?.pageSize || 0;\n const pageIndex = state?.pageIndex || 0;\n const firstRow = pageSize * pageIndex + 1;\n const lastRow = firstRow + rowCount - 1;\n\n if (!rowCount) {\n return null;\n }\n return (\n <div className={className} data-testid=\"row-status\">\n {statusText || (\n <FormattedMessage\n id=\"pgn.DataTable.RowStatus.statusText\"\n defaultMessage=\"Showing {firstRow} - {lastRow} of {itemCount}.\"\n description=\"A text describing how many rows is shown in the table\"\n values={{ itemCount, firstRow, lastRow }}\n />\n )}\n </div>\n );\n}\n\nRowStatus.propTypes = {\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n /** A text describing how many rows is shown in the table. */\n statusText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nRowStatus.defaultProps = {\n className: undefined,\n statusText: undefined,\n};\n\nexport default RowStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,SAASA,CAAC;EAAEC,SAAS;EAAEC;AAAW,CAAC,EAAE;EAC5C,MAAM;IACJC,IAAI;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EACzB,CAAC,GAAGV,UAAU,CAACG,gBAAgB,CAAC;EAChC,MAAMQ,QAAQ,GAAGJ,IAAI,EAAEK,MAAM,IAAIJ,IAAI,EAAEI,MAAM;EAC7C,MAAMC,QAAQ,GAAGH,KAAK,EAAEG,QAAQ,IAAI,CAAC;EACrC,MAAMC,SAAS,GAAGJ,KAAK,EAAEI,SAAS,IAAI,CAAC;EACvC,MAAMC,QAAQ,GAAGF,QAAQ,GAAGC,SAAS,GAAG,CAAC;EACzC,MAAME,OAAO,GAAGD,QAAQ,GAAGJ,QAAQ,GAAG,CAAC;EAEvC,IAAI,CAACA,QAAQ,EAAE;IACb,OAAO,IAAI;EACb;EACA,oBACEZ,KAAA,CAAAkB,aAAA;IAAKZ,SAAS,EAAEA,SAAU;IAAC,eAAY;EAAY,GAChDC,UAAU,iBACTP,KAAA,CAAAkB,aAAA,CAACf,gBAAgB;IACfgB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,gDAAgD;IAC/DC,WAAW,EAAC,uDAAuD;IACnEC,MAAM,EAAE;MAAEZ,SAAS;MAAEM,QAAQ;MAAEC;IAAQ;EAAE,CAC1C,CAEA,CAAC;AAEV;AAEAZ,SAAS,CAACkB,SAAS,GAAG;EACpB;EACAjB,SAAS,EAAEJ,SAAS,CAACsB,MAAM;EAC3B;EACAjB,UAAU,EAAEL,SAAS,CAACuB,SAAS,CAAC,CAACvB,SAAS,CAACsB,MAAM,EAAEtB,SAAS,CAACwB,OAAO,CAAC;AACvE,CAAC;AAEDrB,SAAS,CAACsB,YAAY,GAAG;EACvBrB,SAAS,EAAEsB,SAAS;EACpBrB,UAAU,EAAEqB;AACd,CAAC;AAED,eAAevB,SAAS","ignoreList":[]}
|
|
@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import { FormattedMessage } from 'react-intl';
|
|
4
4
|
import DataTableContext from './DataTableContext';
|
|
5
5
|
import FilterStatus from './FilterStatus';
|
|
6
|
-
function SidebarFilters(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
6
|
+
function SidebarFilters({
|
|
7
|
+
title
|
|
8
|
+
}) {
|
|
10
9
|
const {
|
|
11
10
|
state,
|
|
12
11
|
columns
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarFilters.js","names":["React","useContext","useMemo","PropTypes","FormattedMessage","DataTableContext","FilterStatus","SidebarFilters","
|
|
1
|
+
{"version":3,"file":"SidebarFilters.js","names":["React","useContext","useMemo","PropTypes","FormattedMessage","DataTableContext","FilterStatus","SidebarFilters","title","state","columns","availableFilters","filter","column","canFilter","filtersApplied","filters","length","createElement","className","id","defaultMessage","description","map","key","Header","render","showFilteredFields","variant","propTypes","oneOfType","string","element","defaultProps","undefined"],"sources":["../../src/DataTable/SidebarFilters.jsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport DataTableContext from './DataTableContext';\nimport FilterStatus from './FilterStatus';\n\nfunction SidebarFilters({ title }) {\n const { state, columns } = useContext(DataTableContext);\n const availableFilters = useMemo(() => columns.filter((column) => column.canFilter), [columns]);\n const filtersApplied = state?.filters && state.filters.length > 0;\n return (\n <div className=\"pgn__data-table-side-filters\">\n <h3 className=\"pgn__data-table-side-filters-title\">\n {title || (\n <FormattedMessage\n id=\"pgn.DataTable.SidebarFilters.title\"\n defaultMessage=\"Filters\"\n description=\"Title for the sidebar filters component\"\n />\n )}\n </h3>\n <hr />\n {availableFilters.map(column => (\n <div\n key={column.Header}\n className=\"pgn__data-table-side-filters-item\"\n >\n {column.render('Filter')}\n </div>\n ))}\n {filtersApplied && (\n <FilterStatus\n className=\"pgn__data-table-side-filters-status\"\n showFilteredFields={false}\n variant=\"tertiary\"\n />\n )}\n </div>\n );\n}\n\nSidebarFilters.propTypes = {\n /** Specifies the title to show near the filters, default to 'Filters'. */\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSidebarFilters.defaultProps = {\n title: undefined,\n};\n\nexport default SidebarFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,gBAAgB,QAAQ,YAAY;AAE7C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,SAASC,cAAcA,CAAC;EAAEC;AAAM,CAAC,EAAE;EACjC,MAAM;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGT,UAAU,CAACI,gBAAgB,CAAC;EACvD,MAAMM,gBAAgB,GAAGT,OAAO,CAAC,MAAMQ,OAAO,CAACE,MAAM,CAAEC,MAAM,IAAKA,MAAM,CAACC,SAAS,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAC/F,MAAMK,cAAc,GAAGN,KAAK,EAAEO,OAAO,IAAIP,KAAK,CAACO,OAAO,CAACC,MAAM,GAAG,CAAC;EACjE,oBACEjB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAA8B,gBAC3CnB,KAAA,CAAAkB,aAAA;IAAIC,SAAS,EAAC;EAAoC,GAC/CX,KAAK,iBACJR,KAAA,CAAAkB,aAAA,CAACd,gBAAgB;IACfgB,EAAE,EAAC,oCAAoC;IACvCC,cAAc,EAAC,SAAS;IACxBC,WAAW,EAAC;EAAyC,CACtD,CAED,CAAC,eACLtB,KAAA,CAAAkB,aAAA,WAAK,CAAC,EACLP,gBAAgB,CAACY,GAAG,CAACV,MAAM,iBAC1Bb,KAAA,CAAAkB,aAAA;IACEM,GAAG,EAAEX,MAAM,CAACY,MAAO;IACnBN,SAAS,EAAC;EAAmC,GAE5CN,MAAM,CAACa,MAAM,CAAC,QAAQ,CACpB,CACN,CAAC,EACDX,cAAc,iBACff,KAAA,CAAAkB,aAAA,CAACZ,YAAY;IACXa,SAAS,EAAC,qCAAqC;IAC/CQ,kBAAkB,EAAE,KAAM;IAC1BC,OAAO,EAAC;EAAU,CACnB,CAEE,CAAC;AAEV;AAEArB,cAAc,CAACsB,SAAS,GAAG;EACzB;EACArB,KAAK,EAAEL,SAAS,CAAC2B,SAAS,CAAC,CAAC3B,SAAS,CAAC4B,MAAM,EAAE5B,SAAS,CAAC6B,OAAO,CAAC;AAClE,CAAC;AAEDzB,cAAc,CAAC0B,YAAY,GAAG;EAC5BzB,KAAK,EAAE0B;AACT,CAAC;AAED,eAAe3B,cAAc","ignoreList":[]}
|
package/dist/DataTable/Table.js
CHANGED
|
@@ -6,10 +6,9 @@ import TableHeaderRow from './TableHeaderRow';
|
|
|
6
6
|
import TableRow from './TableRow';
|
|
7
7
|
import { useRows } from './hooks';
|
|
8
8
|
import DataTableContext from './DataTableContext';
|
|
9
|
-
function Table(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} = _ref;
|
|
9
|
+
function Table({
|
|
10
|
+
isStriped
|
|
11
|
+
}) {
|
|
13
12
|
const {
|
|
14
13
|
getTableProps,
|
|
15
14
|
prepareRow,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","names":["React","useContext","PropTypes","classNames","Spinner","TableHeaderRow","TableRow","useRows","DataTableContext","Table","
|
|
1
|
+
{"version":3,"file":"Table.js","names":["React","useContext","PropTypes","classNames","Spinner","TableHeaderRow","TableRow","useRows","DataTableContext","Table","isStriped","getTableProps","prepareRow","displayRows","headerGroups","getTableBodyProps","isLoading","renderRows","map","row","createElement","key","id","className","animation","screenReaderText","defaultProps","propTypes","bool"],"sources":["../../src/DataTable/Table.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Spinner from '../Spinner';\nimport TableHeaderRow from './TableHeaderRow';\nimport TableRow from './TableRow';\nimport { useRows } from './hooks';\nimport DataTableContext from './DataTableContext';\n\nfunction Table({\n isStriped,\n}) {\n const {\n getTableProps, prepareRow, displayRows, headerGroups, getTableBodyProps,\n } = useRows();\n const { isLoading } = useContext(DataTableContext);\n\n const renderRows = () => displayRows.map((row) => {\n prepareRow(row);\n return (\n <TableRow row={row} key={row.id} />\n );\n });\n\n if (!getTableProps) {\n return null;\n }\n\n return (\n <div\n className={classNames('pgn__data-table-container', { 'is-loading': isLoading })}\n data-testid=\"data-table-container\"\n >\n {isLoading && (\n <div className=\"pgn__data-table-spinner\" data-testid=\"data-table-spinner\">\n <Spinner animation=\"border\" screenReaderText=\"loading\" />\n </div>\n )}\n <table {...getTableProps({\n className: classNames({ 'pgn__data-table': true, 'is-striped': isStriped }),\n })}\n >\n <TableHeaderRow headerGroups={headerGroups} />\n <tbody {...getTableBodyProps()}>\n {renderRows()}\n </tbody>\n </table>\n </div>\n );\n}\n\nTable.defaultProps = {\n isStriped: true,\n};\n\nTable.propTypes = {\n /** should table rows be striped */\n isStriped: PropTypes.bool,\n};\n\nexport default Table;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,OAAO,QAAQ,SAAS;AACjC,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,SAASC,KAAKA,CAAC;EACbC;AACF,CAAC,EAAE;EACD,MAAM;IACJC,aAAa;IAAEC,UAAU;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EACxD,CAAC,GAAGR,OAAO,CAAC,CAAC;EACb,MAAM;IAAES;EAAU,CAAC,GAAGf,UAAU,CAACO,gBAAgB,CAAC;EAElD,MAAMS,UAAU,GAAGA,CAAA,KAAMJ,WAAW,CAACK,GAAG,CAAEC,GAAG,IAAK;IAChDP,UAAU,CAACO,GAAG,CAAC;IACf,oBACEnB,KAAA,CAAAoB,aAAA,CAACd,QAAQ;MAACa,GAAG,EAAEA,GAAI;MAACE,GAAG,EAAEF,GAAG,CAACG;IAAG,CAAE,CAAC;EAEvC,CAAC,CAAC;EAEF,IAAI,CAACX,aAAa,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEX,KAAA,CAAAoB,aAAA;IACEG,SAAS,EAAEpB,UAAU,CAAC,2BAA2B,EAAE;MAAE,YAAY,EAAEa;IAAU,CAAC,CAAE;IAChF,eAAY;EAAsB,GAEjCA,SAAS,iBACRhB,KAAA,CAAAoB,aAAA;IAAKG,SAAS,EAAC,yBAAyB;IAAC,eAAY;EAAoB,gBACvEvB,KAAA,CAAAoB,aAAA,CAAChB,OAAO;IAACoB,SAAS,EAAC,QAAQ;IAACC,gBAAgB,EAAC;EAAS,CAAE,CACrD,CACN,eACDzB,KAAA,CAAAoB,aAAA;IAAA,GAAWT,aAAa,CAAC;MACvBY,SAAS,EAAEpB,UAAU,CAAC;QAAE,iBAAiB,EAAE,IAAI;QAAE,YAAY,EAAEO;MAAU,CAAC;IAC5E,CAAC;EAAC,gBAEAV,KAAA,CAAAoB,aAAA,CAACf,cAAc;IAACS,YAAY,EAAEA;EAAa,CAAE,CAAC,eAC9Cd,KAAA,CAAAoB,aAAA;IAAA,GAAWL,iBAAiB,CAAC;EAAC,GAC3BE,UAAU,CAAC,CACP,CACF,CACJ,CAAC;AAEV;AAEAR,KAAK,CAACiB,YAAY,GAAG;EACnBhB,SAAS,EAAE;AACb,CAAC;AAEDD,KAAK,CAACkB,SAAS,GAAG;EAChB;EACAjB,SAAS,EAAER,SAAS,CAAC0B;AACvB,CAAC;AAED,eAAenB,KAAK","ignoreList":[]}
|
|
@@ -3,10 +3,9 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import DataTableContext from './DataTableContext';
|
|
5
5
|
import Actions from './CollapsibleButtonGroup';
|
|
6
|
-
function TableActions(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
6
|
+
function TableActions({
|
|
7
|
+
className
|
|
8
|
+
}) {
|
|
10
9
|
const tableInstance = useContext(DataTableContext);
|
|
11
10
|
const {
|
|
12
11
|
tableActions
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","TableActions","
|
|
1
|
+
{"version":3,"file":"TableActions.js","names":["React","useContext","PropTypes","classNames","DataTableContext","Actions","TableActions","className","tableInstance","tableActions","args","createElement","actions","map","action","component","defaultProps","undefined","propTypes","string"],"sources":["../../src/DataTable/TableActions.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport DataTableContext from './DataTableContext';\nimport Actions from './CollapsibleButtonGroup';\n\nfunction TableActions({ className }) {\n const tableInstance = useContext(DataTableContext);\n const { tableActions } = tableInstance;\n\n const args = {\n tableInstance,\n };\n\n if (typeof tableActions === 'function') {\n return <div className={classNames('pgn__table-actions', className)}>{tableActions(tableInstance)}</div>;\n }\n\n const actions = tableActions.map(action => ({ component: action, args }));\n\n return (\n <Actions\n className={classNames('pgn__table-actions', className)}\n data-testid=\"table-actions\"\n actions={actions}\n />\n );\n}\n\nTableActions.defaultProps = {\n className: undefined,\n};\n\nTableActions.propTypes = {\n /** class names for the div wrapping the button components */\n className: PropTypes.string,\n};\n\nexport default TableActions;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,OAAO,MAAM,0BAA0B;AAE9C,SAASC,YAAYA,CAAC;EAAEC;AAAU,CAAC,EAAE;EACnC,MAAMC,aAAa,GAAGP,UAAU,CAACG,gBAAgB,CAAC;EAClD,MAAM;IAAEK;EAAa,CAAC,GAAGD,aAAa;EAEtC,MAAME,IAAI,GAAG;IACXF;EACF,CAAC;EAED,IAAI,OAAOC,YAAY,KAAK,UAAU,EAAE;IACtC,oBAAOT,KAAA,CAAAW,aAAA;MAAKJ,SAAS,EAAEJ,UAAU,CAAC,oBAAoB,EAAEI,SAAS;IAAE,GAAEE,YAAY,CAACD,aAAa,CAAO,CAAC;EACzG;EAEA,MAAMI,OAAO,GAAGH,YAAY,CAACI,GAAG,CAACC,MAAM,KAAK;IAAEC,SAAS,EAAED,MAAM;IAAEJ;EAAK,CAAC,CAAC,CAAC;EAEzE,oBACEV,KAAA,CAAAW,aAAA,CAACN,OAAO;IACNE,SAAS,EAAEJ,UAAU,CAAC,oBAAoB,EAAEI,SAAS,CAAE;IACvD,eAAY,eAAe;IAC3BK,OAAO,EAAEA;EAAQ,CAClB,CAAC;AAEN;AAEAN,YAAY,CAACU,YAAY,GAAG;EAC1BT,SAAS,EAAEU;AACb,CAAC;AAEDX,YAAY,CAACY,SAAS,GAAG;EACvB;EACAX,SAAS,EAAEL,SAAS,CAACiB;AACvB,CAAC;AAED,eAAeb,YAAY","ignoreList":[]}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
function TableCell(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
4
|
+
function TableCell({
|
|
5
|
+
getCellProps,
|
|
6
|
+
render,
|
|
7
|
+
column
|
|
8
|
+
}) {
|
|
10
9
|
const {
|
|
11
10
|
className,
|
|
12
11
|
...rest
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","
|
|
1
|
+
{"version":3,"file":"TableCell.js","names":["React","PropTypes","classNames","TableCell","getCellProps","render","column","className","rest","createElement","cellClassName","propTypes","func","isRequired","shape","string"],"sources":["../../src/DataTable/TableCell.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction TableCell({ getCellProps, render, column }) {\n const { className, ...rest } = getCellProps();\n return (\n <td {...rest} className={classNames('pgn__data-table-cell-wrap', className, column.cellClassName)}>\n {render('Cell')}\n </td>\n );\n}\n\nTableCell.propTypes = {\n /** Props for the td element */\n getCellProps: PropTypes.func.isRequired,\n /** Function that renders the cell contents. Will be called with the string 'Cell' */\n render: PropTypes.func.isRequired,\n /** Table column */\n column: PropTypes.shape({\n /** Class(es) to be applied to the cells in the given column */\n cellClassName: PropTypes.string,\n }).isRequired,\n};\n\nexport default TableCell;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,SAASA,CAAC;EAAEC,YAAY;EAAEC,MAAM;EAAEC;AAAO,CAAC,EAAE;EACnD,MAAM;IAAEC,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAC7C,oBACEJ,KAAA,CAAAS,aAAA;IAAA,GAAQD,IAAI;IAAED,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS,EAAED,MAAM,CAACI,aAAa;EAAE,GAC/FL,MAAM,CAAC,MAAM,CACZ,CAAC;AAET;AAEAF,SAAS,CAACQ,SAAS,GAAG;EACpB;EACAP,YAAY,EAAEH,SAAS,CAACW,IAAI,CAACC,UAAU;EACvC;EACAR,MAAM,EAAEJ,SAAS,CAACW,IAAI,CAACC,UAAU;EACjC;EACAP,MAAM,EAAEL,SAAS,CAACa,KAAK,CAAC;IACtB;IACAJ,aAAa,EAAET,SAAS,CAACc;EAC3B,CAAC,CAAC,CAACF;AACL,CAAC;AAED,eAAeV,SAAS","ignoreList":[]}
|
|
@@ -8,10 +8,9 @@ import ActionDisplay from './ActionDisplay';
|
|
|
8
8
|
import DataViewToggle from './DataViewToggle';
|
|
9
9
|
|
|
10
10
|
// handles layout for filters, status, and bulk actions
|
|
11
|
-
function TableControlBar(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
} = _ref;
|
|
11
|
+
function TableControlBar({
|
|
12
|
+
className
|
|
13
|
+
}) {
|
|
15
14
|
const {
|
|
16
15
|
setFilter,
|
|
17
16
|
showFiltersInSidebar,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableControlBar.js","names":["React","useContext","PropTypes","classNames","SmartStatus","DropdownFilters","DataTableContext","ActionDisplay","DataViewToggle","TableControlBar","
|
|
1
|
+
{"version":3,"file":"TableControlBar.js","names":["React","useContext","PropTypes","classNames","SmartStatus","DropdownFilters","DataTableContext","ActionDisplay","DataViewToggle","TableControlBar","className","setFilter","showFiltersInSidebar","dataViewToggleOptions","togglePlacement","invalidTogglePlacement","includes","actionsSectionClassName","createElement","propTypes","string","defaultProps"],"sources":["../../src/DataTable/TableControlBar.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport SmartStatus from './SmartStatus';\nimport DropdownFilters from './DropdownFilters';\nimport DataTableContext from './DataTableContext';\nimport ActionDisplay from './ActionDisplay';\nimport DataViewToggle from './DataViewToggle';\n\n// handles layout for filters, status, and bulk actions\nfunction TableControlBar({ className }) {\n const {\n setFilter,\n showFiltersInSidebar,\n dataViewToggleOptions: { togglePlacement },\n } = useContext(DataTableContext);\n\n const invalidTogglePlacement = !togglePlacement || !(['left', 'bottom']).includes(togglePlacement);\n const actionsSectionClassName = classNames({\n 'pgn__data-table-actions-right-toggle-bottom': togglePlacement === 'bottom',\n 'pgn__data-table-actions-right': invalidTogglePlacement || togglePlacement === 'left',\n });\n return (\n <div className={classNames('pgn__data-table-status-bar', className)} data-testid=\"table-control-bar\">\n {/* Using setFilter as a proxy for isFilterable */}\n {(setFilter && !showFiltersInSidebar) && (\n <div className=\"pgn__data-table-actions\">\n <div className=\"pgn__data-table-actions-left\">\n <DropdownFilters />\n </div>\n <div className={actionsSectionClassName}>\n <div>\n <ActionDisplay />\n </div>\n </div>\n\n </div>\n )}\n <div className=\"pgn__data-table-status\">\n <div className=\"pgn__data-table-status-left\">\n {togglePlacement !== 'bottom' ? <SmartStatus /> : null}\n </div>\n {(!setFilter || (setFilter && showFiltersInSidebar)) && (\n <div className={actionsSectionClassName}>\n <div className=\"pgn__data-table-toggle\">\n {togglePlacement === 'bottom' ? <SmartStatus /> : null}\n <DataViewToggle />\n </div>\n <div>\n <ActionDisplay />\n </div>\n </div>\n )}\n {(setFilter && !showFiltersInSidebar) && (\n <div className=\"pgn__data-table-toggle\">\n <DataViewToggle />\n </div>\n )}\n </div>\n </div>\n );\n}\n\nTableControlBar.propTypes = {\n /** Specifies class name to append to the base element */\n className: PropTypes.string,\n};\n\nTableControlBar.defaultProps = {\n className: null,\n};\n\nexport default TableControlBar;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,cAAc,MAAM,kBAAkB;;AAE7C;AACA,SAASC,eAAeA,CAAC;EAAEC;AAAU,CAAC,EAAE;EACtC,MAAM;IACJC,SAAS;IACTC,oBAAoB;IACpBC,qBAAqB,EAAE;MAAEC;IAAgB;EAC3C,CAAC,GAAGb,UAAU,CAACK,gBAAgB,CAAC;EAEhC,MAAMS,sBAAsB,GAAG,CAACD,eAAe,IAAI,CAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAEE,QAAQ,CAACF,eAAe,CAAC;EAClG,MAAMG,uBAAuB,GAAGd,UAAU,CAAC;IACzC,6CAA6C,EAAEW,eAAe,KAAK,QAAQ;IAC3E,+BAA+B,EAAEC,sBAAsB,IAAID,eAAe,KAAK;EACjF,CAAC,CAAC;EACF,oBACEd,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAEP,UAAU,CAAC,4BAA4B,EAAEO,SAAS,CAAE;IAAC,eAAY;EAAmB,GAEhGC,SAAS,IAAI,CAACC,oBAAoB,iBACpCZ,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAyB,gBACtCV,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAA8B,gBAC3CV,KAAA,CAAAkB,aAAA,CAACb,eAAe,MAAE,CACf,CAAC,eACNL,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAEO;EAAwB,gBACtCjB,KAAA,CAAAkB,aAAA,2BACElB,KAAA,CAAAkB,aAAA,CAACX,aAAa,MAAE,CACb,CACF,CAEF,CACJ,eACDP,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAwB,gBACrCV,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAA6B,GACzCI,eAAe,KAAK,QAAQ,gBAAGd,KAAA,CAAAkB,aAAA,CAACd,WAAW,MAAE,CAAC,GAAG,IAC/C,CAAC,EACL,CAAC,CAACO,SAAS,IAAKA,SAAS,IAAIC,oBAAqB,kBACjDZ,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAEO;EAAwB,gBACtCjB,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAwB,GACpCI,eAAe,KAAK,QAAQ,gBAAGd,KAAA,CAAAkB,aAAA,CAACd,WAAW,MAAE,CAAC,GAAG,IAAI,eACtDJ,KAAA,CAAAkB,aAAA,CAACV,cAAc,MAAE,CACd,CAAC,eACNR,KAAA,CAAAkB,aAAA,2BACElB,KAAA,CAAAkB,aAAA,CAACX,aAAa,MAAE,CACb,CACF,CACN,EACCI,SAAS,IAAI,CAACC,oBAAoB,iBAClCZ,KAAA,CAAAkB,aAAA;IAAKR,SAAS,EAAC;EAAwB,gBACrCV,KAAA,CAAAkB,aAAA,CAACV,cAAc,MAAE,CACd,CAEJ,CACF,CAAC;AAEV;AAEAC,eAAe,CAACU,SAAS,GAAG;EAC1B;EACAT,SAAS,EAAER,SAAS,CAACkB;AACvB,CAAC;AAEDX,eAAe,CAACY,YAAY,GAAG;EAC7BX,SAAS,EAAE;AACb,CAAC;AAED,eAAeD,eAAe","ignoreList":[]}
|
|
@@ -2,13 +2,12 @@ import React from 'react';
|
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import Button from '../Button';
|
|
4
4
|
export const TABLE_FILTERS_BUTTON_TEXT = 'Filter';
|
|
5
|
-
function TableFilters(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
} = _ref;
|
|
5
|
+
function TableFilters({
|
|
6
|
+
columns,
|
|
7
|
+
manualFilters,
|
|
8
|
+
onFilter,
|
|
9
|
+
currentFilters
|
|
10
|
+
}) {
|
|
12
11
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", null, "Filters"), columns.map(column => /*#__PURE__*/React.createElement("div", {
|
|
13
12
|
key: column.Header
|
|
14
13
|
}, column.canFilter ? column.render('Filter') : null)), manualFilters && /*#__PURE__*/React.createElement(Button, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableFilters.js","names":["React","PropTypes","Button","TABLE_FILTERS_BUTTON_TEXT","TableFilters","
|
|
1
|
+
{"version":3,"file":"TableFilters.js","names":["React","PropTypes","Button","TABLE_FILTERS_BUTTON_TEXT","TableFilters","columns","manualFilters","onFilter","currentFilters","createElement","map","column","key","Header","canFilter","render","type","onClick","defaultProps","propTypes","arrayOf","shape","oneOfType","elementType","node","isRequired","bool","func"],"sources":["../../src/DataTable/TableFilters.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../Button';\n\nexport const TABLE_FILTERS_BUTTON_TEXT = 'Filter';\n\nfunction TableFilters({\n columns, manualFilters, onFilter, currentFilters,\n}) {\n return (\n <div>\n <h4>Filters</h4>\n {columns.map(column => <div key={column.Header}>{column.canFilter ? column.render('Filter') : null}</div>)}\n {manualFilters && (\n <Button\n type=\"primary\"\n onClick={() => onFilter(currentFilters)}\n >\n {TABLE_FILTERS_BUTTON_TEXT}\n </Button>\n )}\n </div>\n );\n}\n\nTableFilters.defaultProps = {\n manualFilters: false,\n onFilter: () => {},\n};\n\nTableFilters.propTypes = {\n columns: PropTypes.arrayOf(PropTypes.shape({\n Header: PropTypes.oneOfType([PropTypes.elementType, PropTypes.node]).isRequired,\n canFilter: PropTypes.bool,\n render: PropTypes.func.isRequired,\n })).isRequired,\n manualFilters: PropTypes.bool,\n onFilter: PropTypes.func,\n currentFilters: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n};\n\nexport default TableFilters;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,MAAM,MAAM,WAAW;AAE9B,OAAO,MAAMC,yBAAyB,GAAG,QAAQ;AAEjD,SAASC,YAAYA,CAAC;EACpBC,OAAO;EAAEC,aAAa;EAAEC,QAAQ;EAAEC;AACpC,CAAC,EAAE;EACD,oBACER,KAAA,CAAAS,aAAA,2BACET,KAAA,CAAAS,aAAA,aAAI,SAAW,CAAC,EACfJ,OAAO,CAACK,GAAG,CAACC,MAAM,iBAAIX,KAAA,CAAAS,aAAA;IAAKG,GAAG,EAAED,MAAM,CAACE;EAAO,GAAEF,MAAM,CAACG,SAAS,GAAGH,MAAM,CAACI,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAU,CAAC,CAAC,EACzGT,aAAa,iBACdN,KAAA,CAAAS,aAAA,CAACP,MAAM;IACLc,IAAI,EAAC,SAAS;IACdC,OAAO,EAAEA,CAAA,KAAMV,QAAQ,CAACC,cAAc;EAAE,GAEvCL,yBACK,CAEL,CAAC;AAEV;AAEAC,YAAY,CAACc,YAAY,GAAG;EAC1BZ,aAAa,EAAE,KAAK;EACpBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC;AAEDH,YAAY,CAACe,SAAS,GAAG;EACvBd,OAAO,EAAEJ,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,KAAK,CAAC;IACzCR,MAAM,EAAEZ,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,WAAW,EAAEtB,SAAS,CAACuB,IAAI,CAAC,CAAC,CAACC,UAAU;IAC/EX,SAAS,EAAEb,SAAS,CAACyB,IAAI;IACzBX,MAAM,EAAEd,SAAS,CAAC0B,IAAI,CAACF;EACzB,CAAC,CAAC,CAAC,CAACA,UAAU;EACdnB,aAAa,EAAEL,SAAS,CAACyB,IAAI;EAC7BnB,QAAQ,EAAEN,SAAS,CAAC0B,IAAI;EACxBnB,cAAc,EAAEP,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,KAAK,CAAC,CAAC,CAAC,CAACI;AACvD,CAAC;AAED,eAAerB,YAAY","ignoreList":[]}
|
|
@@ -5,11 +5,10 @@ import DataTableContext from './DataTableContext';
|
|
|
5
5
|
import RowStatusDefault from './RowStatus';
|
|
6
6
|
import TablePagination from './TablePagination';
|
|
7
7
|
import TablePaginationMinimal from './TablePaginationMinimal';
|
|
8
|
-
function TableFooter(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} = _ref;
|
|
8
|
+
function TableFooter({
|
|
9
|
+
className,
|
|
10
|
+
children
|
|
11
|
+
}) {
|
|
13
12
|
const {
|
|
14
13
|
RowStatusComponent
|
|
15
14
|
} = useContext(DataTableContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableFooter.js","names":["React","useContext","classNames","PropTypes","DataTableContext","RowStatusDefault","TablePagination","TablePaginationMinimal","TableFooter","
|
|
1
|
+
{"version":3,"file":"TableFooter.js","names":["React","useContext","classNames","PropTypes","DataTableContext","RowStatusDefault","TablePagination","TablePaginationMinimal","TableFooter","className","children","RowStatusComponent","RowStatus","createElement","Fragment","propTypes","node","string","defaultProps","undefined"],"sources":["../../src/DataTable/TableFooter.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport DataTableContext from './DataTableContext';\nimport RowStatusDefault from './RowStatus';\nimport TablePagination from './TablePagination';\nimport TablePaginationMinimal from './TablePaginationMinimal';\n\nfunction TableFooter({ className, children }) {\n const { RowStatusComponent } = useContext(DataTableContext);\n const RowStatus = RowStatusComponent || RowStatusDefault;\n\n return (\n <div className={classNames(className, 'pgn__data-table-footer')} data-testid=\"table-footer\">\n {children || (\n <>\n <RowStatus />\n <TablePagination />\n <TablePaginationMinimal />\n </>\n )}\n </div>\n );\n}\n\nTableFooter.propTypes = {\n /** Specifies the content of the `TableFooter` */\n children: PropTypes.node,\n /** Specifies class name to append to the base element. */\n className: PropTypes.string,\n};\n\nTableFooter.defaultProps = {\n children: null,\n className: undefined,\n};\n\nexport default TableFooter;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAAM,aAAa;AAC1C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,SAASC,WAAWA,CAAC;EAAEC,SAAS;EAAEC;AAAS,CAAC,EAAE;EAC5C,MAAM;IAAEC;EAAmB,CAAC,GAAGV,UAAU,CAACG,gBAAgB,CAAC;EAC3D,MAAMQ,SAAS,GAAGD,kBAAkB,IAAIN,gBAAgB;EAExD,oBACEL,KAAA,CAAAa,aAAA;IAAKJ,SAAS,EAAEP,UAAU,CAACO,SAAS,EAAE,wBAAwB,CAAE;IAAC,eAAY;EAAc,GACxFC,QAAQ,iBACPV,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,qBACEd,KAAA,CAAAa,aAAA,CAACD,SAAS,MAAE,CAAC,eACbZ,KAAA,CAAAa,aAAA,CAACP,eAAe,MAAE,CAAC,eACnBN,KAAA,CAAAa,aAAA,CAACN,sBAAsB,MAAE,CACzB,CAED,CAAC;AAEV;AAEAC,WAAW,CAACO,SAAS,GAAG;EACtB;EACAL,QAAQ,EAAEP,SAAS,CAACa,IAAI;EACxB;EACAP,SAAS,EAAEN,SAAS,CAACc;AACvB,CAAC;AAEDT,WAAW,CAACU,YAAY,GAAG;EACzBR,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAEU;AACb,CAAC;AAED,eAAeX,WAAW","ignoreList":[]}
|
|
@@ -3,11 +3,10 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import Icon from '../Icon';
|
|
5
5
|
import { ArrowDropDown, ArrowDropUp, ArrowDropUpDown } from '../../icons';
|
|
6
|
-
export function SortIndicator(
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
} = _ref;
|
|
6
|
+
export function SortIndicator({
|
|
7
|
+
isSorted,
|
|
8
|
+
isSortedDesc
|
|
9
|
+
}) {
|
|
11
10
|
if (!isSorted) {
|
|
12
11
|
return /*#__PURE__*/React.createElement(Icon, {
|
|
13
12
|
style: {
|
|
@@ -32,16 +31,15 @@ SortIndicator.propTypes = {
|
|
|
32
31
|
isSorted: PropTypes.bool.isRequired,
|
|
33
32
|
isSortedDesc: PropTypes.bool.isRequired
|
|
34
33
|
};
|
|
35
|
-
function TableHeaderCell(
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
} = _ref2;
|
|
34
|
+
function TableHeaderCell({
|
|
35
|
+
getHeaderProps,
|
|
36
|
+
render,
|
|
37
|
+
canSort,
|
|
38
|
+
getSortByToggleProps,
|
|
39
|
+
isSorted,
|
|
40
|
+
isSortedDesc,
|
|
41
|
+
headerClassName
|
|
42
|
+
}) {
|
|
45
43
|
const toggleProps = canSort && getSortByToggleProps ? getSortByToggleProps() : {};
|
|
46
44
|
return /*#__PURE__*/React.createElement("th", {
|
|
47
45
|
...getHeaderProps(toggleProps)
|