@redhat-cloud-services/frontend-components 3.6.0 → 3.6.4
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/Ansible/Ansible.js +7 -12
- package/Ansible/Ansible.js.map +1 -1
- package/AsyncComponent/index.d.ts +11 -2
- package/AsyncComponent/index.js +4 -17
- package/AsyncComponent/index.js.map +1 -1
- package/Battery/Battery.d.ts +10 -20
- package/Battery/Battery.js +16 -16
- package/Battery/Battery.js.map +1 -1
- package/Battery/CriticalBattery.d.ts +2 -1
- package/Battery/CriticalBattery.js +1 -3
- package/Battery/CriticalBattery.js.map +1 -1
- package/Battery/HighBattery.d.ts +2 -1
- package/Battery/HighBattery.js +1 -3
- package/Battery/HighBattery.js.map +1 -1
- package/Battery/LowBattery.d.ts +2 -1
- package/Battery/LowBattery.js +1 -3
- package/Battery/LowBattery.js.map +1 -1
- package/Battery/MediumBattery.d.ts +2 -1
- package/Battery/MediumBattery.js +1 -3
- package/Battery/MediumBattery.js.map +1 -1
- package/Battery/NullBattery.d.ts +2 -1
- package/Battery/NullBattery.js +1 -3
- package/Battery/NullBattery.js.map +1 -1
- package/Battery/index.d.ts +7 -6
- package/Battery/index.js.map +1 -1
- package/Breadcrumbs/Breadcrumbs.js +5 -5
- package/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/Breadcrumbs/ConnectedBreadcrumbs.js +1 -3
- package/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
- package/BulkSelect/BulkSelect.d.ts +22 -38
- package/BulkSelect/BulkSelect.js +17 -74
- package/BulkSelect/BulkSelect.js.map +1 -1
- package/BulkSelect/index.d.ts +2 -1
- package/BulkSelect/index.js.map +1 -1
- package/ConditionalFilter/CheckboxFilter.js +15 -12
- package/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/ConditionalFilter/ConditionalFilter.js +39 -40
- package/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/ConditionalFilter/GroupFilter.d.ts +1 -1
- package/ConditionalFilter/GroupFilter.js +29 -38
- package/ConditionalFilter/GroupFilter.js.map +1 -1
- package/ConditionalFilter/RadioFilter.js +19 -18
- package/ConditionalFilter/RadioFilter.js.map +1 -1
- package/ConditionalFilter/TextFilter.js +4 -4
- package/ConditionalFilter/TextFilter.js.map +1 -1
- package/ConditionalFilter/conditionalFilterConstants.js +2 -2
- package/ConditionalFilter/conditionalFilterConstants.js.map +1 -1
- package/ConditionalFilter/groupFilterConstants.js +22 -19
- package/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/ConditionalFilter/groupType.js +1 -1
- package/ConditionalFilter/groupType.js.map +1 -1
- package/CullingInfo/CullingInformation.d.ts +17 -30
- package/CullingInfo/CullingInformation.js +17 -51
- package/CullingInfo/CullingInformation.js.map +1 -1
- package/CullingInfo/index.d.ts +2 -1
- package/CullingInfo/index.js.map +1 -1
- package/CullingInfo/utils.d.ts +12 -0
- package/CullingInfo/utils.js +26 -0
- package/CullingInfo/utils.js.map +1 -0
- package/Dark/Dark.js +1 -1
- package/Dark/Dark.js.map +1 -1
- package/DateFormat/DateFormat.js +2 -2
- package/DateFormat/DateFormat.js.map +1 -1
- package/DateFormat/helper.js +24 -18
- package/DateFormat/helper.js.map +1 -1
- package/DownloadButton/DownloadButton.d.ts +9 -23
- package/DownloadButton/DownloadButton.js +12 -61
- package/DownloadButton/DownloadButton.js.map +1 -1
- package/DownloadButton/index.d.ts +2 -1
- package/DownloadButton/index.js.map +1 -1
- package/EmptyTable/EmptyTable.js +2 -2
- package/EmptyTable/EmptyTable.js.map +1 -1
- package/ErrorState/DefaultErrorMessage.d.ts +1 -1
- package/ErrorState/DefaultErrorMessage.js.map +1 -1
- package/ErrorState/ErrorState.d.ts +8 -16
- package/ErrorState/ErrorState.js +8 -19
- package/ErrorState/ErrorState.js.map +1 -1
- package/ErrorState/index.d.ts +3 -2
- package/ErrorState/index.js.map +1 -1
- package/FilterChips/FilterChips.js +20 -20
- package/FilterChips/FilterChips.js.map +1 -1
- package/FilterHooks/constants.d.ts +68 -3
- package/FilterHooks/constants.js +32 -32
- package/FilterHooks/constants.js.map +1 -1
- package/FilterHooks/index.d.ts +3 -3
- package/FilterHooks/index.js.map +1 -1
- package/FilterHooks/tagFilterHook.d.ts +17 -42
- package/FilterHooks/tagFilterHook.js +27 -27
- package/FilterHooks/tagFilterHook.js.map +1 -1
- package/Filters/FilterDropdown.js +8 -11
- package/Filters/FilterDropdown.js.map +1 -1
- package/Filters/FilterInput.js +4 -5
- package/Filters/FilterInput.js.map +1 -1
- package/Input/Input.js +2 -2
- package/Input/Input.js.map +1 -1
- package/Input/LabeledInput.js +1 -1
- package/Input/LabeledInput.js.map +1 -1
- package/InsightsLabel/CriticalIcon.js +2 -2
- package/InsightsLabel/CriticalIcon.js.map +1 -1
- package/InsightsLabel/InsightsLabel.js +2 -2
- package/InsightsLabel/InsightsLabel.js.map +1 -1
- package/InvalidObject/InvalidObject.d.ts +3 -3
- package/InvalidObject/InvalidObject.js +2 -2
- package/InvalidObject/InvalidObject.js.map +1 -1
- package/InvalidObject/icon-404.d.ts +3 -1
- package/InvalidObject/icon-404.js +1 -1
- package/InvalidObject/icon-404.js.map +1 -1
- package/InvalidObject/index.d.ts +3 -2
- package/InvalidObject/index.js.map +1 -1
- package/Inventory/AppInfo.js +14 -6
- package/Inventory/AppInfo.js.map +1 -1
- package/Inventory/DetailWrapper.js +14 -6
- package/Inventory/DetailWrapper.js.map +1 -1
- package/Inventory/InventoryDetail.js +14 -6
- package/Inventory/InventoryDetail.js.map +1 -1
- package/Inventory/InventoryDetailHead.js +14 -6
- package/Inventory/InventoryDetailHead.js.map +1 -1
- package/Inventory/InventoryLoadError.d.ts +5 -10
- package/Inventory/InventoryLoadError.js +0 -7
- package/Inventory/InventoryLoadError.js.map +1 -1
- package/Inventory/InventoryTable.js +14 -6
- package/Inventory/InventoryTable.js.map +1 -1
- package/Inventory/TagWithDialog.js +14 -6
- package/Inventory/TagWithDialog.js.map +1 -1
- package/Inventory/index.d.ts +7 -7
- package/Inventory/index.js.map +1 -1
- package/LongTextTooltip/LongTextTooltip.js +2 -2
- package/LongTextTooltip/LongTextTooltip.js.map +1 -1
- package/Main/Main.d.ts +5 -4
- package/Main/Main.js +12 -12
- package/Main/Main.js.map +1 -1
- package/Maintenance/Maintenance.d.ts +14 -42
- package/Maintenance/Maintenance.js +20 -43
- package/Maintenance/Maintenance.js.map +1 -1
- package/Maintenance/index.d.ts +2 -1
- package/Maintenance/index.js.map +1 -1
- package/NotAuthorized/NotAuthorized.d.ts +15 -41
- package/NotAuthorized/NotAuthorized.js +5 -45
- package/NotAuthorized/NotAuthorized.js.map +1 -1
- package/NotAuthorized/index.d.ts +2 -1
- package/NotAuthorized/index.js.map +1 -1
- package/NotConnected/NotConnected.js +2 -2
- package/NotConnected/NotConnected.js.map +1 -1
- package/PageHeader/PageHeader.js +1 -1
- package/PageHeader/PageHeader.js.map +1 -1
- package/PageHeader/PageHeaderTitle.d.ts +1 -1
- package/PageHeader/PageHeaderTitle.js +1 -1
- package/PageHeader/PageHeaderTitle.js.map +1 -1
- package/Pagination/Pagination.js +4 -4
- package/Pagination/Pagination.js.map +1 -1
- package/Pagination/PaginationMenu.js +8 -7
- package/Pagination/PaginationMenu.js.map +1 -1
- package/Pagination/PaginationNav.js +4 -4
- package/Pagination/PaginationNav.js.map +1 -1
- package/Pagination/PaginationNext.js +2 -2
- package/Pagination/PaginationNext.js.map +1 -1
- package/PrimaryToolbar/Actions.d.ts +1 -6
- package/PrimaryToolbar/Actions.js +25 -28
- package/PrimaryToolbar/Actions.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.d.ts +2 -21
- package/PrimaryToolbar/PrimaryToolbar.js +29 -48
- package/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/PrimaryToolbar/SortBy.js +3 -5
- package/PrimaryToolbar/SortBy.js.map +1 -1
- package/Reboot/Reboot.js +1 -1
- package/Reboot/Reboot.js.map +1 -1
- package/Section/Section.js +2 -2
- package/Section/Section.js.map +1 -1
- package/Shield/Shield.d.ts +10 -26
- package/Shield/Shield.js +4 -22
- package/Shield/Shield.js.map +1 -1
- package/Shield/consts.d.ts +14 -15
- package/Shield/consts.js +14 -14
- package/Shield/consts.js.map +1 -1
- package/Shield/index.d.ts +3 -2
- package/Shield/index.js.map +1 -1
- package/SimpleTableFilter/SimpleTableFilter.js +13 -15
- package/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/Skeleton/Skeleton.js.map +1 -1
- package/SkeletonTable/SkeletonTable.js +14 -7
- package/SkeletonTable/SkeletonTable.js.map +1 -1
- package/Spinner/Spinner.js +1 -1
- package/Spinner/Spinner.js.map +1 -1
- package/TabLayout/TabLayout.js +5 -5
- package/TabLayout/TabLayout.js.map +1 -1
- package/TableToolbar/TableToolbar.js +13 -16
- package/TableToolbar/TableToolbar.js.map +1 -1
- package/TagCount/TagCount.d.ts +9 -18
- package/TagCount/TagCount.js +2 -12
- package/TagCount/TagCount.js.map +1 -1
- package/TagCount/index.d.ts +2 -1
- package/TagCount/index.js.map +1 -1
- package/TagModal/TableWithFilter.d.ts +1 -1
- package/TagModal/TableWithFilter.js +52 -39
- package/TagModal/TableWithFilter.js.map +1 -1
- package/TagModal/TagModal.js +16 -26
- package/TagModal/TagModal.js.map +1 -1
- package/TreeTable/decorator.d.ts +12 -6
- package/TreeTable/decorator.js +17 -14
- package/TreeTable/decorator.js.map +1 -1
- package/TreeTable/helpers.d.ts +16 -4
- package/TreeTable/helpers.js +3 -5
- package/TreeTable/helpers.js.map +1 -1
- package/TreeTable/index.d.ts +4 -3
- package/TreeTable/index.js.map +1 -1
- package/TreeTable/rowWrapper.d.ts +17 -16
- package/TreeTable/rowWrapper.js +3 -16
- package/TreeTable/rowWrapper.js.map +1 -1
- package/Truncate/Truncate.d.ts +1 -1
- package/Truncate/Truncate.js +10 -12
- package/Truncate/Truncate.js.map +1 -1
- package/Unavailable/Unavailable.js +6 -3
- package/Unavailable/Unavailable.js.map +1 -1
- package/Wizard/Wizard.js +11 -11
- package/Wizard/Wizard.js.map +1 -1
- package/esm/Ansible/Ansible.js +7 -12
- package/esm/Ansible/Ansible.js.map +1 -1
- package/esm/AsyncComponent/index.js +4 -17
- package/esm/AsyncComponent/index.js.map +1 -1
- package/esm/Battery/Battery.js +16 -16
- package/esm/Battery/Battery.js.map +1 -1
- package/esm/Battery/CriticalBattery.js +1 -3
- package/esm/Battery/CriticalBattery.js.map +1 -1
- package/esm/Battery/HighBattery.js +1 -3
- package/esm/Battery/HighBattery.js.map +1 -1
- package/esm/Battery/LowBattery.js +1 -3
- package/esm/Battery/LowBattery.js.map +1 -1
- package/esm/Battery/MediumBattery.js +1 -3
- package/esm/Battery/MediumBattery.js.map +1 -1
- package/esm/Battery/NullBattery.js +1 -3
- package/esm/Battery/NullBattery.js.map +1 -1
- package/esm/Battery/index.js.map +1 -1
- package/esm/Breadcrumbs/Breadcrumbs.js +5 -5
- package/esm/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/Breadcrumbs/ConnectedBreadcrumbs.js +1 -3
- package/esm/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
- package/esm/BulkSelect/BulkSelect.js +19 -76
- package/esm/BulkSelect/BulkSelect.js.map +1 -1
- package/esm/BulkSelect/index.js.map +1 -1
- package/esm/ConditionalFilter/CheckboxFilter.js +15 -12
- package/esm/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.js +39 -40
- package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/esm/ConditionalFilter/GroupFilter.js +30 -39
- package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
- package/esm/ConditionalFilter/RadioFilter.js +19 -18
- package/esm/ConditionalFilter/RadioFilter.js.map +1 -1
- package/esm/ConditionalFilter/TextFilter.js +4 -4
- package/esm/ConditionalFilter/TextFilter.js.map +1 -1
- package/esm/ConditionalFilter/conditionalFilterConstants.js +2 -2
- package/esm/ConditionalFilter/conditionalFilterConstants.js.map +1 -1
- package/esm/ConditionalFilter/groupFilterConstants.js +22 -19
- package/esm/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/esm/ConditionalFilter/groupType.js +1 -1
- package/esm/ConditionalFilter/groupType.js.map +1 -1
- package/esm/CullingInfo/CullingInformation.js +17 -51
- package/esm/CullingInfo/CullingInformation.js.map +1 -1
- package/esm/CullingInfo/index.js.map +1 -1
- package/esm/CullingInfo/utils.js +22 -0
- package/esm/CullingInfo/utils.js.map +1 -0
- package/esm/Dark/Dark.js +1 -1
- package/esm/Dark/Dark.js.map +1 -1
- package/esm/DateFormat/DateFormat.js +2 -2
- package/esm/DateFormat/DateFormat.js.map +1 -1
- package/esm/DateFormat/helper.js +24 -18
- package/esm/DateFormat/helper.js.map +1 -1
- package/esm/DownloadButton/DownloadButton.js +13 -59
- package/esm/DownloadButton/DownloadButton.js.map +1 -1
- package/esm/DownloadButton/index.js.map +1 -1
- package/esm/EmptyTable/EmptyTable.js +2 -2
- package/esm/EmptyTable/EmptyTable.js.map +1 -1
- package/esm/ErrorState/DefaultErrorMessage.js.map +1 -1
- package/esm/ErrorState/ErrorState.js +6 -17
- package/esm/ErrorState/ErrorState.js.map +1 -1
- package/esm/ErrorState/index.js.map +1 -1
- package/esm/FilterChips/FilterChips.js +20 -20
- package/esm/FilterChips/FilterChips.js.map +1 -1
- package/esm/FilterHooks/constants.js +30 -30
- package/esm/FilterHooks/constants.js.map +1 -1
- package/esm/FilterHooks/index.js.map +1 -1
- package/esm/FilterHooks/tagFilterHook.js +27 -27
- package/esm/FilterHooks/tagFilterHook.js.map +1 -1
- package/esm/Filters/FilterDropdown.js +8 -11
- package/esm/Filters/FilterDropdown.js.map +1 -1
- package/esm/Filters/FilterInput.js +4 -5
- package/esm/Filters/FilterInput.js.map +1 -1
- package/esm/Input/Input.js +2 -2
- package/esm/Input/Input.js.map +1 -1
- package/esm/Input/LabeledInput.js +1 -1
- package/esm/Input/LabeledInput.js.map +1 -1
- package/esm/InsightsLabel/CriticalIcon.js +2 -2
- package/esm/InsightsLabel/CriticalIcon.js.map +1 -1
- package/esm/InsightsLabel/InsightsLabel.js +2 -2
- package/esm/InsightsLabel/InsightsLabel.js.map +1 -1
- package/esm/InvalidObject/InvalidObject.js +2 -2
- package/esm/InvalidObject/InvalidObject.js.map +1 -1
- package/esm/InvalidObject/icon-404.js +1 -1
- package/esm/InvalidObject/icon-404.js.map +1 -1
- package/esm/InvalidObject/index.js.map +1 -1
- package/esm/Inventory/AppInfo.js +14 -6
- package/esm/Inventory/AppInfo.js.map +1 -1
- package/esm/Inventory/DetailWrapper.js +14 -6
- package/esm/Inventory/DetailWrapper.js.map +1 -1
- package/esm/Inventory/InventoryDetail.js +14 -6
- package/esm/Inventory/InventoryDetail.js.map +1 -1
- package/esm/Inventory/InventoryDetailHead.js +14 -6
- package/esm/Inventory/InventoryDetailHead.js.map +1 -1
- package/esm/Inventory/InventoryLoadError.js +0 -4
- package/esm/Inventory/InventoryLoadError.js.map +1 -1
- package/esm/Inventory/InventoryTable.js +14 -6
- package/esm/Inventory/InventoryTable.js.map +1 -1
- package/esm/Inventory/TagWithDialog.js +14 -6
- package/esm/Inventory/TagWithDialog.js.map +1 -1
- package/esm/Inventory/index.js.map +1 -1
- package/esm/LongTextTooltip/LongTextTooltip.js +2 -2
- package/esm/LongTextTooltip/LongTextTooltip.js.map +1 -1
- package/esm/Main/Main.js +10 -10
- package/esm/Main/Main.js.map +1 -1
- package/esm/Maintenance/Maintenance.js +20 -43
- package/esm/Maintenance/Maintenance.js.map +1 -1
- package/esm/Maintenance/index.js.map +1 -1
- package/esm/NotAuthorized/NotAuthorized.js +5 -45
- package/esm/NotAuthorized/NotAuthorized.js.map +1 -1
- package/esm/NotAuthorized/index.js.map +1 -1
- package/esm/NotConnected/NotConnected.js +2 -2
- package/esm/NotConnected/NotConnected.js.map +1 -1
- package/esm/PageHeader/PageHeader.js +1 -1
- package/esm/PageHeader/PageHeader.js.map +1 -1
- package/esm/PageHeader/PageHeaderTitle.js +1 -1
- package/esm/PageHeader/PageHeaderTitle.js.map +1 -1
- package/esm/Pagination/Pagination.js +4 -4
- package/esm/Pagination/Pagination.js.map +1 -1
- package/esm/Pagination/PaginationMenu.js +8 -7
- package/esm/Pagination/PaginationMenu.js.map +1 -1
- package/esm/Pagination/PaginationNav.js +4 -4
- package/esm/Pagination/PaginationNav.js.map +1 -1
- package/esm/Pagination/PaginationNext.js +2 -2
- package/esm/Pagination/PaginationNext.js.map +1 -1
- package/esm/PrimaryToolbar/Actions.js +25 -28
- package/esm/PrimaryToolbar/Actions.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.js +29 -48
- package/esm/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/esm/PrimaryToolbar/SortBy.js +3 -5
- package/esm/PrimaryToolbar/SortBy.js.map +1 -1
- package/esm/Reboot/Reboot.js +1 -1
- package/esm/Reboot/Reboot.js.map +1 -1
- package/esm/Section/Section.js +2 -2
- package/esm/Section/Section.js.map +1 -1
- package/esm/Shield/Shield.js +4 -22
- package/esm/Shield/Shield.js.map +1 -1
- package/esm/Shield/consts.js +14 -14
- package/esm/Shield/consts.js.map +1 -1
- package/esm/Shield/index.js.map +1 -1
- package/esm/SimpleTableFilter/SimpleTableFilter.js +13 -15
- package/esm/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/esm/Skeleton/Skeleton.js.map +1 -1
- package/esm/SkeletonTable/SkeletonTable.js +14 -7
- package/esm/SkeletonTable/SkeletonTable.js.map +1 -1
- package/esm/Spinner/Spinner.js +1 -1
- package/esm/Spinner/Spinner.js.map +1 -1
- package/esm/TabLayout/TabLayout.js +5 -5
- package/esm/TabLayout/TabLayout.js.map +1 -1
- package/esm/TableToolbar/TableToolbar.js +13 -16
- package/esm/TableToolbar/TableToolbar.js.map +1 -1
- package/esm/TagCount/TagCount.js +2 -12
- package/esm/TagCount/TagCount.js.map +1 -1
- package/esm/TagCount/index.js.map +1 -1
- package/esm/TagModal/TableWithFilter.js +52 -39
- package/esm/TagModal/TableWithFilter.js.map +1 -1
- package/esm/TagModal/TagModal.js +16 -26
- package/esm/TagModal/TagModal.js.map +1 -1
- package/esm/TreeTable/decorator.js +17 -14
- package/esm/TreeTable/decorator.js.map +1 -1
- package/esm/TreeTable/helpers.js +3 -5
- package/esm/TreeTable/helpers.js.map +1 -1
- package/esm/TreeTable/index.js.map +1 -1
- package/esm/TreeTable/rowWrapper.js +3 -16
- package/esm/TreeTable/rowWrapper.js.map +1 -1
- package/esm/Truncate/Truncate.js +10 -12
- package/esm/Truncate/Truncate.js.map +1 -1
- package/esm/Unavailable/Unavailable.js +6 -3
- package/esm/Unavailable/Unavailable.js.map +1 -1
- package/esm/Wizard/Wizard.js +11 -11
- package/esm/Wizard/Wizard.js.map +1 -1
- package/esm/useChrome/index.js.map +1 -1
- package/esm/useChrome/useChrome.js.map +1 -1
- package/esm/usePendoFeedback/index.js.map +1 -1
- package/esm/usePendoFeedback/usePendoFeedback.js.map +1 -1
- package/esm/useScreenSize/breakpoints.js +1 -1
- package/esm/useScreenSize/breakpoints.js.map +1 -1
- package/esm/useScreenSize/getVariant.js.map +1 -1
- package/esm/useScreenSize/index.js.map +1 -1
- package/esm/useScreenSize/isSmallScreen.js.map +1 -1
- package/esm/useScreenSize/useScreenSize.js.map +1 -1
- package/package.json +2 -2
- package/useChrome/index.d.ts +2 -1
- package/useChrome/index.js.map +1 -1
- package/useChrome/useChrome.d.ts +129 -1
- package/useChrome/useChrome.js.map +1 -1
- package/usePendoFeedback/index.d.ts +2 -1
- package/usePendoFeedback/index.js.map +1 -1
- package/usePendoFeedback/usePendoFeedback.d.ts +1 -1
- package/usePendoFeedback/usePendoFeedback.js.map +1 -1
- package/useScreenSize/breakpoints.d.ts +1 -1
- package/useScreenSize/breakpoints.js +1 -1
- package/useScreenSize/breakpoints.js.map +1 -1
- package/useScreenSize/getVariant.d.ts +1 -1
- package/useScreenSize/getVariant.js.map +1 -1
- package/useScreenSize/index.d.ts +5 -4
- package/useScreenSize/index.js.map +1 -1
- package/useScreenSize/isSmallScreen.d.ts +2 -1
- package/useScreenSize/isSmallScreen.js.map +1 -1
- package/useScreenSize/useScreenSize.d.ts +1 -1
- package/useScreenSize/useScreenSize.js.map +1 -1
package/BulkSelect/BulkSelect.js
CHANGED
|
@@ -1,19 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
var __assign = (this && this.__assign) || function () {
|
|
18
3
|
__assign = Object.assign || function(t) {
|
|
19
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -69,70 +54,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
69
54
|
};
|
|
70
55
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
71
56
|
var react_1 = __importStar(require("react"));
|
|
72
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
73
57
|
var classnames_1 = __importDefault(require("classnames"));
|
|
74
58
|
var react_core_1 = require("@patternfly/react-core");
|
|
75
59
|
var react_core_2 = require("@patternfly/react-core/");
|
|
76
60
|
require("./bulk-select.css");
|
|
77
|
-
var BulkSelect =
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
_this.onToggle = function (isOpen) {
|
|
92
|
-
_this.setState({
|
|
93
|
-
isOpen: isOpen
|
|
94
|
-
});
|
|
95
|
-
};
|
|
96
|
-
return _this;
|
|
97
|
-
}
|
|
98
|
-
BulkSelect.prototype.render = function () {
|
|
99
|
-
var _this = this;
|
|
100
|
-
var _a = this.state, isOpen = _a.isOpen, hasError = _a.hasError;
|
|
101
|
-
var _b = this.props, id = _b.id, isDisabled = _b.isDisabled, items = _b.items, onSelect = _b.onSelect, checked = _b.checked, toggleProps = _b.toggleProps, count = _b.count, className = _b.className, ouiaId = _b.ouiaId, ouiaSafe = _b.ouiaSafe, props = __rest(_b, ["id", "isDisabled", "items", "onSelect", "checked", "toggleProps", "count", "className", "ouiaId", "ouiaSafe"]);
|
|
102
|
-
var ouiaFinalId = ouiaId !== undefined ? ouiaId : this.state.ouiaStateId;
|
|
103
|
-
return (react_1.default.createElement(react_1.Fragment, null, items && items.length > 0 ? react_1.default.createElement(react_core_1.Dropdown, __assign({ onSelect: function () { return _this.onToggle(false); } }, props, { className: (0, classnames_1.default)(className, 'ins-c-bulk-select'), ouiaId: ouiaFinalId, ouiaSafe: ouiaSafe, toggle: (react_1.default.createElement(react_core_1.DropdownToggle, __assign({}, toggleProps, { isDisabled: isDisabled, ouiaId: ouiaFinalId, splitButtonItems: [
|
|
104
|
-
react_1.default.createElement(react_1.Fragment, { key: "split-checkbox" }, hasError ? react_1.default.createElement(react_core_1.DropdownToggleCheckbox, { id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox', "aria-label": "Select all", onChange: onSelect, checked: checked, ouiaId: ouiaFinalId }) :
|
|
105
|
-
react_1.default.createElement(react_core_1.DropdownToggleCheckbox, { id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox', "aria-label": "Select all", onChange: onSelect, isChecked: checked, ouiaId: ouiaFinalId }, count ? "".concat(count, " selected") : ''))
|
|
106
|
-
], onToggle: this.onToggle }))), isOpen: isOpen, dropdownItems: __spreadArray(__spreadArray([], count !== undefined && count > 0 ? [
|
|
107
|
-
react_1.default.createElement(react_core_1.DropdownItem, { key: "count", isDisabled: true, className: !hasError ? 'ins-c-bulk-select__selected' : '' },
|
|
61
|
+
var BulkSelect = function (_a) {
|
|
62
|
+
var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.items, items = _c === void 0 ? [] : _c, _d = _a.onSelect, onSelect = _d === void 0 ? function () { return undefined; } : _d, _e = _a.checked, checked = _e === void 0 ? false : _e, toggleProps = _a.toggleProps, count = _a.count, _f = _a.className, className = _f === void 0 ? '' : _f, ouiaId = _a.ouiaId, _g = _a.ouiaSafe, ouiaSafe = _g === void 0 ? true : _g, props = __rest(_a, ["id", "isDisabled", "items", "onSelect", "checked", "toggleProps", "count", "className", "ouiaId", "ouiaSafe"]);
|
|
63
|
+
var _h = (0, react_1.useState)(false), isOpen = _h[0], setIsOpen = _h[1];
|
|
64
|
+
var hasError = (0, react_1.useRef)(false).current;
|
|
65
|
+
var ouiaStateId = (0, react_1.useRef)((0, react_core_2.getDefaultOUIAId)('RHI/BulkSelect')).current;
|
|
66
|
+
var onToggle = function (isOpen) { return setIsOpen(isOpen); };
|
|
67
|
+
var ouiaFinalId = ouiaId !== undefined ? ouiaId : ouiaStateId;
|
|
68
|
+
return (react_1.default.createElement(react_1.Fragment, null, items && items.length > 0 ? (react_1.default.createElement(react_core_1.Dropdown, __assign({ onSelect: function () { return onToggle(false); } }, props, { className: (0, classnames_1.default)(className, 'ins-c-bulk-select'), ouiaId: ouiaFinalId, ouiaSafe: ouiaSafe, toggle: react_1.default.createElement(react_core_1.DropdownToggle, __assign({}, toggleProps, { isDisabled: isDisabled, ouiaId: ouiaFinalId, splitButtonItems: [
|
|
69
|
+
react_1.default.createElement(react_1.Fragment, { key: "split-checkbox" }, hasError ? (react_1.default.createElement(react_core_1.DropdownToggleCheckbox, { id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox', "aria-label": "Select all", onChange: onSelect, checked: checked, ouiaId: ouiaFinalId })) : (react_1.default.createElement(react_core_1.DropdownToggleCheckbox, { id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox', "aria-label": "Select all", onChange: onSelect, isChecked: checked, ouiaId: ouiaFinalId }, count ? "".concat(count, " selected") : ''))),
|
|
70
|
+
], onToggle: onToggle })), isOpen: isOpen, dropdownItems: __spreadArray(__spreadArray([], (count !== undefined && count > 0
|
|
71
|
+
? [
|
|
72
|
+
react_1.default.createElement(react_core_1.DropdownItem, { key: "count", isDisabled: true, className: (0, classnames_1.default)({
|
|
73
|
+
'ins-c-bulk-select__selected': !hasError,
|
|
74
|
+
}) },
|
|
108
75
|
count,
|
|
109
|
-
" Selected")
|
|
110
|
-
]
|
|
111
|
-
|
|
112
|
-
return BulkSelect;
|
|
113
|
-
}(react_1.Component));
|
|
114
|
-
BulkSelect.propTypes = {
|
|
115
|
-
count: prop_types_1.default.number,
|
|
116
|
-
className: prop_types_1.default.string,
|
|
117
|
-
items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
118
|
-
title: prop_types_1.default.string,
|
|
119
|
-
onClick: prop_types_1.default.func
|
|
120
|
-
})),
|
|
121
|
-
checked: prop_types_1.default.bool,
|
|
122
|
-
id: prop_types_1.default.string,
|
|
123
|
-
onSelect: prop_types_1.default.func,
|
|
124
|
-
toggleProps: prop_types_1.default.any,
|
|
125
|
-
isDisabled: prop_types_1.default.bool,
|
|
126
|
-
ouiaId: prop_types_1.default.string,
|
|
127
|
-
ouiaSafe: prop_types_1.default.bool
|
|
128
|
-
};
|
|
129
|
-
BulkSelect.defaultProps = {
|
|
130
|
-
className: '',
|
|
131
|
-
isDisabled: false,
|
|
132
|
-
items: [],
|
|
133
|
-
checked: false,
|
|
134
|
-
onSelect: function () { return undefined; },
|
|
135
|
-
ouiaSafe: true
|
|
76
|
+
" Selected"),
|
|
77
|
+
]
|
|
78
|
+
: []), true), items.map(function (oneItem, key) { return (react_1.default.createElement(react_core_1.DropdownItem, __assign({ component: "button", key: oneItem.key || key, ouiaId: "".concat(ouiaFinalId, "-").concat(oneItem.key || key), onClick: function (event) { return oneItem.onClick && oneItem.onClick(event, oneItem, key); } }, oneItem === null || oneItem === void 0 ? void 0 : oneItem.props), oneItem.title)); }), true) }))) : (react_1.default.createElement(react_core_1.Checkbox, __assign({}, props, { className: (0, classnames_1.default)(className, 'ins-c-bulk-select'), id: "".concat(id, "-checkbox"), isChecked: checked, onChange: onSelect })))));
|
|
136
79
|
};
|
|
137
80
|
exports.default = BulkSelect;
|
|
138
81
|
//# sourceMappingURL=BulkSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BulkSelect.js","sourceRoot":"","sources":["../src/BulkSelect/BulkSelect.
|
|
1
|
+
{"version":3,"file":"BulkSelect.js","sourceRoot":"","sources":["../src/BulkSelect/BulkSelect.tsx"],"names":[],"mappings":"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"}
|
package/BulkSelect/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default
|
|
1
|
+
export { default } from './BulkSelect';
|
|
2
|
+
export { default as BulkSelect } from './BulkSelect';
|
package/BulkSelect/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/BulkSelect/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/BulkSelect/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,2CAAqD;AAA5C,yHAAA,OAAO,OAAc"}
|
|
@@ -79,17 +79,17 @@ var CheckboxFilter = (function (_super) {
|
|
|
79
79
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
80
80
|
_this.state = {
|
|
81
81
|
isExpanded: false,
|
|
82
|
-
selected: []
|
|
82
|
+
selected: [],
|
|
83
83
|
};
|
|
84
84
|
_this.onToggle = function (isExpanded) {
|
|
85
85
|
_this.setState({
|
|
86
|
-
isExpanded: isExpanded
|
|
86
|
+
isExpanded: isExpanded,
|
|
87
87
|
});
|
|
88
88
|
};
|
|
89
89
|
_this.calculateSelected = function () {
|
|
90
90
|
var selected = _this.state.selected;
|
|
91
91
|
var value = _this.props.value;
|
|
92
|
-
return Array.from(new Set(__spreadArray(__spreadArray([], (value && value.length > 0 && value.constructor === Array
|
|
92
|
+
return Array.from(new Set(__spreadArray(__spreadArray([], (value && value.length > 0 && value.constructor === Array ? value.map(function (item) { return item.value || item; }) : []), true), selected, true)));
|
|
93
93
|
};
|
|
94
94
|
_this.onSelect = function (event, selection) {
|
|
95
95
|
var onChange = _this.props.onChange;
|
|
@@ -110,41 +110,44 @@ var CheckboxFilter = (function (_super) {
|
|
|
110
110
|
var value = this.props.value;
|
|
111
111
|
if (!(0, isEqual_1.default)(prevSelected, value)) {
|
|
112
112
|
this.setState({
|
|
113
|
-
selected: value
|
|
113
|
+
selected: value,
|
|
114
114
|
});
|
|
115
115
|
}
|
|
116
116
|
};
|
|
117
117
|
CheckboxFilter.prototype.render = function () {
|
|
118
118
|
var isExpanded = this.state.isExpanded;
|
|
119
119
|
var _a = this.props, items = _a.items, placeholder = _a.placeholder, isDisabled = _a.isDisabled, className = _a.className;
|
|
120
|
-
return (react_1.default.createElement(react_1.Fragment, null, !items || (items && items.length <= 0) ? react_1.default.createElement(TextFilter_1.default, __assign({}, this.props, { value: "".concat(this.calculateSelected()) })) : react_1.default.createElement(react_core_1.Select, { className: className, variant: react_core_1.SelectVariant.checkbox, "aria-label": "Select Input", onToggle: this.onToggle, isDisabled: isDisabled, onSelect: this.onSelect, selections: this.calculateSelected(), isOpen: isExpanded, placeholderText: placeholder, ouiaId: placeholder }, items.map(function (_a, key) {
|
|
120
|
+
return (react_1.default.createElement(react_1.Fragment, null, !items || (items && items.length <= 0) ? (react_1.default.createElement(TextFilter_1.default, __assign({}, this.props, { value: "".concat(this.calculateSelected()) }))) : (react_1.default.createElement(react_core_1.Select, { className: className, variant: react_core_1.SelectVariant.checkbox, "aria-label": "Select Input", onToggle: this.onToggle, isDisabled: isDisabled, onSelect: this.onSelect, selections: this.calculateSelected(), isOpen: isExpanded, placeholderText: placeholder, ouiaId: placeholder }, items.map(function (_a, key) {
|
|
121
121
|
var value = _a.value, onClick = _a.onClick, label = _a.label, id = _a.id, item = __rest(_a, ["value", "onClick", "label", "id"]);
|
|
122
122
|
return (react_1.default.createElement(react_core_1.SelectOption, __assign({}, item, { key: id || key, value: String(value || id || key), onClick: function (e) { return onClick && onClick(e, __assign({ value: value, label: label, id: id }, item), key); } }), label));
|
|
123
|
-
}))));
|
|
123
|
+
})))));
|
|
124
124
|
};
|
|
125
125
|
return CheckboxFilter;
|
|
126
126
|
}(react_1.Component));
|
|
127
127
|
CheckboxFilter.propTypes = {
|
|
128
128
|
onChange: prop_types_1.default.func,
|
|
129
|
-
value: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([
|
|
129
|
+
value: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([
|
|
130
|
+
prop_types_1.default.string,
|
|
131
|
+
prop_types_1.default.shape({
|
|
130
132
|
label: prop_types_1.default.node,
|
|
131
|
-
value: prop_types_1.default.string
|
|
132
|
-
})
|
|
133
|
+
value: prop_types_1.default.string,
|
|
134
|
+
}),
|
|
135
|
+
])),
|
|
133
136
|
placeholder: prop_types_1.default.string,
|
|
134
137
|
items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
135
138
|
value: prop_types_1.default.string,
|
|
136
139
|
label: prop_types_1.default.node,
|
|
137
140
|
id: prop_types_1.default.string,
|
|
138
|
-
onClick: prop_types_1.default.func
|
|
141
|
+
onClick: prop_types_1.default.func,
|
|
139
142
|
})),
|
|
140
143
|
isDisabled: prop_types_1.default.bool,
|
|
141
|
-
className: prop_types_1.default.string
|
|
144
|
+
className: prop_types_1.default.string,
|
|
142
145
|
};
|
|
143
146
|
CheckboxFilter.defaultProps = {
|
|
144
147
|
items: [],
|
|
145
148
|
value: [],
|
|
146
149
|
onChange: function () { return undefined; },
|
|
147
|
-
isDisabled: false
|
|
150
|
+
isDisabled: false,
|
|
148
151
|
};
|
|
149
152
|
exports.default = CheckboxFilter;
|
|
150
153
|
//# sourceMappingURL=CheckboxFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/CheckboxFilter.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AACnD,0DAAmC;AACnC,qDAA6E;AAC7E,4DAAgC;AAChC,2DAAqC;AAMrC;IAA6B,kCAAS;IAAtC;QAAA,
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/CheckboxFilter.js"],"names":[],"mappings":"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"}
|
|
@@ -80,23 +80,25 @@ var ConditionalFilter = (function (_super) {
|
|
|
80
80
|
_this = _super.call(this, props) || this;
|
|
81
81
|
_this.dropdownToggle = function (isOpen) {
|
|
82
82
|
_this.setState({
|
|
83
|
-
isOpen: isOpen
|
|
83
|
+
isOpen: isOpen,
|
|
84
84
|
});
|
|
85
85
|
};
|
|
86
86
|
_this.onChange = function (_e, value) {
|
|
87
87
|
_this.setState({
|
|
88
|
-
stateValue: value
|
|
88
|
+
stateValue: value,
|
|
89
89
|
});
|
|
90
90
|
};
|
|
91
|
-
_this.getWrapper = function () {
|
|
92
|
-
|
|
93
|
-
|
|
91
|
+
_this.getWrapper = function () {
|
|
92
|
+
return _this.props.useMobileLayout && _this.state.isMobile
|
|
93
|
+
? function (props) { return react_1.default.createElement(react_core_1.ToolbarToggleGroup, __assign({}, props, { breakpoint: "md", toggleIcon: react_1.default.createElement(react_icons_1.FilterIcon, null) })); }
|
|
94
|
+
: react_2.Fragment;
|
|
95
|
+
};
|
|
94
96
|
_this.updateFilterViewport = function (width) { return width <= _this.breakpointConstant; };
|
|
95
97
|
_this.breakpointConstant = parseInt(global_breakpoint_md_1.default.value.replace('px', ''));
|
|
96
98
|
_this.state = {
|
|
97
99
|
isOpen: false,
|
|
98
100
|
stateValue: undefined,
|
|
99
|
-
isMobile: _this.updateFilterViewport(window.innerWidth)
|
|
101
|
+
isMobile: _this.updateFilterViewport(window.innerWidth),
|
|
100
102
|
};
|
|
101
103
|
return _this;
|
|
102
104
|
}
|
|
@@ -116,8 +118,7 @@ var ConditionalFilter = (function (_super) {
|
|
|
116
118
|
var _a = this.props, items = _a.items, value = _a.value, onChange = _a.onChange, placeholder = _a.placeholder, hideLabel = _a.hideLabel, isDisabled = _a.isDisabled, useMobileLayout = _a.useMobileLayout, props = __rest(_a, ["items", "value", "onChange", "placeholder", "hideLabel", "isDisabled", "useMobileLayout"]);
|
|
117
119
|
var _b = this.state, isOpen = _b.isOpen, stateValue = _b.stateValue, isMobile = _b.isMobile;
|
|
118
120
|
var currentValue = onChange ? value : stateValue;
|
|
119
|
-
var activeItem = items && items.length && (items.find(function (item, key) { return item.value === currentValue || key === currentValue; }) ||
|
|
120
|
-
items[0]);
|
|
121
|
+
var activeItem = items && items.length && (items.find(function (item, key) { return item.value === currentValue || key === currentValue; }) || items[0]);
|
|
121
122
|
var onChangeCallback = onChange || this.onChange;
|
|
122
123
|
var ActiveComponent = activeItem && (conditionalFilterConstants_1.typeMapper[activeItem.type] || conditionalFilterConstants_1.typeMapper.text);
|
|
123
124
|
var capitalize = function (string) { return string[0].toUpperCase() + string.substring(1); };
|
|
@@ -127,60 +128,58 @@ var ConditionalFilter = (function (_super) {
|
|
|
127
128
|
useMobileLayout && isMobile && (react_1.default.createElement(react_core_1.ToolbarGroup, { className: "ins-c-conditional-filter mobile" }, items.map(function (activeItem, key) {
|
|
128
129
|
var ActiveComponent = activeItem && (conditionalFilterConstants_1.typeMapper[activeItem.type] || conditionalFilterConstants_1.typeMapper.text);
|
|
129
130
|
return (react_1.default.createElement(react_core_1.ToolbarItem, { key: key },
|
|
130
|
-
react_1.default.createElement(ActiveComponent, __assign({}, activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom &&
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
}, activeItem.filterValues))));
|
|
131
|
+
react_1.default.createElement(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom && {
|
|
132
|
+
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
133
|
+
id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue,
|
|
134
|
+
}), activeItem.filterValues))));
|
|
135
135
|
}))),
|
|
136
|
-
!shouldRenderNewLayout && (react_1.default.createElement(react_2.Fragment, null, !items || (items && items.length <= 0) ?
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
react_1.default.createElement(ActiveComponent, __assign({}, activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom && {
|
|
152
|
-
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
153
|
-
id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue
|
|
154
|
-
}, activeItem.filterValues))))))));
|
|
136
|
+
!shouldRenderNewLayout && (react_1.default.createElement(react_2.Fragment, null, !items || (items && items.length <= 0) ? (react_1.default.createElement("div", { className: (0, classnames_1.default)('ins-c-conditional-filter', {
|
|
137
|
+
desktop: useMobileLayout,
|
|
138
|
+
}) },
|
|
139
|
+
react_1.default.createElement(TextFilter_1.default, __assign({}, props, { value: currentValue, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, "widget-type": "InsightsInput" })))) : (react_1.default.createElement(react_core_1.Split, { className: (0, classnames_1.default)('ins-c-conditional-filter', {
|
|
140
|
+
desktop: useMobileLayout,
|
|
141
|
+
}) },
|
|
142
|
+
items.length > 1 && (react_1.default.createElement(react_core_1.SplitItem, null,
|
|
143
|
+
react_1.default.createElement(react_core_1.Dropdown, { className: "ins-c-conditional-filter__group", onSelect: function () { return _this.dropdownToggle(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", toggle: react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: this.dropdownToggle, isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__no-label' : '', ouiaId: "ConditionalFilter" },
|
|
144
|
+
react_1.default.createElement(react_icons_1.FilterIcon, { size: "sm" }),
|
|
145
|
+
!hideLabel && (react_1.default.createElement("span", { className: "ins-c-conditional-filter__value-selector" }, activeItem && capitalize(activeItem.label)))), dropdownItems: items.map(function (item, key) { return (react_1.default.createElement(react_core_1.DropdownItem, { key: item.id ? "".concat(item.id, "-dropdown") : key, component: "button", ouiaId: item.label, onClick: function (e) { return onChangeCallback(e, item.value || key, item); }, isHovered: activeItem.label === item.label }, capitalize(item.label))); }) }))),
|
|
146
|
+
ActiveComponent && (react_1.default.createElement(react_core_1.SplitItem, { isFilled: true },
|
|
147
|
+
react_1.default.createElement(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom && {
|
|
148
|
+
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
149
|
+
id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue,
|
|
150
|
+
}), activeItem.filterValues))))))))));
|
|
155
151
|
};
|
|
156
152
|
return ConditionalFilter;
|
|
157
153
|
}(react_1.Component));
|
|
158
154
|
var TextInputProps = {
|
|
159
155
|
value: prop_types_1.default.string,
|
|
160
156
|
placeholder: prop_types_1.default.string,
|
|
161
|
-
onChange: prop_types_1.default.func
|
|
157
|
+
onChange: prop_types_1.default.func,
|
|
162
158
|
};
|
|
163
159
|
ConditionalFilter.propTypes = __assign(__assign({ hideLabel: prop_types_1.default.bool, items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
164
160
|
id: prop_types_1.default.string,
|
|
165
161
|
label: prop_types_1.default.node,
|
|
166
162
|
value: prop_types_1.default.string,
|
|
167
163
|
type: prop_types_1.default.oneOf(['text', 'checkbox', 'radio', 'custom', 'group']),
|
|
168
|
-
filterValues: prop_types_1.default.oneOfType([
|
|
164
|
+
filterValues: prop_types_1.default.oneOfType([
|
|
165
|
+
prop_types_1.default.shape(TextInputProps),
|
|
166
|
+
prop_types_1.default.shape(__assign(__assign({}, TextInputProps), { value: prop_types_1.default.oneOfType([
|
|
169
167
|
prop_types_1.default.string,
|
|
170
168
|
prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([
|
|
171
169
|
prop_types_1.default.string,
|
|
172
170
|
prop_types_1.default.shape({
|
|
173
171
|
label: prop_types_1.default.node,
|
|
174
|
-
value: prop_types_1.default.string
|
|
175
|
-
})
|
|
172
|
+
value: prop_types_1.default.string,
|
|
173
|
+
}),
|
|
176
174
|
])),
|
|
177
175
|
prop_types_1.default.shape((_a = {},
|
|
178
176
|
_a[prop_types_1.default.string] = prop_types_1.default.any,
|
|
179
|
-
_a))
|
|
177
|
+
_a)),
|
|
180
178
|
]), items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
181
179
|
label: prop_types_1.default.node,
|
|
182
|
-
value: prop_types_1.default.string
|
|
183
|
-
})) }))
|
|
180
|
+
value: prop_types_1.default.string,
|
|
181
|
+
})) })),
|
|
182
|
+
]),
|
|
184
183
|
})) }, TextInputProps), { id: prop_types_1.default.string, isDisabled: prop_types_1.default.bool, useMobileLayout: prop_types_1.default.bool });
|
|
185
184
|
ConditionalFilter.defaultProps = {
|
|
186
185
|
value: '',
|
|
@@ -188,7 +187,7 @@ ConditionalFilter.defaultProps = {
|
|
|
188
187
|
hideLabel: false,
|
|
189
188
|
isDisabled: false,
|
|
190
189
|
id: 'default-input',
|
|
191
|
-
useMobileLayout: false
|
|
190
|
+
useMobileLayout: false,
|
|
192
191
|
};
|
|
193
192
|
exports.default = ConditionalFilter;
|
|
194
193
|
//# sourceMappingURL=ConditionalFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/ConditionalFilter.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,qDAAiJ;AACjJ,uDAAqD;AACrD,+GAAuF;AACvF,4DAAgC;AAChC,2EAAiF;AACjF,0DAAmC;AACnC,qCAAmC;AACnC,+BAAiC;AACjC,0DAAoC;AAEpC;IAAgC,qCAAS;
|
|
1
|
+
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/ConditionalFilter.js"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export default Group;
|
|
2
|
-
declare function Group({ placeholder, onShowMore, showMoreTitle, showMoreOptions, items, filterBy, onFilter, className, groups, onChange, selected, isFilterable }: {
|
|
2
|
+
declare function Group({ placeholder, onShowMore, showMoreTitle, showMoreOptions, items, filterBy, onFilter, className, groups, onChange, selected, isFilterable, }: {
|
|
3
3
|
placeholder: any;
|
|
4
4
|
onShowMore: any;
|
|
5
5
|
showMoreTitle: any;
|
|
@@ -84,50 +84,41 @@ var Group = function (_a) {
|
|
|
84
84
|
ev.persist();
|
|
85
85
|
setIsOpen(!isOpen);
|
|
86
86
|
};
|
|
87
|
-
var menuItems = (0, groupFilterConstants_1.getMenuItems)(items === null || items === void 0 ? void 0 : items.map(function (item) { return item.type === groupType_1.default.treeView ? (0, groupFilterConstants_1.convertTreeItem)(item) : item; }), onChange, (0, groupFilterConstants_1.calculateSelected)(selected));
|
|
87
|
+
var menuItems = (0, groupFilterConstants_1.getMenuItems)(items === null || items === void 0 ? void 0 : items.map(function (item) { return (item.type === groupType_1.default.treeView ? (0, groupFilterConstants_1.convertTreeItem)(item) : item); }), onChange, (0, groupFilterConstants_1.calculateSelected)(selected));
|
|
88
88
|
var groupMenuItems = (0, groupFilterConstants_1.getGroupMenuItems)(groups, onChange, (0, groupFilterConstants_1.calculateSelected)(selected));
|
|
89
|
-
var renderItem = function (item, key, type, groupKey) { return react_1.default.createElement(react_core_1.MenuItem, { itemId: key, key: "".concat(item.value, "-").concat(key, "-item"), className: item === null || item === void 0 ? void 0 : item.className, onClick: item.onClick && (type || item.type) === groupType_1.default.checkbox
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
react_1.default.createElement(react_core_1.Checkbox, __assign({}, item, { label: item === null || item === void 0 ? void 0 : item.label, isChecked: (item === null || item === void 0 ? void 0 : item.isChecked) ||
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
false, onChange: function (value, event) {
|
|
107
|
-
var _a;
|
|
108
|
-
(_a = item === null || item === void 0 ? void 0 : item.onChange) === null || _a === void 0 ? void 0 : _a.call(item, value, event);
|
|
109
|
-
}, value: (item === null || item === void 0 ? void 0 : item.value) || key, name: (item === null || item === void 0 ? void 0 : item.name) || (item === null || item === void 0 ? void 0 : item.value) || "".concat(groupKey, "-").concat(key), label: (item === null || item === void 0 ? void 0 : item.label) || '', id: (item === null || item === void 0 ? void 0 : item.id) || (item === null || item === void 0 ? void 0 : item.value) || "".concat(groupKey, "-").concat(key) })) :
|
|
110
|
-
(type || item.type) === groupType_1.default.button ?
|
|
111
|
-
react_1.default.createElement(react_core_1.Button, __assign({}, item, { className: "pf-c-select__option-button ".concat((item === null || item === void 0 ? void 0 : item.className) || ''), variant: item === null || item === void 0 ? void 0 : item.variant, onClick: item.onClick }), item === null || item === void 0 ? void 0 : item.label) :
|
|
112
|
-
((item === null || item === void 0 ? void 0 : item.label) || '')); };
|
|
89
|
+
var renderItem = function (item, key, type, groupKey) { return (react_1.default.createElement(react_core_1.MenuItem, { itemId: key, key: "".concat(item.value, "-").concat(key, "-item"), className: item === null || item === void 0 ? void 0 : item.className, onClick: item.onClick && (type || item.type) === groupType_1.default.checkbox
|
|
90
|
+
? function (e) {
|
|
91
|
+
item.onClick();
|
|
92
|
+
e.preventDefault();
|
|
93
|
+
}
|
|
94
|
+
: undefined }, (type || item.type) === groupType_1.default.treeView ? (react_1.default.createElement(react_core_1.TreeView, { data: [(0, groupFilterConstants_1.mapTree)(item, groupKey, stateSelected, selected)], onCheck: function (e, value) { return (0, groupFilterConstants_1.onTreeCheck)(e, value, [item]); }, hasChecks: true })) : (type || item.type) === groupType_1.default.checkbox ? (react_1.default.createElement(react_core_1.Checkbox, __assign({}, item, { label: item === null || item === void 0 ? void 0 : item.label, isChecked: (item === null || item === void 0 ? void 0 : item.isChecked) || (0, groupFilterConstants_1.isChecked)(groupKey, (item === null || item === void 0 ? void 0 : item.value) || key, item === null || item === void 0 ? void 0 : item.id, item === null || item === void 0 ? void 0 : item.tagValue, stateSelected, selected) || false, onChange: function (value, event) {
|
|
95
|
+
var _a;
|
|
96
|
+
(_a = item === null || item === void 0 ? void 0 : item.onChange) === null || _a === void 0 ? void 0 : _a.call(item, value, event);
|
|
97
|
+
}, onClick: item.onClick
|
|
98
|
+
? function (e) {
|
|
99
|
+
item.onClick();
|
|
100
|
+
e.stopPropagation();
|
|
101
|
+
}
|
|
102
|
+
: undefined, name: (item === null || item === void 0 ? void 0 : item.name) || (item === null || item === void 0 ? void 0 : item.value) || "".concat(groupKey, "-").concat(key), id: (item === null || item === void 0 ? void 0 : item.id) || (item === null || item === void 0 ? void 0 : item.value) || "".concat(groupKey, "-").concat(key) }))) : (type || item.type) === groupType_1.default.radio ? (react_1.default.createElement(react_core_1.Radio, __assign({}, item, { isChecked: (item === null || item === void 0 ? void 0 : item.isChecked) || (0, groupFilterConstants_1.isChecked)((groups === null || groups === void 0 ? void 0 : groups.value) || groupKey, (item === null || item === void 0 ? void 0 : item.value) || key, item === null || item === void 0 ? void 0 : item.id, item === null || item === void 0 ? void 0 : item.tagValue, stateSelected, selected) || false, onChange: function (value, event) {
|
|
103
|
+
var _a;
|
|
104
|
+
(_a = item === null || item === void 0 ? void 0 : item.onChange) === null || _a === void 0 ? void 0 : _a.call(item, value, event);
|
|
105
|
+
}, value: (item === null || item === void 0 ? void 0 : item.value) || key, name: (item === null || item === void 0 ? void 0 : item.name) || (item === null || item === void 0 ? void 0 : item.value) || "".concat(groupKey, "-").concat(key), label: (item === null || item === void 0 ? void 0 : item.label) || '', id: (item === null || item === void 0 ? void 0 : item.id) || (item === null || item === void 0 ? void 0 : item.value) || "".concat(groupKey, "-").concat(key) }))) : (type || item.type) === groupType_1.default.button ? (react_1.default.createElement(react_core_1.Button, __assign({}, item, { className: "pf-c-select__option-button ".concat((item === null || item === void 0 ? void 0 : item.className) || ''), variant: item === null || item === void 0 ? void 0 : item.variant, onClick: item.onClick }), item === null || item === void 0 ? void 0 : item.label)) : ((item === null || item === void 0 ? void 0 : item.label) || ''))); };
|
|
113
106
|
var renderItems = function (items, type, groupKey) {
|
|
114
107
|
if (groupKey === void 0) { groupKey = ''; }
|
|
115
|
-
return items.map(function (item, key) {
|
|
116
|
-
react_1.default.createElement("div", { key: "".concat(item.value, "-").concat(key, "-item"), className: "ins-c-tree-view" }, renderItem(item, key, type, groupKey))
|
|
117
|
-
|
|
108
|
+
return items.map(function (item, key) {
|
|
109
|
+
return (type || item.type) === groupType_1.default.treeView ? (react_1.default.createElement("div", { key: "".concat(item.value, "-").concat(key, "-item"), className: "ins-c-tree-view" }, renderItem(item, key, type, groupKey))) : (renderItem(item, key, type, groupKey));
|
|
110
|
+
});
|
|
118
111
|
};
|
|
119
112
|
return (react_1.default.createElement("div", { ref: containerRef },
|
|
120
|
-
react_1.default.createElement(react_core_1.Popper, { appendTo: containerRef.current, trigger:
|
|
113
|
+
react_1.default.createElement(react_core_1.Popper, { appendTo: containerRef.current, trigger: react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, className: className }, isFilterable || onFilter ? (react_1.default.createElement(react_core_1.TextInput, { "aria-label": "input with dropdown and clear button", placeholder: placeholder, value: searchString, tabIndex: 0, onChange: function (value) {
|
|
121
114
|
setSearchString(value);
|
|
122
115
|
onFilter === null || onFilter === void 0 ? void 0 : onFilter(value);
|
|
123
|
-
}, type: "search" }) : placeholder)), popper:
|
|
116
|
+
}, type: "search" })) : (placeholder)), popper: react_1.default.createElement(react_core_1.Menu, { ref: menuRef, className: (0, classnames_1.default)('ins-c-menu__scrollable', className, { 'pf-m-expanded': isOpen }) },
|
|
124
117
|
react_1.default.createElement(react_core_1.MenuContent, null,
|
|
125
118
|
react_1.default.createElement(react_core_1.MenuList, null,
|
|
126
|
-
menuItems.length > 0 &&
|
|
119
|
+
menuItems.length > 0 && react_1.default.createElement(react_core_1.MenuGroup, null, renderItems(menuItems)),
|
|
127
120
|
groupMenuItems.map(function (group, groupKey) { return (react_1.default.createElement(react_core_1.MenuGroup, { label: group.groupSelectable ? undefined : group.label, key: "".concat(group.label, "-").concat(groupKey, "-group") }, renderItems(group.items, group.type, group.value, group))); }),
|
|
128
|
-
onShowMore ?
|
|
129
|
-
react_1.default.createElement(react_core_1.MenuItem, __assign({ itemId: "loader", className: "ins-c-menu__show--more" }, showMoreOptions, { onClick: function (e) { return onShowMore(e); } }), showMoreTitle)
|
|
130
|
-
: react_1.default.createElement("span", { hidden: true, value: "" }))))), isVisible: isOpen })));
|
|
121
|
+
onShowMore ? (react_1.default.createElement(react_core_1.MenuItem, __assign({ itemId: "loader", className: "ins-c-menu__show--more" }, showMoreOptions, { onClick: function (e) { return onShowMore(e); } }), showMoreTitle)) : (react_1.default.createElement("span", { hidden: true, value: "" }))))), isVisible: isOpen })));
|
|
131
122
|
};
|
|
132
123
|
Group.propTypes = {
|
|
133
124
|
placeholder: prop_types_1.default.string,
|
|
@@ -138,7 +129,7 @@ Group.propTypes = {
|
|
|
138
129
|
items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
139
130
|
id: prop_types_1.default.string,
|
|
140
131
|
value: prop_types_1.default.string,
|
|
141
|
-
label: prop_types_1.default.node
|
|
132
|
+
label: prop_types_1.default.node,
|
|
142
133
|
})),
|
|
143
134
|
className: prop_types_1.default.string,
|
|
144
135
|
selected: prop_types_1.default.shape((_a = {},
|
|
@@ -158,11 +149,11 @@ Group.propTypes = {
|
|
|
158
149
|
label: prop_types_1.default.node,
|
|
159
150
|
items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
160
151
|
id: prop_types_1.default.string,
|
|
161
|
-
tagKey: prop_types_1.default.string
|
|
162
|
-
}))
|
|
152
|
+
tagKey: prop_types_1.default.string,
|
|
153
|
+
})),
|
|
163
154
|
})),
|
|
164
155
|
onChange: prop_types_1.default.func.isRequired,
|
|
165
|
-
selectedTags: prop_types_1.default.shape({})
|
|
156
|
+
selectedTags: prop_types_1.default.shape({}),
|
|
166
157
|
};
|
|
167
158
|
exports.default = Group;
|
|
168
159
|
//# sourceMappingURL=GroupFilter.js.map
|