@openedx/paragon 21.12.1 → 21.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ActionRow/index.js +7 -8
- package/dist/ActionRow/index.js.map +1 -1
- package/dist/Alert/index.js +33 -25
- package/dist/Alert/index.js.map +1 -1
- package/dist/Annotation/index.js +7 -9
- package/dist/Annotation/index.js.map +1 -1
- package/dist/Avatar/index.js +5 -7
- package/dist/Avatar/index.js.map +1 -1
- package/dist/AvatarButton/index.js +10 -12
- package/dist/AvatarButton/index.js.map +1 -1
- package/dist/Badge/index.js +6 -4
- package/dist/Badge/index.js.map +1 -1
- package/dist/Breadcrumb/BreadcrumbLink.js +11 -14
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/index.js +29 -29
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Bubble/index.js +11 -13
- package/dist/Bubble/index.js.map +1 -1
- package/dist/Button/deprecated/index.js +87 -66
- package/dist/Button/deprecated/index.js.map +1 -1
- package/dist/Button/index.js +10 -11
- package/dist/Button/index.js.map +1 -1
- package/dist/Card/CardBody.js +4 -6
- package/dist/Card/CardBody.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarousel.js +11 -13
- package/dist/Card/CardCarousel/CardCarousel.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselControls.js +6 -7
- package/dist/Card/CardCarousel/CardCarouselControls.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselHeader.js +9 -12
- package/dist/Card/CardCarousel/CardCarouselHeader.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselItems.js +6 -9
- package/dist/Card/CardCarousel/CardCarouselItems.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselProvider.js +27 -28
- package/dist/Card/CardCarousel/CardCarouselProvider.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js +4 -6
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselTitle.js +4 -6
- package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
- package/dist/Card/CardContext.js +8 -10
- package/dist/Card/CardContext.js.map +1 -1
- package/dist/Card/CardDeck.js +19 -17
- package/dist/Card/CardDeck.js.map +1 -1
- package/dist/Card/CardDivider.js +3 -5
- package/dist/Card/CardDivider.js.map +1 -1
- package/dist/Card/CardFooter.js +15 -18
- package/dist/Card/CardFooter.js.map +1 -1
- package/dist/Card/CardGrid.js +13 -11
- package/dist/Card/CardGrid.js.map +1 -1
- package/dist/Card/CardHeader.js +17 -22
- package/dist/Card/CardHeader.js.map +1 -1
- package/dist/Card/CardImageCap.js +48 -33
- package/dist/Card/CardImageCap.js.map +1 -1
- package/dist/Card/CardSection.js +11 -14
- package/dist/Card/CardSection.js.map +1 -1
- package/dist/Card/CardStatus.js +11 -14
- package/dist/Card/CardStatus.js.map +1 -1
- package/dist/Card/index.js +18 -20
- package/dist/Card/index.js.map +1 -1
- package/dist/Carousel/index.js +17 -11
- package/dist/Carousel/index.js.map +1 -1
- package/dist/CheckBox/index.js +66 -36
- package/dist/CheckBox/index.js.map +1 -1
- package/dist/Chip/index.js +14 -16
- package/dist/Chip/index.js.map +1 -1
- package/dist/ChipCarousel/index.js +29 -30
- package/dist/ChipCarousel/index.js.map +1 -1
- package/dist/Collapsible/CollapsibleAdvanced.js +82 -62
- package/dist/Collapsible/CollapsibleAdvanced.js.map +1 -1
- package/dist/Collapsible/CollapsibleBody.js +13 -15
- package/dist/Collapsible/CollapsibleBody.js.map +1 -1
- package/dist/Collapsible/CollapsibleTrigger.js +18 -20
- package/dist/Collapsible/CollapsibleTrigger.js.map +1 -1
- package/dist/Collapsible/CollapsibleVisible.js +6 -9
- package/dist/Collapsible/CollapsibleVisible.js.map +1 -1
- package/dist/Collapsible/index.js +17 -18
- package/dist/Collapsible/index.js.map +1 -1
- package/dist/ColorPicker/index.js +58 -33
- package/dist/ColorPicker/index.js.map +1 -1
- package/dist/Container/index.js +8 -9
- package/dist/Container/index.js.map +1 -1
- package/dist/DataTable/ActionDisplay.js +8 -9
- package/dist/DataTable/ActionDisplay.js.map +1 -1
- package/dist/DataTable/BulkActions.js +23 -20
- package/dist/DataTable/BulkActions.js.map +1 -1
- package/dist/DataTable/CardView.js +46 -43
- package/dist/DataTable/CardView.js.map +1 -1
- package/dist/DataTable/CollapsibleButtonGroup.js +57 -39
- package/dist/DataTable/CollapsibleButtonGroup.js.map +1 -1
- package/dist/DataTable/DataTableContext.js +1 -1
- package/dist/DataTable/DataTableContext.js.map +1 -1
- package/dist/DataTable/DataTableLayout.js +6 -9
- package/dist/DataTable/DataTableLayout.js.map +1 -1
- package/dist/DataTable/DataViewToggle.js +25 -20
- package/dist/DataTable/DataViewToggle.js.map +1 -1
- package/dist/DataTable/DropdownFilters.js +41 -28
- package/dist/DataTable/DropdownFilters.js.map +1 -1
- package/dist/DataTable/EmptyTable.js +6 -9
- package/dist/DataTable/EmptyTable.js.map +1 -1
- package/dist/DataTable/ExpandAll.js +2 -4
- package/dist/DataTable/ExpandAll.js.map +1 -1
- package/dist/DataTable/ExpandRow.js +2 -4
- package/dist/DataTable/ExpandRow.js.map +1 -1
- package/dist/DataTable/FilterStatus.js +18 -17
- package/dist/DataTable/FilterStatus.js.map +1 -1
- package/dist/DataTable/RowStatus.js +15 -18
- package/dist/DataTable/RowStatus.js.map +1 -1
- package/dist/DataTable/SidebarFilters.js +16 -13
- package/dist/DataTable/SidebarFilters.js.map +1 -1
- package/dist/DataTable/SmartStatus.js +14 -16
- package/dist/DataTable/SmartStatus.js.map +1 -1
- package/dist/DataTable/Table.js +17 -19
- package/dist/DataTable/Table.js.map +1 -1
- package/dist/DataTable/TableActions.js +11 -13
- package/dist/DataTable/TableActions.js.map +1 -1
- package/dist/DataTable/TableCell.js +6 -10
- package/dist/DataTable/TableCell.js.map +1 -1
- package/dist/DataTable/TableControlBar.js +7 -12
- package/dist/DataTable/TableControlBar.js.map +1 -1
- package/dist/DataTable/TableFilters.js +14 -12
- package/dist/DataTable/TableFilters.js.map +1 -1
- package/dist/DataTable/TableFooter.js +5 -8
- package/dist/DataTable/TableFooter.js.map +1 -1
- package/dist/DataTable/TableHeaderCell.js +11 -15
- package/dist/DataTable/TableHeaderCell.js.map +1 -1
- package/dist/DataTable/TableHeaderRow.js +6 -4
- package/dist/DataTable/TableHeaderRow.js.map +1 -1
- package/dist/DataTable/TablePagination.js +8 -7
- package/dist/DataTable/TablePagination.js.map +1 -1
- package/dist/DataTable/TablePaginationMinimal.js +9 -8
- package/dist/DataTable/TablePaginationMinimal.js.map +1 -1
- package/dist/DataTable/TableRow.js +15 -18
- package/dist/DataTable/TableRow.js.map +1 -1
- package/dist/DataTable/filters/CheckboxFilter.js +23 -22
- package/dist/DataTable/filters/CheckboxFilter.js.map +1 -1
- package/dist/DataTable/filters/DropdownFilter.js +14 -19
- package/dist/DataTable/filters/DropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js +19 -20
- package/dist/DataTable/filters/MultiSelectDropdownFilter.js.map +1 -1
- package/dist/DataTable/filters/TextFilter.js +10 -13
- package/dist/DataTable/filters/TextFilter.js.map +1 -1
- package/dist/DataTable/hooks.js +29 -25
- package/dist/DataTable/hooks.js.map +1 -1
- package/dist/DataTable/index.js +120 -104
- package/dist/DataTable/index.js.map +1 -1
- package/dist/DataTable/selection/BaseSelectionStatus.js +29 -31
- package/dist/DataTable/selection/BaseSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelect.js +13 -9
- package/dist/DataTable/selection/ControlledSelect.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectHeader.js +19 -15
- package/dist/DataTable/selection/ControlledSelectHeader.js.map +1 -1
- package/dist/DataTable/selection/ControlledSelectionStatus.js +34 -24
- package/dist/DataTable/selection/ControlledSelectionStatus.js.map +1 -1
- package/dist/DataTable/selection/SelectionStatus.js +23 -23
- package/dist/DataTable/selection/SelectionStatus.js.map +1 -1
- package/dist/DataTable/utils/getVisibleColumns.js +36 -44
- package/dist/DataTable/utils/getVisibleColumns.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownButton.js +9 -13
- package/dist/Dropdown/deprecated/DropdownButton.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownItem.js +7 -8
- package/dist/Dropdown/deprecated/DropdownItem.js.map +1 -1
- package/dist/Dropdown/deprecated/DropdownMenu.js +8 -12
- package/dist/Dropdown/deprecated/DropdownMenu.js.map +1 -1
- package/dist/Dropdown/deprecated/index.js +136 -103
- package/dist/Dropdown/deprecated/index.js.map +1 -1
- package/dist/Dropdown/index.js +32 -29
- package/dist/Dropdown/index.js.map +1 -1
- package/dist/Dropzone/DefaultContent.js +13 -13
- package/dist/Dropzone/DefaultContent.js.map +1 -1
- package/dist/Dropzone/DragError.js +1 -3
- package/dist/Dropzone/DragError.js.map +1 -1
- package/dist/Dropzone/GenericError.js +7 -7
- package/dist/Dropzone/GenericError.js.map +1 -1
- package/dist/Dropzone/UploadProgress.js +6 -8
- package/dist/Dropzone/UploadProgress.js.map +1 -1
- package/dist/Dropzone/index.js +145 -86
- package/dist/Dropzone/index.js.map +1 -1
- package/dist/Fieldset/index.js +82 -57
- package/dist/Fieldset/index.js.map +1 -1
- package/dist/Form/FormAutosuggest.js +137 -95
- package/dist/Form/FormAutosuggest.js.map +1 -1
- package/dist/Form/FormAutosuggestOption.js +4 -6
- package/dist/Form/FormAutosuggestOption.js.map +1 -1
- package/dist/Form/FormCheckbox.js +35 -42
- package/dist/Form/FormCheckbox.js.map +1 -1
- package/dist/Form/FormCheckboxSet.js +13 -16
- package/dist/Form/FormCheckboxSet.js.map +1 -1
- package/dist/Form/FormCheckboxSetContext.js +39 -34
- package/dist/Form/FormCheckboxSetContext.js.map +1 -1
- package/dist/Form/FormControl.js +41 -35
- package/dist/Form/FormControl.js.map +1 -1
- package/dist/Form/FormControlDecorator.js +3 -5
- package/dist/Form/FormControlDecorator.js.map +1 -1
- package/dist/Form/FormControlDecoratorGroup.js +8 -10
- package/dist/Form/FormControlDecoratorGroup.js.map +1 -1
- package/dist/Form/FormControlFeedback.js +12 -15
- package/dist/Form/FormControlFeedback.js.map +1 -1
- package/dist/Form/FormControlFloatingLabel.js +3 -6
- package/dist/Form/FormControlFloatingLabel.js.map +1 -1
- package/dist/Form/FormControlSet.js +8 -9
- package/dist/Form/FormControlSet.js.map +1 -1
- package/dist/Form/FormGroup.js +11 -12
- package/dist/Form/FormGroup.js.map +1 -1
- package/dist/Form/FormGroupContext.js +64 -39
- package/dist/Form/FormGroupContext.js.map +1 -1
- package/dist/Form/FormLabel.js +15 -17
- package/dist/Form/FormLabel.js.map +1 -1
- package/dist/Form/FormRadio.js +19 -22
- package/dist/Form/FormRadio.js.map +1 -1
- package/dist/Form/FormRadioSet.js +13 -16
- package/dist/Form/FormRadioSet.js.map +1 -1
- package/dist/Form/FormRadioSetContext.js +39 -34
- package/dist/Form/FormRadioSetContext.js.map +1 -1
- package/dist/Form/FormSwitch.js +16 -20
- package/dist/Form/FormSwitch.js.map +1 -1
- package/dist/Form/FormText.js +20 -29
- package/dist/Form/FormText.js.map +1 -1
- package/dist/Form/useCheckboxSetValues.js +46 -23
- package/dist/Form/useCheckboxSetValues.js.map +1 -1
- package/dist/Hyperlink/index.js +25 -25
- package/dist/Hyperlink/index.js.map +1 -1
- package/dist/Hyperlink/index.scss +2 -2
- package/dist/Icon/index.js +21 -20
- package/dist/Icon/index.js.map +1 -1
- package/dist/IconButton/index.js +30 -32
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButtonToggle/index.js +16 -16
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/Input/index.js +122 -92
- package/dist/Input/index.js.map +1 -1
- package/dist/InputSelect/index.js +78 -51
- package/dist/InputSelect/index.js.map +1 -1
- package/dist/InputText/index.js +11 -9
- package/dist/InputText/index.js.map +1 -1
- package/dist/Layout/index.js +33 -29
- package/dist/Layout/index.js.map +1 -1
- package/dist/ListBox/index.js +112 -80
- package/dist/ListBox/index.js.map +1 -1
- package/dist/ListBoxOption/index.js +68 -45
- package/dist/ListBoxOption/index.js.map +1 -1
- package/dist/MailtoLink/index.js +37 -34
- package/dist/MailtoLink/index.js.map +1 -1
- package/dist/Menu/MenuItem.js +13 -14
- package/dist/Menu/MenuItem.js.map +1 -1
- package/dist/Menu/SelectMenu.js +68 -44
- package/dist/Menu/SelectMenu.js.map +1 -1
- package/dist/Menu/index.js +10 -11
- package/dist/Menu/index.js.map +1 -1
- package/dist/Modal/AlertModal.js +5 -7
- package/dist/Modal/AlertModal.js.map +1 -1
- package/dist/Modal/FullscreenModal.js +6 -8
- package/dist/Modal/FullscreenModal.js.map +1 -1
- package/dist/Modal/MarketingModal.js +8 -10
- package/dist/Modal/MarketingModal.js.map +1 -1
- package/dist/Modal/ModalCloseButton.js +13 -15
- package/dist/Modal/ModalCloseButton.js.map +1 -1
- package/dist/Modal/ModalContext.js +13 -13
- package/dist/Modal/ModalContext.js.map +1 -1
- package/dist/Modal/ModalDialog.js +22 -23
- package/dist/Modal/ModalDialog.js.map +1 -1
- package/dist/Modal/ModalDialogBody.js +22 -11
- package/dist/Modal/ModalDialogBody.js.map +1 -1
- package/dist/Modal/ModalDialogFooter.js +6 -7
- package/dist/Modal/ModalDialogFooter.js.map +1 -1
- package/dist/Modal/ModalDialogHeader.js +6 -7
- package/dist/Modal/ModalDialogHeader.js.map +1 -1
- package/dist/Modal/ModalDialogHero.js +6 -7
- package/dist/Modal/ModalDialogHero.js.map +1 -1
- package/dist/Modal/ModalDialogHeroBackground.js +8 -9
- package/dist/Modal/ModalDialogHeroBackground.js.map +1 -1
- package/dist/Modal/ModalDialogHeroContent.js +6 -7
- package/dist/Modal/ModalDialogHeroContent.js.map +1 -1
- package/dist/Modal/ModalDialogTitle.js +6 -7
- package/dist/Modal/ModalDialogTitle.js.map +1 -1
- package/dist/Modal/ModalLayer.js +11 -17
- package/dist/Modal/ModalLayer.js.map +1 -1
- package/dist/Modal/ModalPopup.js +17 -17
- package/dist/Modal/ModalPopup.js.map +1 -1
- package/dist/Modal/PopperElement.js +25 -18
- package/dist/Modal/PopperElement.js.map +1 -1
- package/dist/Modal/Portal.js +40 -18
- package/dist/Modal/Portal.js.map +1 -1
- package/dist/Modal/StandardModal.js +6 -8
- package/dist/Modal/StandardModal.js.map +1 -1
- package/dist/Modal/index.js +215 -187
- package/dist/Modal/index.js.map +1 -1
- package/dist/Nav/index.js +3 -2
- package/dist/Nav/index.js.map +1 -1
- package/dist/Navbar/index.js +7 -6
- package/dist/Navbar/index.js.map +1 -1
- package/dist/OverflowScroll/OverflowScroll.js +45 -37
- package/dist/OverflowScroll/OverflowScroll.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollContext.js +1 -1
- package/dist/OverflowScroll/OverflowScrollContext.js.map +1 -1
- package/dist/OverflowScroll/OverflowScrollItems.js +2 -4
- package/dist/OverflowScroll/OverflowScrollItems.js.map +1 -1
- package/dist/Overlay/index.js +4 -4
- package/dist/Overlay/index.js.map +1 -1
- package/dist/PageBanner/index.js +11 -13
- package/dist/PageBanner/index.js.map +1 -1
- package/dist/Pagination/index.js +331 -296
- package/dist/Pagination/index.js.map +1 -1
- package/dist/Popover/index.js +11 -14
- package/dist/Popover/index.js.map +1 -1
- package/dist/ProductTour/Checkpoint.js +29 -22
- package/dist/ProductTour/Checkpoint.js.map +1 -1
- package/dist/ProductTour/CheckpointActionRow.js +18 -16
- package/dist/ProductTour/CheckpointActionRow.js.map +1 -1
- package/dist/ProductTour/CheckpointBody.js +2 -4
- package/dist/ProductTour/CheckpointBody.js.map +1 -1
- package/dist/ProductTour/CheckpointBreadcrumbs.js +16 -16
- package/dist/ProductTour/CheckpointBreadcrumbs.js.map +1 -1
- package/dist/ProductTour/CheckpointTitle.js +2 -4
- package/dist/ProductTour/CheckpointTitle.js.map +1 -1
- package/dist/ProductTour/index.js +66 -47
- package/dist/ProductTour/index.js.map +1 -1
- package/dist/ProgressBar/index.js +37 -35
- package/dist/ProgressBar/index.js.map +1 -1
- package/dist/RadioButtonGroup/index.js +133 -102
- package/dist/RadioButtonGroup/index.js.map +1 -1
- package/dist/Scrollable/index.js +30 -15
- package/dist/Scrollable/index.js.map +1 -1
- package/dist/SearchField/SearchFieldAdvanced.js +54 -44
- package/dist/SearchField/SearchFieldAdvanced.js.map +1 -1
- package/dist/SearchField/SearchFieldClearButton.js +7 -8
- package/dist/SearchField/SearchFieldClearButton.js.map +1 -1
- package/dist/SearchField/SearchFieldInput.js +8 -9
- package/dist/SearchField/SearchFieldInput.js.map +1 -1
- package/dist/SearchField/SearchFieldLabel.js +5 -8
- package/dist/SearchField/SearchFieldLabel.js.map +1 -1
- package/dist/SearchField/SearchFieldSubmitButton.js +12 -15
- package/dist/SearchField/SearchFieldSubmitButton.js.map +1 -1
- package/dist/SearchField/index.js +22 -22
- package/dist/SearchField/index.js.map +1 -1
- package/dist/SelectableBox/SelectableBoxSet.js +25 -26
- package/dist/SelectableBox/SelectableBoxSet.js.map +1 -1
- package/dist/SelectableBox/index.js +42 -38
- package/dist/SelectableBox/index.js.map +1 -1
- package/dist/Sheet/SheetContainer.js +38 -16
- package/dist/Sheet/SheetContainer.js.map +1 -1
- package/dist/Sheet/index.js +65 -43
- package/dist/Sheet/index.js.map +1 -1
- package/dist/Spinner/index.js +8 -9
- package/dist/Spinner/index.js.map +1 -1
- package/dist/Stack/index.js +9 -11
- package/dist/Stack/index.js.map +1 -1
- package/dist/StatefulButton/index.js +15 -17
- package/dist/StatefulButton/index.js.map +1 -1
- package/dist/StatusAlert/index.js +120 -82
- package/dist/StatusAlert/index.js.map +1 -1
- package/dist/Stepper/Stepper.js +2 -4
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/StepperActionRow.js +7 -10
- package/dist/Stepper/StepperActionRow.js.map +1 -1
- package/dist/Stepper/StepperContext.js +64 -32
- package/dist/Stepper/StepperContext.js.map +1 -1
- package/dist/Stepper/StepperHeader.js +23 -30
- package/dist/Stepper/StepperHeader.js.map +1 -1
- package/dist/Stepper/StepperHeaderStep.js +14 -17
- package/dist/Stepper/StepperHeaderStep.js.map +1 -1
- package/dist/Stepper/StepperStep.js +23 -24
- package/dist/Stepper/StepperStep.js.map +1 -1
- package/dist/Sticky/index.js +30 -22
- package/dist/Sticky/index.js.map +1 -1
- package/dist/Table/index.js +178 -109
- package/dist/Table/index.js.map +1 -1
- package/dist/Tabs/deprecated/index.js +99 -66
- package/dist/Tabs/deprecated/index.js.map +1 -1
- package/dist/Tabs/index.js +65 -49
- package/dist/Tabs/index.js.map +1 -1
- package/dist/TextArea/index.js +10 -8
- package/dist/TextArea/index.js.map +1 -1
- package/dist/Toast/ToastContainer.js +38 -16
- package/dist/Toast/ToastContainer.js.map +1 -1
- package/dist/Toast/index.js +33 -18
- package/dist/Toast/index.js.map +1 -1
- package/dist/Tooltip/index.js +8 -9
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/TransitionReplace/DemoTransitionReplace.js +12 -3
- package/dist/TransitionReplace/DemoTransitionReplace.js.map +1 -1
- package/dist/TransitionReplace/index.js +136 -100
- package/dist/TransitionReplace/index.js.map +1 -1
- package/dist/Truncate/index.js +30 -24
- package/dist/Truncate/index.js.map +1 -1
- package/dist/ValidationFormGroup/index.js +38 -37
- package/dist/ValidationFormGroup/index.js.map +1 -1
- package/dist/ValidationMessage/index.js +76 -51
- package/dist/ValidationMessage/index.js.map +1 -1
- package/dist/asInput/index.js +251 -202
- package/dist/asInput/index.js.map +1 -1
- package/dist/hooks/useArrowKeyNavigation.js +46 -43
- package/dist/hooks/useArrowKeyNavigation.js.map +1 -1
- package/dist/hooks/useIndexOfLastVisibleChild.js +40 -26
- package/dist/hooks/useIndexOfLastVisibleChild.js.map +1 -1
- package/dist/hooks/useIsVisible.js +20 -13
- package/dist/hooks/useIsVisible.js.map +1 -1
- package/dist/hooks/useToggle.js +18 -11
- package/dist/hooks/useToggle.js.map +1 -1
- package/dist/hooks/useWindowSize.js +17 -6
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/paragon.css +1 -1
- package/dist/withDeprecatedProps.js +79 -58
- package/dist/withDeprecatedProps.js.map +1 -1
- package/package.json +1 -5
- package/src/Button/index.jsx +2 -2
- package/src/Dropzone/index.jsx +1 -1
- package/src/Hyperlink/index.scss +2 -2
- package/src/Icon/index.jsx +1 -1
- package/src/IconButton/__snapshots__/IconButton.test.jsx.snap +12 -10
- package/src/IconButton/index.jsx +1 -1
- package/src/Menu/MenuItem.jsx +2 -2
- package/src/Overlay/README.md +1 -1
- package/src/Overlay/index.jsx +1 -1
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
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); }
|
|
2
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
3
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
5
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
6
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
7
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
2
8
|
import React, { useContext, useCallback } from 'react';
|
|
3
9
|
import PropTypes from 'prop-types';
|
|
4
10
|
import { CheckboxControl } from '../../Form';
|
|
@@ -6,21 +12,19 @@ import DataTableContext from '../DataTableContext';
|
|
|
6
12
|
import useConvertIndeterminateProp from '../utils/useConvertIndeterminateProp';
|
|
7
13
|
import { deleteSelectedRowAction, addSelectedRowAction } from './data/actions';
|
|
8
14
|
function ControlledSelect(_ref) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
} = useContext(DataTableContext);
|
|
16
|
-
const toggleSelected = useCallback(() => {
|
|
15
|
+
var row = _ref.row;
|
|
16
|
+
var _useContext = useContext(DataTableContext),
|
|
17
|
+
itemCount = _useContext.itemCount,
|
|
18
|
+
_useContext$controlle = _slicedToArray(_useContext.controlledTableSelections, 2),
|
|
19
|
+
dispatch = _useContext$controlle[1];
|
|
20
|
+
var toggleSelected = useCallback(function () {
|
|
17
21
|
if (row.isSelected) {
|
|
18
22
|
dispatch(deleteSelectedRowAction(row.id));
|
|
19
23
|
} else {
|
|
20
24
|
dispatch(addSelectedRowAction(row, itemCount));
|
|
21
25
|
}
|
|
22
26
|
}, [itemCount, row, dispatch]);
|
|
23
|
-
|
|
27
|
+
var updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());
|
|
24
28
|
return /*#__PURE__*/React.createElement("div", {
|
|
25
29
|
className: "pgn__data-table__controlled-select"
|
|
26
30
|
}, /*#__PURE__*/React.createElement(CheckboxControl, _extends({}, updatedProps, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledSelect.js","names":["React","useContext","useCallback","PropTypes","CheckboxControl","DataTableContext","useConvertIndeterminateProp","deleteSelectedRowAction","addSelectedRowAction","ControlledSelect","_ref","row","itemCount","controlledTableSelections","dispatch","toggleSelected","isSelected","id","updatedProps","getToggleRowSelectedProps","createElement","className","_extends","onChange","propTypes","shape","oneOfType","string","number","isRequired","func","bool"],"sources":["../../../src/DataTable/selection/ControlledSelect.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\nimport useConvertIndeterminateProp from '../utils/useConvertIndeterminateProp';\n\nimport {\n deleteSelectedRowAction,\n addSelectedRowAction,\n} from './data/actions';\n\nfunction ControlledSelect({ row }) {\n const {\n itemCount,\n controlledTableSelections: [, dispatch],\n } = useContext(DataTableContext);\n\n const toggleSelected = useCallback(\n () => {\n if (row.isSelected) {\n dispatch(deleteSelectedRowAction(row.id));\n } else {\n dispatch(addSelectedRowAction(row, itemCount));\n }\n },\n [itemCount, row, dispatch],\n );\n\n const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...updatedProps}\n onChange={toggleSelected}\n />\n </div>\n );\n}\n\nControlledSelect.propTypes = {\n row: PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n getToggleRowSelectedProps: PropTypes.func.isRequired,\n isSelected: PropTypes.bool.isRequired,\n }).isRequired,\n};\n\nexport default ControlledSelect;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ControlledSelect.js","names":["React","useContext","useCallback","PropTypes","CheckboxControl","DataTableContext","useConvertIndeterminateProp","deleteSelectedRowAction","addSelectedRowAction","ControlledSelect","_ref","row","_useContext","itemCount","_useContext$controlle","_slicedToArray","controlledTableSelections","dispatch","toggleSelected","isSelected","id","updatedProps","getToggleRowSelectedProps","createElement","className","_extends","onChange","propTypes","shape","oneOfType","string","number","isRequired","func","bool"],"sources":["../../../src/DataTable/selection/ControlledSelect.jsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\nimport useConvertIndeterminateProp from '../utils/useConvertIndeterminateProp';\n\nimport {\n deleteSelectedRowAction,\n addSelectedRowAction,\n} from './data/actions';\n\nfunction ControlledSelect({ row }) {\n const {\n itemCount,\n controlledTableSelections: [, dispatch],\n } = useContext(DataTableContext);\n\n const toggleSelected = useCallback(\n () => {\n if (row.isSelected) {\n dispatch(deleteSelectedRowAction(row.id));\n } else {\n dispatch(addSelectedRowAction(row, itemCount));\n }\n },\n [itemCount, row, dispatch],\n );\n\n const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...updatedProps}\n onChange={toggleSelected}\n />\n </div>\n );\n}\n\nControlledSelect.propTypes = {\n row: PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n getToggleRowSelectedProps: PropTypes.func.isRequired,\n isSelected: PropTypes.bool.isRequired,\n }).isRequired,\n};\n\nexport default ControlledSelect;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,YAAY;AAC5C,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,2BAA2B,MAAM,sCAAsC;AAE9E,SACEC,uBAAuB,EACvBC,oBAAoB,QACf,gBAAgB;AAEvB,SAASC,gBAAgBA,CAAAC,IAAA,EAAU;EAAA,IAAPC,GAAG,GAAAD,IAAA,CAAHC,GAAG;EAC7B,IAAAC,WAAA,GAGIX,UAAU,CAACI,gBAAgB,CAAC;IAF9BQ,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAAC,qBAAA,GAAAC,cAAA,CAAAH,WAAA,CACTI,yBAAyB;IAAKC,QAAQ,GAAAH,qBAAA;EAGxC,IAAMI,cAAc,GAAGhB,WAAW,CAChC,YAAM;IACJ,IAAIS,GAAG,CAACQ,UAAU,EAAE;MAClBF,QAAQ,CAACV,uBAAuB,CAACI,GAAG,CAACS,EAAE,CAAC,CAAC;IAC3C,CAAC,MAAM;MACLH,QAAQ,CAACT,oBAAoB,CAACG,GAAG,EAAEE,SAAS,CAAC,CAAC;IAChD;EACF,CAAC,EACD,CAACA,SAAS,EAAEF,GAAG,EAAEM,QAAQ,CAC3B,CAAC;EAED,IAAMI,YAAY,GAAGf,2BAA2B,CAACK,GAAG,CAACW,yBAAyB,CAAC,CAAC,CAAC;EAEjF,oBACEtB,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjDxB,KAAA,CAAAuB,aAAA,CAACnB,eAAe,EAAAqB,QAAA,KACVJ,YAAY;IAChBK,QAAQ,EAAER;EAAe,EAC1B,CACE,CAAC;AAEV;AAEAT,gBAAgB,CAACkB,SAAS,GAAG;EAC3BhB,GAAG,EAAER,SAAS,CAACyB,KAAK,CAAC;IACnBR,EAAE,EAAEjB,SAAS,CAAC0B,SAAS,CAAC,CAAC1B,SAAS,CAAC2B,MAAM,EAAE3B,SAAS,CAAC4B,MAAM,CAAC,CAAC,CAACC,UAAU;IACxEV,yBAAyB,EAAEnB,SAAS,CAAC8B,IAAI,CAACD,UAAU;IACpDb,UAAU,EAAEhB,SAAS,CAAC+B,IAAI,CAACF;EAC7B,CAAC,CAAC,CAACA;AACL,CAAC;AAED,eAAevB,gBAAgB"}
|
|
@@ -1,31 +1,35 @@
|
|
|
1
1
|
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); }
|
|
2
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
3
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
5
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
6
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
7
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
2
8
|
import React, { useContext, useMemo, useCallback } from 'react';
|
|
3
9
|
import PropTypes from 'prop-types';
|
|
4
10
|
import { CheckboxControl } from '../../Form';
|
|
5
11
|
import DataTableContext from '../DataTableContext';
|
|
6
12
|
import { clearPageSelectionAction, setSelectedRowsAction } from './data/actions';
|
|
7
13
|
function ControlledSelectHeader(_ref) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const selectedPageRowIds = useMemo(() => Object.keys(selectedRowIds), [selectedRowIds]);
|
|
21
|
-
const toggleAllPageRowsSelected = useCallback(() => {
|
|
14
|
+
var rows = _ref.rows;
|
|
15
|
+
var _useContext = useContext(DataTableContext),
|
|
16
|
+
itemCount = _useContext.itemCount,
|
|
17
|
+
_useContext$controlle = _slicedToArray(_useContext.controlledTableSelections, 2),
|
|
18
|
+
dispatch = _useContext$controlle[1],
|
|
19
|
+
getToggleAllPageRowsSelectedProps = _useContext.getToggleAllPageRowsSelectedProps,
|
|
20
|
+
selectedRowIds = _useContext.state.selectedRowIds,
|
|
21
|
+
isAllPageRowsSelected = _useContext.isAllPageRowsSelected;
|
|
22
|
+
var selectedPageRowIds = useMemo(function () {
|
|
23
|
+
return Object.keys(selectedRowIds);
|
|
24
|
+
}, [selectedRowIds]);
|
|
25
|
+
var toggleAllPageRowsSelected = useCallback(function () {
|
|
22
26
|
if (isAllPageRowsSelected) {
|
|
23
27
|
dispatch(clearPageSelectionAction(selectedPageRowIds));
|
|
24
28
|
} else {
|
|
25
29
|
dispatch(setSelectedRowsAction(rows, itemCount));
|
|
26
30
|
}
|
|
27
31
|
}, [rows, selectedPageRowIds, isAllPageRowsSelected, dispatch, itemCount]);
|
|
28
|
-
|
|
32
|
+
var toggleAllPageRowsSelectedProps = getToggleAllPageRowsSelectedProps();
|
|
29
33
|
toggleAllPageRowsSelectedProps.isIndeterminate = toggleAllPageRowsSelectedProps.indeterminate;
|
|
30
34
|
// delete unused ``indeterminate`` prop
|
|
31
35
|
delete toggleAllPageRowsSelectedProps.indeterminate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledSelectHeader.js","names":["React","useContext","useMemo","useCallback","PropTypes","CheckboxControl","DataTableContext","clearPageSelectionAction","setSelectedRowsAction","ControlledSelectHeader","_ref","rows","itemCount","controlledTableSelections","dispatch","getToggleAllPageRowsSelectedProps","
|
|
1
|
+
{"version":3,"file":"ControlledSelectHeader.js","names":["React","useContext","useMemo","useCallback","PropTypes","CheckboxControl","DataTableContext","clearPageSelectionAction","setSelectedRowsAction","ControlledSelectHeader","_ref","rows","_useContext","itemCount","_useContext$controlle","_slicedToArray","controlledTableSelections","dispatch","getToggleAllPageRowsSelectedProps","selectedRowIds","state","isAllPageRowsSelected","selectedPageRowIds","Object","keys","toggleAllPageRowsSelected","toggleAllPageRowsSelectedProps","isIndeterminate","indeterminate","createElement","className","_extends","onChange","propTypes","arrayOf","shape","id","oneOfType","string","number","isRequired"],"sources":["../../../src/DataTable/selection/ControlledSelectHeader.jsx"],"sourcesContent":["import React, { useContext, useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\n\nimport {\n clearPageSelectionAction,\n setSelectedRowsAction,\n} from './data/actions';\n\nfunction ControlledSelectHeader({ rows }) {\n const {\n itemCount,\n controlledTableSelections: [, dispatch],\n getToggleAllPageRowsSelectedProps,\n state: { selectedRowIds },\n isAllPageRowsSelected,\n } = useContext(DataTableContext);\n\n const selectedPageRowIds = useMemo(\n () => Object.keys(selectedRowIds),\n [selectedRowIds],\n );\n\n const toggleAllPageRowsSelected = useCallback(\n () => {\n if (isAllPageRowsSelected) {\n dispatch(clearPageSelectionAction(selectedPageRowIds));\n } else {\n dispatch(setSelectedRowsAction(rows, itemCount));\n }\n },\n [rows, selectedPageRowIds, isAllPageRowsSelected, dispatch, itemCount],\n );\n\n const toggleAllPageRowsSelectedProps = getToggleAllPageRowsSelectedProps();\n toggleAllPageRowsSelectedProps.isIndeterminate = toggleAllPageRowsSelectedProps.indeterminate;\n // delete unused ``indeterminate`` prop\n delete toggleAllPageRowsSelectedProps.indeterminate;\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...toggleAllPageRowsSelectedProps}\n onChange={toggleAllPageRowsSelected}\n />\n </div>\n );\n}\n\nControlledSelectHeader.propTypes = {\n rows: PropTypes.arrayOf(PropTypes.shape({\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n })).isRequired,\n};\n\nexport default ControlledSelectHeader;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAC/D,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,eAAe,QAAQ,YAAY;AAC5C,OAAOC,gBAAgB,MAAM,qBAAqB;AAElD,SACEC,wBAAwB,EACxBC,qBAAqB,QAChB,gBAAgB;AAEvB,SAASC,sBAAsBA,CAAAC,IAAA,EAAW;EAAA,IAARC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACpC,IAAAC,WAAA,GAMIX,UAAU,CAACK,gBAAgB,CAAC;IAL9BO,SAAS,GAAAD,WAAA,CAATC,SAAS;IAAAC,qBAAA,GAAAC,cAAA,CAAAH,WAAA,CACTI,yBAAyB;IAAKC,QAAQ,GAAAH,qBAAA;IACtCI,iCAAiC,GAAAN,WAAA,CAAjCM,iCAAiC;IACxBC,cAAc,GAAAP,WAAA,CAAvBQ,KAAK,CAAID,cAAc;IACvBE,qBAAqB,GAAAT,WAAA,CAArBS,qBAAqB;EAGvB,IAAMC,kBAAkB,GAAGpB,OAAO,CAChC;IAAA,OAAMqB,MAAM,CAACC,IAAI,CAACL,cAAc,CAAC;EAAA,GACjC,CAACA,cAAc,CACjB,CAAC;EAED,IAAMM,yBAAyB,GAAGtB,WAAW,CAC3C,YAAM;IACJ,IAAIkB,qBAAqB,EAAE;MACzBJ,QAAQ,CAACV,wBAAwB,CAACe,kBAAkB,CAAC,CAAC;IACxD,CAAC,MAAM;MACLL,QAAQ,CAACT,qBAAqB,CAACG,IAAI,EAAEE,SAAS,CAAC,CAAC;IAClD;EACF,CAAC,EACD,CAACF,IAAI,EAAEW,kBAAkB,EAAED,qBAAqB,EAAEJ,QAAQ,EAAEJ,SAAS,CACvE,CAAC;EAED,IAAMa,8BAA8B,GAAGR,iCAAiC,CAAC,CAAC;EAC1EQ,8BAA8B,CAACC,eAAe,GAAGD,8BAA8B,CAACE,aAAa;EAC7F;EACA,OAAOF,8BAA8B,CAACE,aAAa;EAEnD,oBACE5B,KAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAC;EAAoC,gBACjD9B,KAAA,CAAA6B,aAAA,CAACxB,eAAe,EAAA0B,QAAA,KACVL,8BAA8B;IAClCM,QAAQ,EAAEP;EAA0B,EACrC,CACE,CAAC;AAEV;AAEAhB,sBAAsB,CAACwB,SAAS,GAAG;EACjCtB,IAAI,EAAEP,SAAS,CAAC8B,OAAO,CAAC9B,SAAS,CAAC+B,KAAK,CAAC;IACtCC,EAAE,EAAEhC,SAAS,CAACiC,SAAS,CAAC,CAACjC,SAAS,CAACkC,MAAM,EAAElC,SAAS,CAACmC,MAAM,CAAC,CAAC,CAACC;EAChE,CAAC,CAAC,CAAC,CAACA;AACN,CAAC;AAED,eAAe/B,sBAAsB"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
1
7
|
import React, { useContext, useEffect } from 'react';
|
|
2
8
|
import PropTypes from 'prop-types';
|
|
3
9
|
import DataTableContext from '../DataTableContext';
|
|
@@ -5,36 +11,40 @@ import BaseSelectionStatus from './BaseSelectionStatus';
|
|
|
5
11
|
import { clearSelectionAction, setSelectAllRowsAllPagesAction, setSelectedRowsAction } from './data/actions';
|
|
6
12
|
import { getUnselectedPageRows, getRowIds } from './data/helpers';
|
|
7
13
|
function ControlledSelectionStatus(_ref) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
} = useContext(DataTableContext);
|
|
20
|
-
useEffect(() => {
|
|
14
|
+
var className = _ref.className,
|
|
15
|
+
clearSelectionText = _ref.clearSelectionText;
|
|
16
|
+
var _useContext = useContext(DataTableContext),
|
|
17
|
+
itemCount = _useContext.itemCount,
|
|
18
|
+
page = _useContext.page,
|
|
19
|
+
_useContext$controlle = _slicedToArray(_useContext.controlledTableSelections, 2),
|
|
20
|
+
_useContext$controlle2 = _useContext$controlle[0],
|
|
21
|
+
selectedRows = _useContext$controlle2.selectedRows,
|
|
22
|
+
isEntireTableSelected = _useContext$controlle2.isEntireTableSelected,
|
|
23
|
+
dispatch = _useContext$controlle[1];
|
|
24
|
+
useEffect(function () {
|
|
21
25
|
if (isEntireTableSelected) {
|
|
22
|
-
|
|
23
|
-
|
|
26
|
+
var selectedRowIds = getRowIds(selectedRows);
|
|
27
|
+
var unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);
|
|
24
28
|
if (unselectedPageRows.length) {
|
|
25
29
|
dispatch(setSelectedRowsAction(unselectedPageRows, itemCount));
|
|
26
30
|
}
|
|
27
31
|
}
|
|
28
32
|
}, [isEntireTableSelected, selectedRows, itemCount, page, dispatch]);
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
var numSelectedRows = isEntireTableSelected ? itemCount : selectedRows.length;
|
|
34
|
+
var numSelectedRowsOnPage = (page || []).filter(function (r) {
|
|
35
|
+
return r.isSelected;
|
|
36
|
+
}).length;
|
|
37
|
+
var selectionStatusProps = {
|
|
38
|
+
className: className,
|
|
39
|
+
numSelectedRows: numSelectedRows,
|
|
40
|
+
numSelectedRowsOnPage: numSelectedRowsOnPage,
|
|
41
|
+
clearSelectionText: clearSelectionText,
|
|
42
|
+
onSelectAll: function onSelectAll() {
|
|
43
|
+
return dispatch(setSelectAllRowsAllPagesAction());
|
|
44
|
+
},
|
|
45
|
+
onClear: function onClear() {
|
|
46
|
+
return dispatch(clearSelectionAction());
|
|
47
|
+
}
|
|
38
48
|
};
|
|
39
49
|
return /*#__PURE__*/React.createElement(BaseSelectionStatus, selectionStatusProps);
|
|
40
50
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledSelectionStatus.js","names":["React","useContext","useEffect","PropTypes","DataTableContext","BaseSelectionStatus","clearSelectionAction","setSelectAllRowsAllPagesAction","setSelectedRowsAction","getUnselectedPageRows","getRowIds","ControlledSelectionStatus","_ref","className","clearSelectionText","itemCount","page","controlledTableSelections","selectedRows","isEntireTableSelected","dispatch","selectedRowIds","unselectedPageRows","length","numSelectedRows","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","defaultProps","undefined","propTypes","string","oneOfType","element"],"sources":["../../../src/DataTable/selection/ControlledSelectionStatus.jsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\n\nimport {\n clearSelectionAction,\n setSelectAllRowsAllPagesAction,\n setSelectedRowsAction,\n} from './data/actions';\nimport {\n getUnselectedPageRows,\n getRowIds,\n} from './data/helpers';\n\nfunction ControlledSelectionStatus({ className, clearSelectionText }) {\n const {\n itemCount,\n page,\n controlledTableSelections: [{ selectedRows, isEntireTableSelected }, dispatch],\n } = useContext(DataTableContext);\n\n useEffect(\n () => {\n if (isEntireTableSelected) {\n const selectedRowIds = getRowIds(selectedRows);\n const unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);\n if (unselectedPageRows.length) {\n dispatch(setSelectedRowsAction(unselectedPageRows, itemCount));\n }\n }\n },\n [isEntireTableSelected, selectedRows, itemCount, page, dispatch],\n );\n\n const numSelectedRows = isEntireTableSelected ? itemCount : selectedRows.length;\n const numSelectedRowsOnPage = (page || []).filter(r => r.isSelected).length;\n\n const selectionStatusProps = {\n className,\n numSelectedRows,\n numSelectedRowsOnPage,\n clearSelectionText,\n onSelectAll: () => dispatch(setSelectAllRowsAllPagesAction()),\n onClear: () => dispatch(clearSelectionAction()),\n };\n return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nControlledSelectionStatus.defaultProps = {\n className: undefined,\n clearSelectionText: undefined,\n};\n\nControlledSelectionStatus.propTypes = {\n /** A class name to append to the base element */\n className: PropTypes.string,\n /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nexport default ControlledSelectionStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AACpD,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,qBAAqB,QAChB,gBAAgB;AACvB,SACEC,qBAAqB,EACrBC,SAAS,QACJ,gBAAgB;AAEvB,SAASC,yBAAyBA,CAAAC,IAAA,EAAoC;EAAA,
|
|
1
|
+
{"version":3,"file":"ControlledSelectionStatus.js","names":["React","useContext","useEffect","PropTypes","DataTableContext","BaseSelectionStatus","clearSelectionAction","setSelectAllRowsAllPagesAction","setSelectedRowsAction","getUnselectedPageRows","getRowIds","ControlledSelectionStatus","_ref","className","clearSelectionText","_useContext","itemCount","page","_useContext$controlle","_slicedToArray","controlledTableSelections","_useContext$controlle2","selectedRows","isEntireTableSelected","dispatch","selectedRowIds","unselectedPageRows","length","numSelectedRows","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","defaultProps","undefined","propTypes","string","oneOfType","element"],"sources":["../../../src/DataTable/selection/ControlledSelectionStatus.jsx"],"sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\n\nimport {\n clearSelectionAction,\n setSelectAllRowsAllPagesAction,\n setSelectedRowsAction,\n} from './data/actions';\nimport {\n getUnselectedPageRows,\n getRowIds,\n} from './data/helpers';\n\nfunction ControlledSelectionStatus({ className, clearSelectionText }) {\n const {\n itemCount,\n page,\n controlledTableSelections: [{ selectedRows, isEntireTableSelected }, dispatch],\n } = useContext(DataTableContext);\n\n useEffect(\n () => {\n if (isEntireTableSelected) {\n const selectedRowIds = getRowIds(selectedRows);\n const unselectedPageRows = getUnselectedPageRows(selectedRowIds, page);\n if (unselectedPageRows.length) {\n dispatch(setSelectedRowsAction(unselectedPageRows, itemCount));\n }\n }\n },\n [isEntireTableSelected, selectedRows, itemCount, page, dispatch],\n );\n\n const numSelectedRows = isEntireTableSelected ? itemCount : selectedRows.length;\n const numSelectedRowsOnPage = (page || []).filter(r => r.isSelected).length;\n\n const selectionStatusProps = {\n className,\n numSelectedRows,\n numSelectedRowsOnPage,\n clearSelectionText,\n onSelectAll: () => dispatch(setSelectAllRowsAllPagesAction()),\n onClear: () => dispatch(clearSelectionAction()),\n };\n return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nControlledSelectionStatus.defaultProps = {\n className: undefined,\n clearSelectionText: undefined,\n};\n\nControlledSelectionStatus.propTypes = {\n /** A class name to append to the base element */\n className: PropTypes.string,\n /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nexport default ControlledSelectionStatus;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AACpD,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,qBAAqB,QAChB,gBAAgB;AACvB,SACEC,qBAAqB,EACrBC,SAAS,QACJ,gBAAgB;AAEvB,SAASC,yBAAyBA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;EAChE,IAAAC,WAAA,GAIId,UAAU,CAACG,gBAAgB,CAAC;IAH9BY,SAAS,GAAAD,WAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,WAAA,CAAJE,IAAI;IAAAC,qBAAA,GAAAC,cAAA,CAAAJ,WAAA,CACJK,yBAAyB;IAAAC,sBAAA,GAAAH,qBAAA;IAAKI,YAAY,GAAAD,sBAAA,CAAZC,YAAY;IAAEC,qBAAqB,GAAAF,sBAAA,CAArBE,qBAAqB;IAAIC,QAAQ,GAAAN,qBAAA;EAG/EhB,SAAS,CACP,YAAM;IACJ,IAAIqB,qBAAqB,EAAE;MACzB,IAAME,cAAc,GAAGf,SAAS,CAACY,YAAY,CAAC;MAC9C,IAAMI,kBAAkB,GAAGjB,qBAAqB,CAACgB,cAAc,EAAER,IAAI,CAAC;MACtE,IAAIS,kBAAkB,CAACC,MAAM,EAAE;QAC7BH,QAAQ,CAAChB,qBAAqB,CAACkB,kBAAkB,EAAEV,SAAS,CAAC,CAAC;MAChE;IACF;EACF,CAAC,EACD,CAACO,qBAAqB,EAAED,YAAY,EAAEN,SAAS,EAAEC,IAAI,EAAEO,QAAQ,CACjE,CAAC;EAED,IAAMI,eAAe,GAAGL,qBAAqB,GAAGP,SAAS,GAAGM,YAAY,CAACK,MAAM;EAC/E,IAAME,qBAAqB,GAAG,CAACZ,IAAI,IAAI,EAAE,EAAEa,MAAM,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,UAAU;EAAA,EAAC,CAACL,MAAM;EAE3E,IAAMM,oBAAoB,GAAG;IAC3BpB,SAAS,EAATA,SAAS;IACTe,eAAe,EAAfA,eAAe;IACfC,qBAAqB,EAArBA,qBAAqB;IACrBf,kBAAkB,EAAlBA,kBAAkB;IAClBoB,WAAW,EAAE,SAAAA,YAAA;MAAA,OAAMV,QAAQ,CAACjB,8BAA8B,CAAC,CAAC,CAAC;IAAA;IAC7D4B,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMX,QAAQ,CAAClB,oBAAoB,CAAC,CAAC,CAAC;IAAA;EACjD,CAAC;EACD,oBAAON,KAAA,CAAAoC,aAAA,CAAC/B,mBAAmB,EAAK4B,oBAAuB,CAAC;AAC1D;AAEAtB,yBAAyB,CAAC0B,YAAY,GAAG;EACvCxB,SAAS,EAAEyB,SAAS;EACpBxB,kBAAkB,EAAEwB;AACtB,CAAC;AAED3B,yBAAyB,CAAC4B,SAAS,GAAG;EACpC;EACA1B,SAAS,EAAEV,SAAS,CAACqC,MAAM;EAC3B;EACA1B,kBAAkB,EAAEX,SAAS,CAACsC,SAAS,CAAC,CAACtC,SAAS,CAACqC,MAAM,EAAErC,SAAS,CAACuC,OAAO,CAAC;AAC/E,CAAC;AAED,eAAe/B,yBAAyB"}
|
|
@@ -4,29 +4,29 @@ import DataTableContext from '../DataTableContext';
|
|
|
4
4
|
import BaseSelectionStatus from './BaseSelectionStatus';
|
|
5
5
|
import { useRows } from '../hooks';
|
|
6
6
|
function SelectionStatus(_ref) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
7
|
+
var className = _ref.className,
|
|
8
|
+
clearSelectionText = _ref.clearSelectionText;
|
|
9
|
+
var _useContext = useContext(DataTableContext),
|
|
10
|
+
toggleAllRowsSelected = _useContext.toggleAllRowsSelected,
|
|
11
|
+
state = _useContext.state;
|
|
12
|
+
var _useRows = useRows(),
|
|
13
|
+
displayRows = _useRows.displayRows;
|
|
14
|
+
var selectedRowIds = state.selectedRowIds;
|
|
15
|
+
var numSelectedRows = Object.keys(selectedRowIds || {}).length;
|
|
16
|
+
var numSelectedRowsOnPage = displayRows.filter(function (r) {
|
|
17
|
+
return r.isSelected;
|
|
18
|
+
}).length;
|
|
19
|
+
var selectionStatusProps = {
|
|
20
|
+
className: className,
|
|
21
|
+
numSelectedRows: numSelectedRows,
|
|
22
|
+
numSelectedRowsOnPage: numSelectedRowsOnPage,
|
|
23
|
+
clearSelectionText: clearSelectionText,
|
|
24
|
+
onSelectAll: function onSelectAll() {
|
|
25
|
+
return toggleAllRowsSelected(true);
|
|
26
|
+
},
|
|
27
|
+
onClear: function onClear() {
|
|
28
|
+
return toggleAllRowsSelected(false);
|
|
29
|
+
}
|
|
30
30
|
};
|
|
31
31
|
return /*#__PURE__*/React.createElement(BaseSelectionStatus, selectionStatusProps);
|
|
32
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionStatus.js","names":["React","useContext","PropTypes","DataTableContext","BaseSelectionStatus","useRows","SelectionStatus","_ref","className","clearSelectionText","toggleAllRowsSelected","state","displayRows","selectedRowIds","numSelectedRows","Object","keys","length","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../../src/DataTable/selection/SelectionStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\nimport { useRows } from '../hooks';\n\nfunction SelectionStatus({ className, clearSelectionText }) {\n const { toggleAllRowsSelected, state } = useContext(DataTableContext);\n const { displayRows } = useRows();\n const { selectedRowIds } = state;\n const numSelectedRows = Object.keys(selectedRowIds || {}).length;\n const numSelectedRowsOnPage = displayRows.filter(r => r.isSelected).length;\n const selectionStatusProps = {\n className,\n numSelectedRows,\n numSelectedRowsOnPage,\n clearSelectionText,\n onSelectAll: () => toggleAllRowsSelected(true),\n onClear: () => toggleAllRowsSelected(false),\n };\n return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nSelectionStatus.propTypes = {\n /** A class name to append to the base element */\n className: PropTypes.string,\n /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSelectionStatus.defaultProps = {\n className: undefined,\n clearSelectionText: undefined,\n};\n\nexport default SelectionStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,OAAO,QAAQ,UAAU;AAElC,SAASC,eAAeA,CAAAC,IAAA,EAAoC;EAAA,
|
|
1
|
+
{"version":3,"file":"SelectionStatus.js","names":["React","useContext","PropTypes","DataTableContext","BaseSelectionStatus","useRows","SelectionStatus","_ref","className","clearSelectionText","_useContext","toggleAllRowsSelected","state","_useRows","displayRows","selectedRowIds","numSelectedRows","Object","keys","length","numSelectedRowsOnPage","filter","r","isSelected","selectionStatusProps","onSelectAll","onClear","createElement","propTypes","string","oneOfType","element","defaultProps","undefined"],"sources":["../../../src/DataTable/selection/SelectionStatus.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataTableContext from '../DataTableContext';\nimport BaseSelectionStatus from './BaseSelectionStatus';\nimport { useRows } from '../hooks';\n\nfunction SelectionStatus({ className, clearSelectionText }) {\n const { toggleAllRowsSelected, state } = useContext(DataTableContext);\n const { displayRows } = useRows();\n const { selectedRowIds } = state;\n const numSelectedRows = Object.keys(selectedRowIds || {}).length;\n const numSelectedRowsOnPage = displayRows.filter(r => r.isSelected).length;\n const selectionStatusProps = {\n className,\n numSelectedRows,\n numSelectedRowsOnPage,\n clearSelectionText,\n onSelectAll: () => toggleAllRowsSelected(true),\n onClear: () => toggleAllRowsSelected(false),\n };\n return <BaseSelectionStatus {...selectionStatusProps} />;\n}\n\nSelectionStatus.propTypes = {\n /** A class name to append to the base element */\n className: PropTypes.string,\n /** A text that appears on the `Clear selection` button, defaults to 'Clear Selection' */\n clearSelectionText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nSelectionStatus.defaultProps = {\n className: undefined,\n clearSelectionText: undefined,\n};\n\nexport default SelectionStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,OAAO,QAAQ,UAAU;AAElC,SAASC,eAAeA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;EACtD,IAAAC,WAAA,GAAyCT,UAAU,CAACE,gBAAgB,CAAC;IAA7DQ,qBAAqB,GAAAD,WAAA,CAArBC,qBAAqB;IAAEC,KAAK,GAAAF,WAAA,CAALE,KAAK;EACpC,IAAAC,QAAA,GAAwBR,OAAO,CAAC,CAAC;IAAzBS,WAAW,GAAAD,QAAA,CAAXC,WAAW;EACnB,IAAQC,cAAc,GAAKH,KAAK,CAAxBG,cAAc;EACtB,IAAMC,eAAe,GAAGC,MAAM,CAACC,IAAI,CAACH,cAAc,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM;EAChE,IAAMC,qBAAqB,GAAGN,WAAW,CAACO,MAAM,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,UAAU;EAAA,EAAC,CAACJ,MAAM;EAC1E,IAAMK,oBAAoB,GAAG;IAC3BhB,SAAS,EAATA,SAAS;IACTQ,eAAe,EAAfA,eAAe;IACfI,qBAAqB,EAArBA,qBAAqB;IACrBX,kBAAkB,EAAlBA,kBAAkB;IAClBgB,WAAW,EAAE,SAAAA,YAAA;MAAA,OAAMd,qBAAqB,CAAC,IAAI,CAAC;IAAA;IAC9Ce,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMf,qBAAqB,CAAC,KAAK,CAAC;IAAA;EAC7C,CAAC;EACD,oBAAOX,KAAA,CAAA2B,aAAA,CAACvB,mBAAmB,EAAKoB,oBAAuB,CAAC;AAC1D;AAEAlB,eAAe,CAACsB,SAAS,GAAG;EAC1B;EACApB,SAAS,EAAEN,SAAS,CAAC2B,MAAM;EAC3B;EACApB,kBAAkB,EAAEP,SAAS,CAAC4B,SAAS,CAAC,CAAC5B,SAAS,CAAC2B,MAAM,EAAE3B,SAAS,CAAC6B,OAAO,CAAC;AAC/E,CAAC;AAEDzB,eAAe,CAAC0B,YAAY,GAAG;EAC7BxB,SAAS,EAAEyB,SAAS;EACpBxB,kBAAkB,EAAEwB;AACtB,CAAC;AAED,eAAe3B,eAAe"}
|
|
@@ -3,30 +3,27 @@ import React, { useMemo, useContext, useEffect } from 'react';
|
|
|
3
3
|
import { CheckboxControl } from '../../Form';
|
|
4
4
|
import DataTableContext from '../DataTableContext';
|
|
5
5
|
import useConvertIndeterminateProp from './useConvertIndeterminateProp';
|
|
6
|
-
export
|
|
6
|
+
export var selectColumn = {
|
|
7
7
|
id: 'selection',
|
|
8
8
|
// The header can use the table's getToggleAllPageRowsSelectedProps or getToggleAllRowsSelectedProps
|
|
9
9
|
// method to render a checkbox. The method is determined based on whether pagination is enabled or
|
|
10
10
|
// not (i.e., ``page`` is defined).
|
|
11
11
|
// Proptypes disabled as these props are passed in separately
|
|
12
12
|
/* eslint-disable-next-line react/prop-types */
|
|
13
|
-
Header: _ref
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
maxSelectedRows
|
|
22
|
-
} = useContext(DataTableContext);
|
|
23
|
-
const toggleRowsSelectedProps = useMemo(() => {
|
|
13
|
+
Header: function Header(_ref) {
|
|
14
|
+
var getToggleAllPageRowsSelectedProps = _ref.getToggleAllPageRowsSelectedProps,
|
|
15
|
+
getToggleAllRowsSelectedProps = _ref.getToggleAllRowsSelectedProps,
|
|
16
|
+
page = _ref.page;
|
|
17
|
+
var _useContext = useContext(DataTableContext),
|
|
18
|
+
isSelectable = _useContext.isSelectable,
|
|
19
|
+
maxSelectedRows = _useContext.maxSelectedRows;
|
|
20
|
+
var toggleRowsSelectedProps = useMemo(function () {
|
|
24
21
|
// determine if this selection is for an individual page or the entire table
|
|
25
|
-
|
|
22
|
+
var getToggleRowsSelectedProps = page ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
|
|
26
23
|
return getToggleRowsSelectedProps();
|
|
27
24
|
}, [getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page]);
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
var updatedProps = useConvertIndeterminateProp(toggleRowsSelectedProps);
|
|
26
|
+
var formatMaxSelectedRows = Math.max(0, maxSelectedRows);
|
|
30
27
|
if (isSelectable && formatMaxSelectedRows >= 0) {
|
|
31
28
|
return null;
|
|
32
29
|
}
|
|
@@ -40,32 +37,27 @@ export const selectColumn = {
|
|
|
40
37
|
// to the render a checkbox
|
|
41
38
|
// Proptypes disabled as this prop is passed in separately
|
|
42
39
|
/* eslint-disable react/prop-types */
|
|
43
|
-
Cell: _ref2
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
state
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
const formatMaxSelectedRows = Math.max(0, maxSelectedRows);
|
|
63
|
-
const hasMaxSelectedRows = formatMaxSelectedRows === selectedRowsLength;
|
|
64
|
-
const disableCheck = isSelectable && hasMaxSelectedRows && !isRowSelected;
|
|
65
|
-
const lastRowSelected = selectedRowsOrdered?.[selectedRowsOrdered.length - 1] ?? null;
|
|
66
|
-
useEffect(() => {
|
|
40
|
+
Cell: function Cell(_ref2) {
|
|
41
|
+
var _selectedRowsOrdered;
|
|
42
|
+
var row = _ref2.row;
|
|
43
|
+
var _useContext2 = useContext(DataTableContext),
|
|
44
|
+
isSelectable = _useContext2.isSelectable,
|
|
45
|
+
maxSelectedRows = _useContext2.maxSelectedRows,
|
|
46
|
+
onMaxSelectedRows = _useContext2.onMaxSelectedRows,
|
|
47
|
+
_useContext2$state = _useContext2.state,
|
|
48
|
+
selectedRowIds = _useContext2$state.selectedRowIds,
|
|
49
|
+
selectedRowsOrdered = _useContext2$state.selectedRowsOrdered;
|
|
50
|
+
var updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());
|
|
51
|
+
var index = row.index;
|
|
52
|
+
var isRowSelected = (index in selectedRowIds);
|
|
53
|
+
var selectedRowsLength = Object.keys(selectedRowIds).length;
|
|
54
|
+
var formatMaxSelectedRows = Math.max(0, maxSelectedRows);
|
|
55
|
+
var hasMaxSelectedRows = formatMaxSelectedRows === selectedRowsLength;
|
|
56
|
+
var disableCheck = isSelectable && hasMaxSelectedRows && !isRowSelected;
|
|
57
|
+
var lastRowSelected = (_selectedRowsOrdered = selectedRowsOrdered === null || selectedRowsOrdered === void 0 ? void 0 : selectedRowsOrdered[selectedRowsOrdered.length - 1]) !== null && _selectedRowsOrdered !== void 0 ? _selectedRowsOrdered : null;
|
|
58
|
+
useEffect(function () {
|
|
67
59
|
if (hasMaxSelectedRows && lastRowSelected === index) {
|
|
68
|
-
onMaxSelectedRows
|
|
60
|
+
onMaxSelectedRows === null || onMaxSelectedRows === void 0 ? void 0 : onMaxSelectedRows();
|
|
69
61
|
}
|
|
70
62
|
}, [hasMaxSelectedRows, index, isRowSelected, lastRowSelected, onMaxSelectedRows, selectedRowIds]);
|
|
71
63
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -78,10 +70,10 @@ export const selectColumn = {
|
|
|
78
70
|
/* eslint-enable react/prop-types */
|
|
79
71
|
disableSortBy: true
|
|
80
72
|
};
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
73
|
+
var getVisibleColumns = function getVisibleColumns(isSelectable, visibleColumns) {
|
|
74
|
+
var additionalColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
75
|
+
var manualSelectColumn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : selectColumn;
|
|
76
|
+
var columns = [];
|
|
85
77
|
if (isSelectable) {
|
|
86
78
|
columns.push(manualSelectColumn);
|
|
87
79
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getVisibleColumns.js","names":["React","useMemo","useContext","useEffect","CheckboxControl","DataTableContext","useConvertIndeterminateProp","selectColumn","id","Header","_ref","getToggleAllPageRowsSelectedProps","getToggleAllRowsSelectedProps","page","isSelectable","maxSelectedRows","toggleRowsSelectedProps","getToggleRowsSelectedProps","updatedProps","formatMaxSelectedRows","Math","max","createElement","className","_extends","Cell","_ref2","row","onMaxSelectedRows","state","selectedRowIds","selectedRowsOrdered","getToggleRowSelectedProps","index","isRowSelected","selectedRowsLength","Object","keys","length","hasMaxSelectedRows","disableCheck","lastRowSelected","disabled","disableSortBy","getVisibleColumns","visibleColumns","additionalColumns","arguments","undefined","manualSelectColumn","columns","push","concat"],"sources":["../../../src/DataTable/utils/getVisibleColumns.jsx"],"sourcesContent":["import React, { useMemo, useContext, useEffect } from 'react';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\nimport useConvertIndeterminateProp from './useConvertIndeterminateProp';\n\nexport const selectColumn = {\n id: 'selection',\n // The header can use the table's getToggleAllPageRowsSelectedProps or getToggleAllRowsSelectedProps\n // method to render a checkbox. The method is determined based on whether pagination is enabled or\n // not (i.e., ``page`` is defined).\n // Proptypes disabled as these props are passed in separately\n /* eslint-disable-next-line react/prop-types */\n Header: ({ getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page }) => {\n const { isSelectable, maxSelectedRows } = useContext(DataTableContext);\n const toggleRowsSelectedProps = useMemo(\n () => {\n // determine if this selection is for an individual page or the entire table\n const getToggleRowsSelectedProps = page ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;\n return getToggleRowsSelectedProps();\n },\n [getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page],\n );\n const updatedProps = useConvertIndeterminateProp(toggleRowsSelectedProps);\n const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n\n if (isSelectable && formatMaxSelectedRows >= 0) {\n return null;\n }\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...updatedProps}\n data-testid=\"datatable-select-column-checkbox-header\"\n />\n </div>\n );\n },\n // The cell can use the individual row's getToggleRowSelectedProps method\n // to the render a checkbox\n // Proptypes disabled as this prop is passed in separately\n /* eslint-disable react/prop-types */\n Cell: ({ row }) => {\n const {\n isSelectable, maxSelectedRows, onMaxSelectedRows, state: { selectedRowIds, selectedRowsOrdered },\n } = useContext(DataTableContext);\n const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());\n const { index } = row;\n const isRowSelected = index in selectedRowIds;\n const selectedRowsLength = Object.keys(selectedRowIds).length;\n const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n const hasMaxSelectedRows = formatMaxSelectedRows === selectedRowsLength;\n const disableCheck = isSelectable && hasMaxSelectedRows && !isRowSelected;\n const lastRowSelected = selectedRowsOrdered?.[selectedRowsOrdered.length - 1] ?? null;\n\n useEffect(() => {\n if (hasMaxSelectedRows && lastRowSelected === index) {\n onMaxSelectedRows?.();\n }\n }, [hasMaxSelectedRows, index, isRowSelected, lastRowSelected, onMaxSelectedRows, selectedRowIds]);\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...updatedProps}\n disabled={disableCheck}\n data-testid=\"datatable-select-column-checkbox-cell\"\n />\n </div>\n );\n },\n /* eslint-enable react/prop-types */\n disableSortBy: true,\n};\n\nconst getVisibleColumns = (\n isSelectable,\n visibleColumns,\n additionalColumns = [],\n manualSelectColumn = selectColumn,\n) => {\n let columns = [];\n if (isSelectable) {\n columns.push(manualSelectColumn);\n }\n columns = columns.concat(visibleColumns);\n if (additionalColumns.length > 0) {\n columns = columns.concat(additionalColumns);\n }\n return columns;\n};\n\nexport default getVisibleColumns;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAE7D,SAASC,eAAe,QAAQ,YAAY;AAC5C,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,2BAA2B,MAAM,+BAA+B;AAEvE,OAAO,
|
|
1
|
+
{"version":3,"file":"getVisibleColumns.js","names":["React","useMemo","useContext","useEffect","CheckboxControl","DataTableContext","useConvertIndeterminateProp","selectColumn","id","Header","_ref","getToggleAllPageRowsSelectedProps","getToggleAllRowsSelectedProps","page","_useContext","isSelectable","maxSelectedRows","toggleRowsSelectedProps","getToggleRowsSelectedProps","updatedProps","formatMaxSelectedRows","Math","max","createElement","className","_extends","Cell","_ref2","_selectedRowsOrdered","row","_useContext2","onMaxSelectedRows","_useContext2$state","state","selectedRowIds","selectedRowsOrdered","getToggleRowSelectedProps","index","isRowSelected","selectedRowsLength","Object","keys","length","hasMaxSelectedRows","disableCheck","lastRowSelected","disabled","disableSortBy","getVisibleColumns","visibleColumns","additionalColumns","arguments","undefined","manualSelectColumn","columns","push","concat"],"sources":["../../../src/DataTable/utils/getVisibleColumns.jsx"],"sourcesContent":["import React, { useMemo, useContext, useEffect } from 'react';\n\nimport { CheckboxControl } from '../../Form';\nimport DataTableContext from '../DataTableContext';\nimport useConvertIndeterminateProp from './useConvertIndeterminateProp';\n\nexport const selectColumn = {\n id: 'selection',\n // The header can use the table's getToggleAllPageRowsSelectedProps or getToggleAllRowsSelectedProps\n // method to render a checkbox. The method is determined based on whether pagination is enabled or\n // not (i.e., ``page`` is defined).\n // Proptypes disabled as these props are passed in separately\n /* eslint-disable-next-line react/prop-types */\n Header: ({ getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page }) => {\n const { isSelectable, maxSelectedRows } = useContext(DataTableContext);\n const toggleRowsSelectedProps = useMemo(\n () => {\n // determine if this selection is for an individual page or the entire table\n const getToggleRowsSelectedProps = page ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;\n return getToggleRowsSelectedProps();\n },\n [getToggleAllPageRowsSelectedProps, getToggleAllRowsSelectedProps, page],\n );\n const updatedProps = useConvertIndeterminateProp(toggleRowsSelectedProps);\n const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n\n if (isSelectable && formatMaxSelectedRows >= 0) {\n return null;\n }\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...updatedProps}\n data-testid=\"datatable-select-column-checkbox-header\"\n />\n </div>\n );\n },\n // The cell can use the individual row's getToggleRowSelectedProps method\n // to the render a checkbox\n // Proptypes disabled as this prop is passed in separately\n /* eslint-disable react/prop-types */\n Cell: ({ row }) => {\n const {\n isSelectable, maxSelectedRows, onMaxSelectedRows, state: { selectedRowIds, selectedRowsOrdered },\n } = useContext(DataTableContext);\n const updatedProps = useConvertIndeterminateProp(row.getToggleRowSelectedProps());\n const { index } = row;\n const isRowSelected = index in selectedRowIds;\n const selectedRowsLength = Object.keys(selectedRowIds).length;\n const formatMaxSelectedRows = Math.max(0, maxSelectedRows);\n const hasMaxSelectedRows = formatMaxSelectedRows === selectedRowsLength;\n const disableCheck = isSelectable && hasMaxSelectedRows && !isRowSelected;\n const lastRowSelected = selectedRowsOrdered?.[selectedRowsOrdered.length - 1] ?? null;\n\n useEffect(() => {\n if (hasMaxSelectedRows && lastRowSelected === index) {\n onMaxSelectedRows?.();\n }\n }, [hasMaxSelectedRows, index, isRowSelected, lastRowSelected, onMaxSelectedRows, selectedRowIds]);\n\n return (\n <div className=\"pgn__data-table__controlled-select\">\n <CheckboxControl\n {...updatedProps}\n disabled={disableCheck}\n data-testid=\"datatable-select-column-checkbox-cell\"\n />\n </div>\n );\n },\n /* eslint-enable react/prop-types */\n disableSortBy: true,\n};\n\nconst getVisibleColumns = (\n isSelectable,\n visibleColumns,\n additionalColumns = [],\n manualSelectColumn = selectColumn,\n) => {\n let columns = [];\n if (isSelectable) {\n columns.push(manualSelectColumn);\n }\n columns = columns.concat(visibleColumns);\n if (additionalColumns.length > 0) {\n columns = columns.concat(additionalColumns);\n }\n return columns;\n};\n\nexport default getVisibleColumns;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAE7D,SAASC,eAAe,QAAQ,YAAY;AAC5C,OAAOC,gBAAgB,MAAM,qBAAqB;AAClD,OAAOC,2BAA2B,MAAM,+BAA+B;AAEvE,OAAO,IAAMC,YAAY,GAAG;EAC1BC,EAAE,EAAE,WAAW;EACf;EACA;EACA;EACA;EACA;EACAC,MAAM,EAAE,SAAAA,OAAAC,IAAA,EAAgF;IAAA,IAA7EC,iCAAiC,GAAAD,IAAA,CAAjCC,iCAAiC;MAAEC,6BAA6B,GAAAF,IAAA,CAA7BE,6BAA6B;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAC/E,IAAAC,WAAA,GAA0CZ,UAAU,CAACG,gBAAgB,CAAC;MAA9DU,YAAY,GAAAD,WAAA,CAAZC,YAAY;MAAEC,eAAe,GAAAF,WAAA,CAAfE,eAAe;IACrC,IAAMC,uBAAuB,GAAGhB,OAAO,CACrC,YAAM;MACJ;MACA,IAAMiB,0BAA0B,GAAGL,IAAI,GAAGF,iCAAiC,GAAGC,6BAA6B;MAC3G,OAAOM,0BAA0B,CAAC,CAAC;IACrC,CAAC,EACD,CAACP,iCAAiC,EAAEC,6BAA6B,EAAEC,IAAI,CACzE,CAAC;IACD,IAAMM,YAAY,GAAGb,2BAA2B,CAACW,uBAAuB,CAAC;IACzE,IAAMG,qBAAqB,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEN,eAAe,CAAC;IAE1D,IAAID,YAAY,IAAIK,qBAAqB,IAAI,CAAC,EAAE;MAC9C,OAAO,IAAI;IACb;IAEA,oBACEpB,KAAA,CAAAuB,aAAA;MAAKC,SAAS,EAAC;IAAoC,gBACjDxB,KAAA,CAAAuB,aAAA,CAACnB,eAAe,EAAAqB,QAAA,KACVN,YAAY;MAChB,eAAY;IAAyC,EACtD,CACE,CAAC;EAEV,CAAC;EACD;EACA;EACA;EACA;EACAO,IAAI,EAAE,SAAAA,KAAAC,KAAA,EAAa;IAAA,IAAAC,oBAAA;IAAA,IAAVC,GAAG,GAAAF,KAAA,CAAHE,GAAG;IACV,IAAAC,YAAA,GAEI5B,UAAU,CAACG,gBAAgB,CAAC;MAD9BU,YAAY,GAAAe,YAAA,CAAZf,YAAY;MAAEC,eAAe,GAAAc,YAAA,CAAfd,eAAe;MAAEe,iBAAiB,GAAAD,YAAA,CAAjBC,iBAAiB;MAAAC,kBAAA,GAAAF,YAAA,CAAEG,KAAK;MAAIC,cAAc,GAAAF,kBAAA,CAAdE,cAAc;MAAEC,mBAAmB,GAAAH,kBAAA,CAAnBG,mBAAmB;IAEhG,IAAMhB,YAAY,GAAGb,2BAA2B,CAACuB,GAAG,CAACO,yBAAyB,CAAC,CAAC,CAAC;IACjF,IAAQC,KAAK,GAAKR,GAAG,CAAbQ,KAAK;IACb,IAAMC,aAAa,IAAGD,KAAK,IAAIH,cAAc;IAC7C,IAAMK,kBAAkB,GAAGC,MAAM,CAACC,IAAI,CAACP,cAAc,CAAC,CAACQ,MAAM;IAC7D,IAAMtB,qBAAqB,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEN,eAAe,CAAC;IAC1D,IAAM2B,kBAAkB,GAAGvB,qBAAqB,KAAKmB,kBAAkB;IACvE,IAAMK,YAAY,GAAG7B,YAAY,IAAI4B,kBAAkB,IAAI,CAACL,aAAa;IACzE,IAAMO,eAAe,IAAAjB,oBAAA,GAAGO,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGA,mBAAmB,CAACO,MAAM,GAAG,CAAC,CAAC,cAAAd,oBAAA,cAAAA,oBAAA,GAAI,IAAI;IAErFzB,SAAS,CAAC,YAAM;MACd,IAAIwC,kBAAkB,IAAIE,eAAe,KAAKR,KAAK,EAAE;QACnDN,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAG,CAAC;MACvB;IACF,CAAC,EAAE,CAACY,kBAAkB,EAAEN,KAAK,EAAEC,aAAa,EAAEO,eAAe,EAAEd,iBAAiB,EAAEG,cAAc,CAAC,CAAC;IAElG,oBACElC,KAAA,CAAAuB,aAAA;MAAKC,SAAS,EAAC;IAAoC,gBACjDxB,KAAA,CAAAuB,aAAA,CAACnB,eAAe,EAAAqB,QAAA,KACVN,YAAY;MAChB2B,QAAQ,EAAEF,YAAa;MACvB,eAAY;IAAuC,EACpD,CACE,CAAC;EAEV,CAAC;EACD;EACAG,aAAa,EAAE;AACjB,CAAC;AAED,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CACrBjC,YAAY,EACZkC,cAAc,EAGX;EAAA,IAFHC,iBAAiB,GAAAC,SAAA,CAAAT,MAAA,QAAAS,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,EAAE;EAAA,IACtBE,kBAAkB,GAAAF,SAAA,CAAAT,MAAA,QAAAS,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG5C,YAAY;EAEjC,IAAI+C,OAAO,GAAG,EAAE;EAChB,IAAIvC,YAAY,EAAE;IAChBuC,OAAO,CAACC,IAAI,CAACF,kBAAkB,CAAC;EAClC;EACAC,OAAO,GAAGA,OAAO,CAACE,MAAM,CAACP,cAAc,CAAC;EACxC,IAAIC,iBAAiB,CAACR,MAAM,GAAG,CAAC,EAAE;IAChCY,OAAO,GAAGA,OAAO,CAACE,MAAM,CAACN,iBAAiB,CAAC;EAC7C;EACA,OAAOI,OAAO;AAChB,CAAC;AAED,eAAeN,iBAAiB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["children", "className"];
|
|
2
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
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
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; }
|
|
@@ -8,18 +8,14 @@ import classNames from 'classnames';
|
|
|
8
8
|
// eslint-disable-next-line import/no-cycle
|
|
9
9
|
import { Consumer } from './index';
|
|
10
10
|
function DropdownButton(_ref) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
className
|
|
14
|
-
} = _ref,
|
|
11
|
+
var children = _ref.children,
|
|
12
|
+
className = _ref.className,
|
|
15
13
|
other = _objectWithoutProperties(_ref, _excluded);
|
|
16
|
-
return /*#__PURE__*/React.createElement(Consumer, null, _ref2
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
triggerId
|
|
22
|
-
} = _ref2;
|
|
14
|
+
return /*#__PURE__*/React.createElement(Consumer, null, function (_ref2) {
|
|
15
|
+
var buttonRef = _ref2.buttonRef,
|
|
16
|
+
isOpen = _ref2.isOpen,
|
|
17
|
+
toggle = _ref2.toggle,
|
|
18
|
+
triggerId = _ref2.triggerId;
|
|
23
19
|
return /*#__PURE__*/React.createElement("button", _extends({}, other, {
|
|
24
20
|
id: classNames(triggerId, other.id),
|
|
25
21
|
"aria-expanded": isOpen,
|
|
@@ -27,7 +23,7 @@ function DropdownButton(_ref) {
|
|
|
27
23
|
type: "button",
|
|
28
24
|
ref: buttonRef,
|
|
29
25
|
className: classNames('dropdown-toggle', 'btn', className),
|
|
30
|
-
onClick: e
|
|
26
|
+
onClick: function onClick(e) {
|
|
31
27
|
toggle(e);
|
|
32
28
|
if (other.onClick) {
|
|
33
29
|
other.onClick(e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.js","names":["React","PropTypes","classNames","Consumer","DropdownButton","_ref","children","className","other","_objectWithoutProperties","_excluded","createElement","_ref2","buttonRef","isOpen","toggle","triggerId","_extends","id","type","ref","onClick","e","propTypes","node","string","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownButton.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport { Consumer } from './index';\n\nfunction DropdownButton({ children, className, ...other }) {\n return (\n <Consumer>\n {({\n buttonRef,\n isOpen,\n toggle,\n triggerId,\n }) => (\n <button\n {...other}\n id={classNames(triggerId, other.id)}\n aria-expanded={isOpen}\n aria-haspopup\n type=\"button\"\n ref={buttonRef}\n className={classNames(\n 'dropdown-toggle',\n 'btn',\n className,\n )}\n onClick={(e) => {\n toggle(e);\n if (other.onClick) {\n other.onClick(e);\n }\n }}\n >\n {children}\n </button>\n )}\n </Consumer>\n );\n}\n\nDropdownButton.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownButton.defaultProps = {\n children: undefined,\n className: 'btn-light',\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC;AACA,SAASC,QAAQ,QAAQ,SAAS;AAElC,SAASC,cAAcA,CAAAC,IAAA,EAAoC;EAAA,
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","names":["React","PropTypes","classNames","Consumer","DropdownButton","_ref","children","className","other","_objectWithoutProperties","_excluded","createElement","_ref2","buttonRef","isOpen","toggle","triggerId","_extends","id","type","ref","onClick","e","propTypes","node","string","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownButton.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n// eslint-disable-next-line import/no-cycle\nimport { Consumer } from './index';\n\nfunction DropdownButton({ children, className, ...other }) {\n return (\n <Consumer>\n {({\n buttonRef,\n isOpen,\n toggle,\n triggerId,\n }) => (\n <button\n {...other}\n id={classNames(triggerId, other.id)}\n aria-expanded={isOpen}\n aria-haspopup\n type=\"button\"\n ref={buttonRef}\n className={classNames(\n 'dropdown-toggle',\n 'btn',\n className,\n )}\n onClick={(e) => {\n toggle(e);\n if (other.onClick) {\n other.onClick(e);\n }\n }}\n >\n {children}\n </button>\n )}\n </Consumer>\n );\n}\n\nDropdownButton.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownButton.defaultProps = {\n children: undefined,\n className: 'btn-light',\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC;AACA,SAASC,QAAQ,QAAQ,SAAS;AAElC,SAASC,cAAcA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrD,oBACEV,KAAA,CAAAW,aAAA,CAACR,QAAQ,QACN,UAAAS,KAAA;IAAA,IACCC,SAAS,GAAAD,KAAA,CAATC,SAAS;MACTC,MAAM,GAAAF,KAAA,CAANE,MAAM;MACNC,MAAM,GAAAH,KAAA,CAANG,MAAM;MACNC,SAAS,GAAAJ,KAAA,CAATI,SAAS;IAAA,oBAEThB,KAAA,CAAAW,aAAA,WAAAM,QAAA,KACMT,KAAK;MACTU,EAAE,EAAEhB,UAAU,CAACc,SAAS,EAAER,KAAK,CAACU,EAAE,CAAE;MACpC,iBAAeJ,MAAO;MACtB,qBAAa;MACbK,IAAI,EAAC,QAAQ;MACbC,GAAG,EAAEP,SAAU;MACfN,SAAS,EAAEL,UAAU,CACnB,iBAAiB,EACjB,KAAK,EACLK,SACF,CAAE;MACFc,OAAO,EAAE,SAAAA,QAACC,CAAC,EAAK;QACdP,MAAM,CAACO,CAAC,CAAC;QACT,IAAId,KAAK,CAACa,OAAO,EAAE;UACjBb,KAAK,CAACa,OAAO,CAACC,CAAC,CAAC;QAClB;MACF;IAAE,IAEDhB,QACK,CAAC;EAAA,CAEH,CAAC;AAEf;AAEAF,cAAc,CAACmB,SAAS,GAAG;EACzBjB,QAAQ,EAAEL,SAAS,CAACuB,IAAI;EACxBjB,SAAS,EAAEN,SAAS,CAACwB;AACvB,CAAC;AAEDrB,cAAc,CAACsB,YAAY,GAAG;EAC5BpB,QAAQ,EAAEqB,SAAS;EACnBpB,SAAS,EAAE;AACb,CAAC;AAED,eAAeH,cAAc"}
|
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["type", "children", "className"];
|
|
2
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
4
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return
|
|
6
|
-
function _toPrimitive(input, hint) { if (
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
8
|
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; }
|
|
8
9
|
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; }
|
|
9
10
|
import React from 'react';
|
|
10
11
|
import PropTypes from 'prop-types';
|
|
11
12
|
import classNames from 'classnames';
|
|
12
13
|
function DropdownItem(props) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
className
|
|
17
|
-
} = props,
|
|
14
|
+
var type = props.type,
|
|
15
|
+
children = props.children,
|
|
16
|
+
className = props.className,
|
|
18
17
|
other = _objectWithoutProperties(props, _excluded);
|
|
19
18
|
return /*#__PURE__*/React.createElement(type, _objectSpread(_objectSpread({}, other), {}, {
|
|
20
19
|
className: classNames('dropdown-item', className)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownItem.js","names":["React","PropTypes","classNames","DropdownItem","props","type","children","className","other","_objectWithoutProperties","_excluded","createElement","_objectSpread","propTypes","string","node","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownItem.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction DropdownItem(props) {\n const {\n type, children, className, ...other\n } = props;\n return React.createElement(\n type,\n {\n ...other,\n className: classNames(\n 'dropdown-item',\n className,\n ),\n },\n children,\n );\n}\n\nDropdownItem.propTypes = {\n type: PropTypes.string,\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownItem.defaultProps = {\n type: 'a',\n children: undefined,\n className: null,\n};\n\nexport default DropdownItem;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropdownItem.js","names":["React","PropTypes","classNames","DropdownItem","props","type","children","className","other","_objectWithoutProperties","_excluded","createElement","_objectSpread","propTypes","string","node","defaultProps","undefined"],"sources":["../../../src/Dropdown/deprecated/DropdownItem.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nfunction DropdownItem(props) {\n const {\n type, children, className, ...other\n } = props;\n return React.createElement(\n type,\n {\n ...other,\n className: classNames(\n 'dropdown-item',\n className,\n ),\n },\n children,\n );\n}\n\nDropdownItem.propTypes = {\n type: PropTypes.string,\n children: PropTypes.node,\n className: PropTypes.string,\n};\n\nDropdownItem.defaultProps = {\n type: 'a',\n children: undefined,\n className: null,\n};\n\nexport default DropdownItem;\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAYA,CAACC,KAAK,EAAE;EAC3B,IACEC,IAAI,GACFD,KAAK,CADPC,IAAI;IAAEC,QAAQ,GACZF,KAAK,CADDE,QAAQ;IAAEC,SAAS,GACvBH,KAAK,CADSG,SAAS;IAAKC,KAAK,GAAAC,wBAAA,CACjCL,KAAK,EAAAM,SAAA;EACT,oBAAOV,KAAK,CAACW,aAAa,CACxBN,IAAI,EAAAO,aAAA,CAAAA,aAAA,KAECJ,KAAK;IACRD,SAAS,EAAEL,UAAU,CACnB,eAAe,EACfK,SACF;EAAC,IAEHD,QACF,CAAC;AACH;AAEAH,YAAY,CAACU,SAAS,GAAG;EACvBR,IAAI,EAAEJ,SAAS,CAACa,MAAM;EACtBR,QAAQ,EAAEL,SAAS,CAACc,IAAI;EACxBR,SAAS,EAAEN,SAAS,CAACa;AACvB,CAAC;AAEDX,YAAY,CAACa,YAAY,GAAG;EAC1BX,IAAI,EAAE,GAAG;EACTC,QAAQ,EAAEW,SAAS;EACnBV,SAAS,EAAE;AACb,CAAC;AAED,eAAeJ,YAAY"}
|