@redhat-cloud-services/frontend-components 3.9.17 → 3.9.19
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 +3 -8
- package/Ansible/Ansible.js.map +1 -1
- package/AsyncComponent/index.js +4 -5
- package/AsyncComponent/index.js.map +1 -1
- package/Battery/Battery.js +17 -24
- package/Battery/Battery.js.map +1 -1
- package/Battery/CriticalBattery.js +2 -5
- package/Battery/CriticalBattery.js.map +1 -1
- package/Battery/HighBattery.js +2 -5
- package/Battery/HighBattery.js.map +1 -1
- package/Battery/LowBattery.js +2 -5
- package/Battery/LowBattery.js.map +1 -1
- package/Battery/MediumBattery.js +2 -5
- package/Battery/MediumBattery.js.map +1 -1
- package/Battery/NullBattery.js +2 -5
- package/Battery/NullBattery.js.map +1 -1
- package/Breadcrumbs/Breadcrumbs.js +2 -8
- package/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/Breadcrumbs/Breadcrumbs.spec.ct.js +5 -8
- package/Breadcrumbs/Breadcrumbs.spec.ct.js.map +1 -1
- package/Breadcrumbs/ConnectedBreadcrumbs.js +4 -4
- package/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
- package/BulkSelect/BulkSelect.js +11 -35
- package/BulkSelect/BulkSelect.js.map +1 -1
- package/BulkSelect/BulkSelect.spec.ct.js +6 -9
- package/BulkSelect/BulkSelect.spec.ct.js.map +1 -1
- package/ConditionalFilter/CheckboxFilter.d.ts +1 -1
- package/ConditionalFilter/CheckboxFilter.js +11 -9
- package/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/ConditionalFilter/ConditionalFilter.d.ts +3 -2
- package/ConditionalFilter/ConditionalFilter.js +17 -49
- package/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/ConditionalFilter/GroupFilter.d.ts +9 -3
- package/ConditionalFilter/GroupFilter.js +20 -48
- package/ConditionalFilter/GroupFilter.js.map +1 -1
- package/ConditionalFilter/RadioFilter.d.ts +1 -1
- package/ConditionalFilter/RadioFilter.js +15 -12
- package/ConditionalFilter/RadioFilter.js.map +1 -1
- package/ConditionalFilter/TextFilter.d.ts +1 -1
- package/ConditionalFilter/TextFilter.js +6 -27
- package/ConditionalFilter/TextFilter.js.map +1 -1
- package/ConditionalFilter/groupFilterConstants.d.ts +18 -8
- package/ConditionalFilter/groupFilterConstants.js +2 -2
- package/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/CullingInfo/CullingInformation.js +5 -12
- package/CullingInfo/CullingInformation.js.map +1 -1
- package/Dark/Dark.js +2 -2
- package/Dark/Dark.js.map +1 -1
- package/DateFormat/DateFormat.js +2 -1
- package/DateFormat/DateFormat.js.map +1 -1
- package/DateFormat/helper.js +3 -8
- package/DateFormat/helper.js.map +1 -1
- package/DownloadButton/DownloadButton.js +6 -6
- package/DownloadButton/DownloadButton.js.map +1 -1
- package/DownloadButton/DownloadButton.spec.ct.js +5 -8
- package/DownloadButton/DownloadButton.spec.ct.js.map +1 -1
- package/EmptyTable/EmptyTable.js +2 -4
- package/EmptyTable/EmptyTable.js.map +1 -1
- package/ErrorBoundary/ErrorBoundary.js +13 -8
- package/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/ErrorBoundary/ErrorStack.js +14 -28
- package/ErrorBoundary/ErrorStack.js.map +1 -1
- package/ErrorState/DefaultErrorMessage.js +12 -9
- package/ErrorState/DefaultErrorMessage.js.map +1 -1
- package/ErrorState/ErrorState.js +2 -9
- package/ErrorState/ErrorState.js.map +1 -1
- package/FilterChips/FilterChips.js +11 -19
- package/FilterChips/FilterChips.js.map +1 -1
- package/FilterHooks/constants.js +2 -5
- package/FilterHooks/constants.js.map +1 -1
- package/FilterHooks/tagFilterHook.js +3 -28
- package/FilterHooks/tagFilterHook.js.map +1 -1
- package/Filters/FilterDropdown.js +6 -32
- package/Filters/FilterDropdown.js.map +1 -1
- package/Filters/FilterInput.js +4 -26
- package/Filters/FilterInput.js.map +1 -1
- package/Input/Input.js +2 -2
- package/Input/Input.js.map +1 -1
- package/Input/Input.spec.ct.js +8 -15
- package/Input/Input.spec.ct.js.map +1 -1
- package/Input/LabeledInput.js +2 -5
- package/Input/LabeledInput.js.map +1 -1
- package/InsightsLabel/InsightsLabel.js +6 -9
- package/InsightsLabel/InsightsLabel.js.map +1 -1
- package/InvalidObject/InvalidObject.js +2 -6
- package/InvalidObject/InvalidObject.js.map +1 -1
- package/InvalidObject/icon-404.js +12 -46
- package/InvalidObject/icon-404.js.map +1 -1
- package/Inventory/AppInfo.js +4 -6
- package/Inventory/AppInfo.js.map +1 -1
- package/Inventory/DetailWrapper.js +4 -6
- package/Inventory/DetailWrapper.js.map +1 -1
- package/Inventory/InventoryDetail.js +4 -6
- package/Inventory/InventoryDetail.js.map +1 -1
- package/Inventory/InventoryDetailHead.js +4 -6
- package/Inventory/InventoryDetailHead.js.map +1 -1
- package/Inventory/InventoryLoadError.js +3 -30
- package/Inventory/InventoryLoadError.js.map +1 -1
- package/Inventory/InventoryTable.js +4 -6
- package/Inventory/InventoryTable.js.map +1 -1
- package/Inventory/TagWithDialog.js +5 -7
- package/Inventory/TagWithDialog.js.map +1 -1
- package/LongTextTooltip/LongTextTooltip.js +2 -6
- package/LongTextTooltip/LongTextTooltip.js.map +1 -1
- package/Main/Main.js +14 -13
- package/Main/Main.js.map +1 -1
- package/Maintenance/Maintenance.js +2 -22
- package/Maintenance/Maintenance.js.map +1 -1
- package/NoRegisteredSystems/NoRegisteredSystems.js +12 -8
- package/NoRegisteredSystems/NoRegisteredSystems.js.map +1 -1
- package/NotAuthorized/NotAuthorized.js +5 -12
- package/NotAuthorized/NotAuthorized.js.map +1 -1
- package/NotConnected/NotConnected.js +12 -8
- package/NotConnected/NotConnected.js.map +1 -1
- package/Ouia/WithOuia.js +2 -6
- package/Ouia/WithOuia.js.map +1 -1
- package/PageHeader/PageHeader.js +7 -7
- package/PageHeader/PageHeader.js.map +1 -1
- package/PageHeader/PageHeaderTitle.js +13 -2
- package/PageHeader/PageHeaderTitle.js.map +1 -1
- package/Pagination/Pagination.js +2 -2
- package/Pagination/Pagination.js.map +1 -1
- package/Pagination/Pagination.spec.ct.js +7 -10
- package/Pagination/Pagination.spec.ct.js.map +1 -1
- package/Pagination/PaginationMenu.js +6 -44
- package/Pagination/PaginationMenu.js.map +1 -1
- package/Pagination/PaginationNav.js +16 -34
- package/Pagination/PaginationNav.js.map +1 -1
- package/Pagination/PaginationNext.js +2 -4
- package/Pagination/PaginationNext.js.map +1 -1
- package/PrimaryToolbar/Actions.js +19 -22
- package/PrimaryToolbar/Actions.js.map +1 -1
- package/PrimaryToolbar/Actions.spec.ct.js +5 -8
- package/PrimaryToolbar/Actions.spec.ct.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.js +5 -19
- package/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.spec.ct.js +10 -13
- package/PrimaryToolbar/PrimaryToolbar.spec.ct.js.map +1 -1
- package/PrimaryToolbar/SortBy.js +12 -4
- package/PrimaryToolbar/SortBy.js.map +1 -1
- package/PrimaryToolbar/SortBy.spec.ct.js +5 -8
- package/PrimaryToolbar/SortBy.spec.ct.js.map +1 -1
- package/RBACProvider/RBACProvider.js +3 -26
- package/RBACProvider/RBACProvider.js.map +1 -1
- package/Reboot/Reboot.js +2 -4
- package/Reboot/Reboot.js.map +1 -1
- package/Section/Section.js +2 -5
- package/Section/Section.js.map +1 -1
- package/Shield/Shield.js +4 -10
- package/Shield/Shield.js.map +1 -1
- package/SimpleTableFilter/SimpleTableFilter.js +4 -30
- package/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/Skeleton/Skeleton.js +2 -2
- package/Skeleton/Skeleton.js.map +1 -1
- package/SkeletonTable/SkeletonTable.js +16 -7
- package/SkeletonTable/SkeletonTable.js.map +1 -1
- package/Spinner/Spinner.js +2 -3
- package/Spinner/Spinner.js.map +1 -1
- package/TabLayout/TabLayout.js +2 -4
- package/TabLayout/TabLayout.js.map +1 -1
- package/TableToolbar/TableToolbar.js +3 -35
- package/TableToolbar/TableToolbar.js.map +1 -1
- package/TagCount/TagCount.js +2 -4
- package/TagCount/TagCount.js.map +1 -1
- package/TagModal/TableWithFilter.d.ts +4 -3
- package/TagModal/TableWithFilter.js +48 -89
- package/TagModal/TableWithFilter.js.map +1 -1
- package/TagModal/TagModal.d.ts +5 -3
- package/TagModal/TagModal.js +8 -34
- package/TagModal/TagModal.js.map +1 -1
- package/TreeTable/decorator.js +2 -9
- package/TreeTable/decorator.js.map +1 -1
- package/TreeTable/rowWrapper.js +2 -2
- package/TreeTable/rowWrapper.js.map +1 -1
- package/Truncate/Truncate.js +6 -10
- package/Truncate/Truncate.js.map +1 -1
- package/Unavailable/Unavailable.js +12 -13
- package/Unavailable/Unavailable.js.map +1 -1
- package/esm/Ansible/Ansible.js +3 -8
- package/esm/Ansible/Ansible.js.map +1 -1
- package/esm/AsyncComponent/index.js +4 -5
- package/esm/AsyncComponent/index.js.map +1 -1
- package/esm/Battery/Battery.js +17 -24
- package/esm/Battery/Battery.js.map +1 -1
- package/esm/Battery/CriticalBattery.js +2 -2
- package/esm/Battery/CriticalBattery.js.map +1 -1
- package/esm/Battery/HighBattery.js +2 -2
- package/esm/Battery/HighBattery.js.map +1 -1
- package/esm/Battery/LowBattery.js +2 -2
- package/esm/Battery/LowBattery.js.map +1 -1
- package/esm/Battery/MediumBattery.js +2 -2
- package/esm/Battery/MediumBattery.js.map +1 -1
- package/esm/Battery/NullBattery.js +2 -2
- package/esm/Battery/NullBattery.js.map +1 -1
- package/esm/Breadcrumbs/Breadcrumbs.js +2 -8
- package/esm/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/Breadcrumbs/Breadcrumbs.spec.ct.js +4 -4
- package/esm/Breadcrumbs/Breadcrumbs.spec.ct.js.map +1 -1
- package/esm/Breadcrumbs/ConnectedBreadcrumbs.js +2 -2
- package/esm/Breadcrumbs/ConnectedBreadcrumbs.js.map +1 -1
- package/esm/BulkSelect/BulkSelect.js +11 -12
- package/esm/BulkSelect/BulkSelect.js.map +1 -1
- package/esm/BulkSelect/BulkSelect.spec.ct.js +5 -5
- package/esm/BulkSelect/BulkSelect.spec.ct.js.map +1 -1
- package/esm/ConditionalFilter/CheckboxFilter.js +7 -5
- package/esm/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.js +17 -26
- package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/esm/ConditionalFilter/GroupFilter.js +21 -26
- package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
- package/esm/ConditionalFilter/RadioFilter.js +13 -10
- package/esm/ConditionalFilter/RadioFilter.js.map +1 -1
- package/esm/ConditionalFilter/TextFilter.js +6 -4
- package/esm/ConditionalFilter/TextFilter.js.map +1 -1
- package/esm/ConditionalFilter/groupFilterConstants.js +2 -2
- package/esm/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/esm/CullingInfo/CullingInformation.js +5 -12
- package/esm/CullingInfo/CullingInformation.js.map +1 -1
- package/esm/Dark/Dark.js +2 -2
- package/esm/Dark/Dark.js.map +1 -1
- package/esm/DateFormat/DateFormat.js +2 -1
- package/esm/DateFormat/DateFormat.js.map +1 -1
- package/esm/DateFormat/helper.js +3 -5
- package/esm/DateFormat/helper.js.map +1 -1
- package/esm/DownloadButton/DownloadButton.js +6 -6
- package/esm/DownloadButton/DownloadButton.js.map +1 -1
- package/esm/DownloadButton/DownloadButton.spec.ct.js +4 -4
- package/esm/DownloadButton/DownloadButton.spec.ct.js.map +1 -1
- package/esm/EmptyTable/EmptyTable.js +2 -4
- package/esm/EmptyTable/EmptyTable.js.map +1 -1
- package/esm/ErrorBoundary/ErrorBoundary.js +13 -8
- package/esm/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/esm/ErrorBoundary/ErrorStack.js +15 -6
- package/esm/ErrorBoundary/ErrorStack.js.map +1 -1
- package/esm/ErrorState/DefaultErrorMessage.js +13 -7
- package/esm/ErrorState/DefaultErrorMessage.js.map +1 -1
- package/esm/ErrorState/ErrorState.js +2 -9
- package/esm/ErrorState/ErrorState.js.map +1 -1
- package/esm/FilterChips/FilterChips.js +11 -19
- package/esm/FilterChips/FilterChips.js.map +1 -1
- package/esm/FilterHooks/constants.js +2 -5
- package/esm/FilterHooks/constants.js.map +1 -1
- package/esm/FilterHooks/tagFilterHook.js +3 -5
- package/esm/FilterHooks/tagFilterHook.js.map +1 -1
- package/esm/Filters/FilterDropdown.js +6 -9
- package/esm/Filters/FilterDropdown.js.map +1 -1
- package/esm/Filters/FilterInput.js +4 -3
- 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/Input.spec.ct.js +7 -11
- package/esm/Input/Input.spec.ct.js.map +1 -1
- package/esm/Input/LabeledInput.js +2 -5
- package/esm/Input/LabeledInput.js.map +1 -1
- package/esm/InsightsLabel/InsightsLabel.js +6 -6
- package/esm/InsightsLabel/InsightsLabel.js.map +1 -1
- package/esm/InvalidObject/InvalidObject.js +2 -6
- package/esm/InvalidObject/InvalidObject.js.map +1 -1
- package/esm/InvalidObject/icon-404.js +13 -44
- package/esm/InvalidObject/icon-404.js.map +1 -1
- package/esm/Inventory/AppInfo.js +4 -6
- package/esm/Inventory/AppInfo.js.map +1 -1
- package/esm/Inventory/DetailWrapper.js +4 -6
- package/esm/Inventory/DetailWrapper.js.map +1 -1
- package/esm/Inventory/InventoryDetail.js +4 -6
- package/esm/Inventory/InventoryDetail.js.map +1 -1
- package/esm/Inventory/InventoryDetailHead.js +4 -6
- package/esm/Inventory/InventoryDetailHead.js.map +1 -1
- package/esm/Inventory/InventoryLoadError.js +3 -7
- package/esm/Inventory/InventoryLoadError.js.map +1 -1
- package/esm/Inventory/InventoryTable.js +4 -6
- package/esm/Inventory/InventoryTable.js.map +1 -1
- package/esm/Inventory/TagWithDialog.js +5 -7
- package/esm/Inventory/TagWithDialog.js.map +1 -1
- package/esm/LongTextTooltip/LongTextTooltip.js +2 -3
- package/esm/LongTextTooltip/LongTextTooltip.js.map +1 -1
- package/esm/Main/Main.js +14 -13
- package/esm/Main/Main.js.map +1 -1
- package/esm/Maintenance/Maintenance.js +2 -22
- package/esm/Maintenance/Maintenance.js.map +1 -1
- package/esm/NoRegisteredSystems/NoRegisteredSystems.js +13 -6
- package/esm/NoRegisteredSystems/NoRegisteredSystems.js.map +1 -1
- package/esm/NotAuthorized/NotAuthorized.js +5 -12
- package/esm/NotAuthorized/NotAuthorized.js.map +1 -1
- package/esm/NotConnected/NotConnected.js +13 -6
- package/esm/NotConnected/NotConnected.js.map +1 -1
- package/esm/Ouia/WithOuia.js +2 -3
- package/esm/Ouia/WithOuia.js.map +1 -1
- package/esm/PageHeader/PageHeader.js +7 -7
- package/esm/PageHeader/PageHeader.js.map +1 -1
- package/esm/PageHeader/PageHeaderTitle.js +13 -2
- package/esm/PageHeader/PageHeaderTitle.js.map +1 -1
- package/esm/Pagination/Pagination.js +2 -2
- package/esm/Pagination/Pagination.js.map +1 -1
- package/esm/Pagination/Pagination.spec.ct.js +6 -6
- package/esm/Pagination/Pagination.spec.ct.js.map +1 -1
- package/esm/Pagination/PaginationMenu.js +6 -21
- package/esm/Pagination/PaginationMenu.js.map +1 -1
- package/esm/Pagination/PaginationNav.js +16 -31
- package/esm/Pagination/PaginationNav.js.map +1 -1
- package/esm/Pagination/PaginationNext.js +2 -4
- package/esm/Pagination/PaginationNext.js.map +1 -1
- package/esm/PrimaryToolbar/Actions.js +16 -19
- package/esm/PrimaryToolbar/Actions.js.map +1 -1
- package/esm/PrimaryToolbar/Actions.spec.ct.js +4 -4
- package/esm/PrimaryToolbar/Actions.spec.ct.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.js +5 -19
- package/esm/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.spec.ct.js +9 -9
- package/esm/PrimaryToolbar/PrimaryToolbar.spec.ct.js.map +1 -1
- package/esm/PrimaryToolbar/SortBy.js +13 -2
- package/esm/PrimaryToolbar/SortBy.js.map +1 -1
- package/esm/PrimaryToolbar/SortBy.spec.ct.js +4 -4
- package/esm/PrimaryToolbar/SortBy.spec.ct.js.map +1 -1
- package/esm/RBACProvider/RBACProvider.js +3 -3
- package/esm/RBACProvider/RBACProvider.js.map +1 -1
- package/esm/Reboot/Reboot.js +2 -4
- package/esm/Reboot/Reboot.js.map +1 -1
- package/esm/Section/Section.js +2 -5
- package/esm/Section/Section.js.map +1 -1
- package/esm/Shield/Shield.js +4 -7
- package/esm/Shield/Shield.js.map +1 -1
- package/esm/SimpleTableFilter/SimpleTableFilter.js +4 -7
- package/esm/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/esm/Skeleton/Skeleton.js +2 -2
- package/esm/Skeleton/Skeleton.js.map +1 -1
- package/esm/SkeletonTable/SkeletonTable.js +16 -7
- package/esm/SkeletonTable/SkeletonTable.js.map +1 -1
- package/esm/Spinner/Spinner.js +2 -3
- package/esm/Spinner/Spinner.js.map +1 -1
- package/esm/TabLayout/TabLayout.js +2 -4
- package/esm/TabLayout/TabLayout.js.map +1 -1
- package/esm/TableToolbar/TableToolbar.js +3 -12
- package/esm/TableToolbar/TableToolbar.js.map +1 -1
- package/esm/TagCount/TagCount.js +2 -4
- package/esm/TagCount/TagCount.js.map +1 -1
- package/esm/TagModal/TableWithFilter.js +48 -66
- package/esm/TagModal/TableWithFilter.js.map +1 -1
- package/esm/TagModal/TagModal.js +8 -11
- package/esm/TagModal/TagModal.js.map +1 -1
- package/esm/TreeTable/decorator.js +2 -6
- package/esm/TreeTable/decorator.js.map +1 -1
- package/esm/TreeTable/rowWrapper.js +2 -2
- package/esm/TreeTable/rowWrapper.js.map +1 -1
- package/esm/Truncate/Truncate.js +6 -10
- package/esm/Truncate/Truncate.js.map +1 -1
- package/esm/Unavailable/Unavailable.js +13 -11
- package/esm/Unavailable/Unavailable.js.map +1 -1
- package/package.json +1 -1
|
@@ -57,7 +57,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
57
57
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
58
58
|
};
|
|
59
59
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
60
|
-
var react_1 =
|
|
60
|
+
var react_1 = require("react");
|
|
61
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
62
|
+
var react_2 = require("react");
|
|
61
63
|
var react_core_1 = require("@patternfly/react-core");
|
|
62
64
|
var isEqual_1 = __importDefault(require("lodash/isEqual"));
|
|
63
65
|
var omit_1 = __importDefault(require("lodash/omit"));
|
|
@@ -65,14 +67,14 @@ var TextFilter_1 = __importStar(require("./TextFilter"));
|
|
|
65
67
|
var CheckboxFilter = function (_a) {
|
|
66
68
|
var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.value, value = _c === void 0 ? [] : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { return undefined; } : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, props = __rest(_a, ["items", "value", "onChange", "isDisabled"]);
|
|
67
69
|
var placeholder = props.placeholder, className = props.className;
|
|
68
|
-
var _f = (0,
|
|
69
|
-
var _g = (0,
|
|
70
|
-
var prevSelected = (0,
|
|
70
|
+
var _f = (0, react_2.useState)(false), isExpanded = _f[0], setExpanded = _f[1];
|
|
71
|
+
var _g = (0, react_2.useState)([]), selected = _g[0], setSelected = _g[1];
|
|
72
|
+
var prevSelected = (0, react_2.useRef)(selected);
|
|
71
73
|
var changeSelected = function (value) {
|
|
72
74
|
prevSelected.current = selected;
|
|
73
75
|
setSelected(value);
|
|
74
76
|
};
|
|
75
|
-
(0,
|
|
77
|
+
(0, react_2.useEffect)(function () {
|
|
76
78
|
!(0, isEqual_1.default)(prevSelected.current, value) && value && changeSelected(value);
|
|
77
79
|
}, [selected, value]);
|
|
78
80
|
var calculateSelected = function () {
|
|
@@ -88,10 +90,10 @@ var CheckboxFilter = function (_a) {
|
|
|
88
90
|
onChange === null || onChange === void 0 ? void 0 : onChange(event, newSelection, selection);
|
|
89
91
|
changeSelected(newSelection);
|
|
90
92
|
};
|
|
91
|
-
return (
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
return ((0, jsx_runtime_1.jsx)(react_2.Fragment, { children: !items || (items && items.length <= 0) ? ((0, jsx_runtime_1.jsx)(TextFilter_1.default, __assign({}, props, { onChange: onChange, isDisabled: isDisabled, value: "".concat(calculateSelected()) }))) : ((0, jsx_runtime_1.jsx)(react_core_1.Select, __assign({ className: className, variant: react_core_1.SelectVariant.checkbox, "aria-label": "Select Input", onToggle: function (isExpanded) { return setExpanded(isExpanded); }, isDisabled: isDisabled, onSelect: function (event, value) { return onSelect(event, value); }, selections: calculateSelected(), isOpen: isExpanded, placeholderText: placeholder, ouiaId: placeholder }, { children: items.map(function (_a, key) {
|
|
94
|
+
var value = _a.value, onClick = _a.onClick, label = _a.label, id = _a.id, item = __rest(_a, ["value", "onClick", "label", "id"]);
|
|
95
|
+
return ((0, react_1.createElement)(react_core_1.SelectOption, __assign({}, (0, omit_1.default)(item, 'onChange'), { key: id || key, value: String(value || id || key), onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e, __assign({ value: value, label: label, id: id }, item), key); } }), label));
|
|
96
|
+
}) }))) }));
|
|
95
97
|
};
|
|
96
98
|
exports.default = CheckboxFilter;
|
|
97
99
|
//# sourceMappingURL=CheckboxFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/CheckboxFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/CheckboxFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,6 @@ import { GroupFilterProps } from './GroupFilter';
|
|
|
6
6
|
import './conditional-filter.scss';
|
|
7
7
|
export declare type FilterValues = TextInputProps & RadioFilterProps & CheckboxFilterProps & GroupFilterProps & {
|
|
8
8
|
items?: FilterValue[];
|
|
9
|
-
value?: string | (string | FilterValue)[] | Record<string, unknown>;
|
|
10
9
|
};
|
|
11
10
|
export interface TextInputProps {
|
|
12
11
|
id?: string;
|
|
@@ -19,7 +18,9 @@ export interface ConditionalFilterItem {
|
|
|
19
18
|
label?: ReactNode;
|
|
20
19
|
value?: string;
|
|
21
20
|
type: 'text' | 'checkbox' | 'radio' | 'custom' | 'group';
|
|
22
|
-
filterValues?: FilterValues
|
|
21
|
+
filterValues?: Omit<FilterValues, 'value'> & {
|
|
22
|
+
value?: string | string[] | FilterValue | FilterValue[] | Record<string, unknown>;
|
|
23
|
+
};
|
|
23
24
|
placeholder?: string;
|
|
24
25
|
}
|
|
25
26
|
export interface ConditionalFilterProps extends TextInputProps {
|
|
@@ -10,34 +10,12 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
15
|
};
|
|
39
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
var
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var react_1 = require("react");
|
|
41
19
|
var classnames_1 = __importDefault(require("classnames"));
|
|
42
20
|
var global_breakpoint_md_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_md"));
|
|
43
21
|
var react_core_1 = require("@patternfly/react-core");
|
|
@@ -71,32 +49,22 @@ var ConditionalFilter = function (_a) {
|
|
|
71
49
|
var capitalize = function (string) { return string[0].toUpperCase() + string.substring(1); };
|
|
72
50
|
var ActiveComponent = activeItem && (conditionalFilterConstants_1.typeMapper[activeItem.type] || conditionalFilterConstants_1.typeMapper.text);
|
|
73
51
|
var Wrapper = useMobileLayout && isMobile
|
|
74
|
-
? function (props) { return
|
|
52
|
+
? function (props) { return (0, jsx_runtime_1.jsx)(react_core_1.ToolbarToggleGroup, __assign({}, props, { breakpoint: "md", toggleIcon: (0, jsx_runtime_1.jsx)(react_icons_1.FilterIcon, {}) })); }
|
|
75
53
|
: react_1.Fragment;
|
|
76
|
-
return (
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
}) },
|
|
91
|
-
items.length > 1 && (react_1.default.createElement(react_core_1.SplitItem, null,
|
|
92
|
-
react_1.default.createElement(react_core_1.Dropdown, { className: "ins-c-conditional-filter__group", onSelect: function () { return setIsOpen(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", toggle: react_1.default.createElement(react_core_1.DropdownToggle, { "aria-label": "Conditional filter", onToggle: setIsOpen, isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__no-label' : '', ouiaId: "ConditionalFilter" },
|
|
93
|
-
react_1.default.createElement(react_icons_1.FilterIcon, { size: "sm" }),
|
|
94
|
-
!hideLabel && (react_1.default.createElement("span", { className: "ins-c-conditional-filter__value-selector" }, activeItem && capitalize(String(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: String(item.label), onClick: function (e) { return onChangeCallback(e, item.value || key); }, isHovered: activeItem.label === item.label }, capitalize(String(item.label)))); }) }))),
|
|
95
|
-
ActiveComponent && (react_1.default.createElement(react_core_1.SplitItem, { isFilled: true },
|
|
96
|
-
react_1.default.createElement(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom && {
|
|
97
|
-
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
98
|
-
id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue ? String(currentValue) : undefined,
|
|
99
|
-
}), activeItem.filterValues))))))))));
|
|
54
|
+
return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [useMobileLayout && isMobile && ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarGroup, __assign({ className: "ins-c-conditional-filter mobile" }, { children: items.map(function (activeItem, key) {
|
|
55
|
+
var ActiveComponent = activeItem && (conditionalFilterConstants_1.typeMapper[activeItem.type] || conditionalFilterConstants_1.typeMapper.text);
|
|
56
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: (0, jsx_runtime_1.jsx)(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom && {
|
|
57
|
+
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
58
|
+
id: activeItem.filterValues ? activeItem.filterValues.id : currentValue ? String(currentValue) : undefined,
|
|
59
|
+
}), activeItem.filterValues)) }, key));
|
|
60
|
+
}) }))), !shouldRenderNewLayout && ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: !items || (items && items.length <= 0) ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ins-c-conditional-filter', {
|
|
61
|
+
desktop: useMobileLayout,
|
|
62
|
+
}) }, { children: (0, jsx_runtime_1.jsx)(TextFilter_1.default, { id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }) }))) : ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ className: (0, classnames_1.default)('ins-c-conditional-filter', {
|
|
63
|
+
desktop: useMobileLayout,
|
|
64
|
+
}) }, { children: [items.length > 1 && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { className: "ins-c-conditional-filter__group", onSelect: function () { return setIsOpen(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", toggle: (0, jsx_runtime_1.jsxs)(react_core_1.DropdownToggle, __assign({ "aria-label": "Conditional filter", onToggle: setIsOpen, isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__no-label' : '', ouiaId: "ConditionalFilter" }, { children: [(0, jsx_runtime_1.jsx)(react_icons_1.FilterIcon, { size: "sm" }), !hideLabel && ((0, jsx_runtime_1.jsx)("span", __assign({ className: "ins-c-conditional-filter__value-selector" }, { children: activeItem && capitalize(String(activeItem.label)) })))] })), dropdownItems: items.map(function (item, key) { return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ component: "button", ouiaId: String(item.label), onClick: function (e) { return onChangeCallback(e, item.value || key); }, isHovered: activeItem.label === item.label }, { children: capitalize(String(item.label)) }), item.id ? "".concat(item.id, "-dropdown") : key)); }) }) })), ActiveComponent && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, __assign({ isFilled: true }, { children: (0, jsx_runtime_1.jsx)(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom && {
|
|
65
|
+
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
66
|
+
id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue ? String(currentValue) : undefined,
|
|
67
|
+
}), activeItem.filterValues)) })))] }))) }))] }));
|
|
100
68
|
};
|
|
101
69
|
exports.default = ConditionalFilter;
|
|
102
70
|
//# sourceMappingURL=ConditionalFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/ConditionalFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/ConditionalFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { FormEvent, MouseEventHandler } from 'react';
|
|
2
2
|
import { ButtonVariant } from '@patternfly/react-core';
|
|
3
|
+
import { FilterMenuItemOnChange } from './groupFilterConstants';
|
|
3
4
|
import { GroupType } from './groupType';
|
|
4
5
|
import './group-filter.scss';
|
|
5
6
|
export interface GroupFilterItem {
|
|
@@ -10,7 +11,7 @@ export interface GroupFilterItem {
|
|
|
10
11
|
name?: string;
|
|
11
12
|
noFilter?: boolean;
|
|
12
13
|
onChange?: (value: boolean, event: FormEvent<HTMLInputElement>) => void;
|
|
13
|
-
onClick?: (e?: FormEvent | MouseEventHandler<HTMLInputElement>, item?: GroupFilterItem, key?: number, checked?: boolean) => void;
|
|
14
|
+
onClick?: (e?: FormEvent | MouseEventHandler<HTMLInputElement>, item?: GroupFilterItem, key?: number, checked?: boolean, groupName?: string, itemName?: string) => void;
|
|
14
15
|
tagKey?: string;
|
|
15
16
|
tagValue?: string;
|
|
16
17
|
type?: GroupType;
|
|
@@ -24,6 +25,11 @@ export interface TreeViewItem extends GroupFilterItem {
|
|
|
24
25
|
label?: string;
|
|
25
26
|
name?: string;
|
|
26
27
|
}
|
|
28
|
+
export interface GroupItem {
|
|
29
|
+
isSelected?: boolean;
|
|
30
|
+
group: Group;
|
|
31
|
+
item: GroupFilterItem;
|
|
32
|
+
}
|
|
27
33
|
export interface Group {
|
|
28
34
|
groupSelectable?: boolean;
|
|
29
35
|
id?: string;
|
|
@@ -42,10 +48,10 @@ export interface GroupFilterProps {
|
|
|
42
48
|
isFilterable?: boolean;
|
|
43
49
|
items?: GroupFilterItem[];
|
|
44
50
|
onFilter?: (value: string) => void;
|
|
45
|
-
onChange?:
|
|
51
|
+
onChange?: FilterMenuItemOnChange;
|
|
46
52
|
onShowMore?: (event: React.MouseEvent | React.KeyboardEvent | MouseEvent) => void;
|
|
47
53
|
placeholder?: string;
|
|
48
|
-
selected?: Record<string, Record<string, boolean>>;
|
|
54
|
+
selected?: Record<string, Record<string, GroupItem | boolean>>;
|
|
49
55
|
showMoreTitle?: React.ReactNode;
|
|
50
56
|
showMoreOptions?: Record<string, unknown>;
|
|
51
57
|
isDisabled?: boolean;
|
|
@@ -10,34 +10,12 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
15
|
};
|
|
39
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
var
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var react_1 = require("react");
|
|
41
19
|
var classnames_1 = __importDefault(require("classnames"));
|
|
42
20
|
var react_core_1 = require("@patternfly/react-core");
|
|
43
21
|
var groupFilterConstants_1 = require("./groupFilterConstants");
|
|
@@ -92,40 +70,34 @@ var GroupFilter = function (_a) {
|
|
|
92
70
|
var groupMenuItems = (0, groupFilterConstants_1.getGroupMenuItems)(groups, onChange, (0, groupFilterConstants_1.calculateSelected)(selected || {}));
|
|
93
71
|
var renderItem = function (item, key, type, groupKey) {
|
|
94
72
|
if (groupKey === void 0) { groupKey = ''; }
|
|
95
|
-
return (
|
|
73
|
+
return ((0, jsx_runtime_1.jsx)(react_core_1.MenuItem, __assign({ itemId: key, className: item === null || item === void 0 ? void 0 : item.className, onClick: item.onClick && (type || item.type) === groupType_1.default.checkbox
|
|
96
74
|
? function (e) {
|
|
97
75
|
item.onClick && item.onClick();
|
|
98
76
|
e.preventDefault();
|
|
99
77
|
}
|
|
100
|
-
: undefined }, (type || item.type) === groupType_1.default.treeView ? (
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
78
|
+
: undefined }, { children: (type || item.type) === groupType_1.default.treeView ? ((0, jsx_runtime_1.jsx)(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 ? ((0, jsx_runtime_1.jsx)(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) {
|
|
79
|
+
var _a;
|
|
80
|
+
(_a = item === null || item === void 0 ? void 0 : item.onChange) === null || _a === void 0 ? void 0 : _a.call(item, value, event);
|
|
81
|
+
}, onClick: item.onClick
|
|
82
|
+
? function (e) {
|
|
83
|
+
item.onClick && item.onClick();
|
|
84
|
+
e.stopPropagation();
|
|
85
|
+
}
|
|
86
|
+
: 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 ? ((0, jsx_runtime_1.jsx)(react_core_1.Radio, __assign({}, item, { 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) {
|
|
87
|
+
var _a;
|
|
88
|
+
(_a = item === null || item === void 0 ? void 0 : item.onChange) === null || _a === void 0 ? void 0 : _a.call(item, value, event);
|
|
89
|
+
}, 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 ? ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ id: item.id, 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 }, { children: item === null || item === void 0 ? void 0 : item.label }))) : ((item === null || item === void 0 ? void 0 : item.label) || '') }), "".concat(item.value, "-").concat(key, "-item")));
|
|
112
90
|
};
|
|
113
91
|
var renderItems = function (items, type, groupKey) {
|
|
114
92
|
if (groupKey === void 0) { groupKey = ''; }
|
|
115
93
|
return items.map(function (item, key) {
|
|
116
|
-
return (type || item.type) === groupType_1.default.treeView ? (
|
|
94
|
+
return (type || item.type) === groupType_1.default.treeView ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: "ins-c-tree-view" }, { children: renderItem(item, key, type, groupKey) }), "".concat(item.value, "-").concat(key, "-item"))) : (renderItem(item, key, type, groupKey));
|
|
117
95
|
});
|
|
118
96
|
};
|
|
119
|
-
return (
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
}, 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
|
-
react_1.default.createElement(react_core_1.MenuContent, null,
|
|
125
|
-
react_1.default.createElement(react_core_1.MenuList, { "aria-label": "Group filter" },
|
|
126
|
-
menuItems.length > 0 && react_1.default.createElement(react_core_1.MenuGroup, null, renderItems(menuItems)),
|
|
127
|
-
groupMenuItems.map(function (group, groupKey) { return (react_1.default.createElement(react_core_1.MenuGroup, { label: group.groupSelectable && typeof group.label === 'string' ? group.label : undefined, key: "".concat(group.label, "-").concat(groupKey, "-group") }, renderItems(group.items, group.type, group.value))); }),
|
|
128
|
-
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 })));
|
|
97
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: containerRef }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Popper, { appendTo: containerRef.current, trigger: (0, jsx_runtime_1.jsx)(react_core_1.MenuToggle, __assign({ "aria-label": "Group filter", ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, className: className, isDisabled: isDisabled }, { children: isFilterable || onFilter ? ((0, jsx_runtime_1.jsx)(react_core_1.TextInput, { isDisabled: isDisabled, "aria-label": "input with dropdown and clear button", placeholder: placeholder, value: searchString, tabIndex: 0, onChange: function (value) {
|
|
98
|
+
setSearchString(value);
|
|
99
|
+
onFilter === null || onFilter === void 0 ? void 0 : onFilter(value);
|
|
100
|
+
}, type: "search" })) : (placeholder) })), popper: (0, jsx_runtime_1.jsx)(react_core_1.Menu, __assign({ ref: menuRef, className: (0, classnames_1.default)('ins-c-menu__scrollable', className, { 'pf-m-expanded': isOpen }) }, { children: (0, jsx_runtime_1.jsx)(react_core_1.MenuContent, { children: (0, jsx_runtime_1.jsxs)(react_core_1.MenuList, __assign({ "aria-label": "Group filter" }, { children: [menuItems.length > 0 && (0, jsx_runtime_1.jsx)(react_core_1.MenuGroup, { children: renderItems(menuItems) }), groupMenuItems.map(function (group, groupKey) { return ((0, jsx_runtime_1.jsx)(react_core_1.MenuGroup, __assign({ label: !group.groupSelectable && typeof group.label === 'string' ? group.label : undefined }, { children: renderItems(group.items, group.type, group.value) }), "".concat(group.label, "-").concat(groupKey, "-group"))); }), onShowMore ? ((0, jsx_runtime_1.jsx)(react_core_1.MenuItem, __assign({ itemId: "loader", className: "ins-c-menu__show--more" }, showMoreOptions, { onClick: function (e) { return onShowMore(e); } }, { children: showMoreTitle }))) : ((0, jsx_runtime_1.jsx)("span", { hidden: true, value: "" }))] })) }) })), isVisible: isOpen }) })));
|
|
129
101
|
};
|
|
130
102
|
exports.default = GroupFilter;
|
|
131
103
|
//# sourceMappingURL=GroupFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/GroupFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GroupFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/GroupFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ export interface RadioFilterProps {
|
|
|
6
6
|
items?: FilterItem[];
|
|
7
7
|
onChange?: (e: React.MouseEvent | React.ChangeEvent | React.FormEvent<HTMLInputElement>, newSelection: string | FilterValue | (string | FilterValue)[], selection?: string | FilterValue) => void;
|
|
8
8
|
placeholder?: string;
|
|
9
|
-
value?: string | FilterValue
|
|
9
|
+
value?: string | FilterValue | (string | FilterValue)[] | Record<string, unknown>;
|
|
10
10
|
}
|
|
11
11
|
declare const RadioFilter: React.FunctionComponent<RadioFilterProps>;
|
|
12
12
|
export default RadioFilter;
|
|
@@ -45,14 +45,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
45
45
|
return t;
|
|
46
46
|
};
|
|
47
47
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
-
var react_1 =
|
|
48
|
+
var react_1 = require("react");
|
|
49
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
50
|
+
var react_2 = require("react");
|
|
49
51
|
var react_core_1 = require("@patternfly/react-core");
|
|
50
52
|
var TextFilter_1 = __importStar(require("./TextFilter"));
|
|
51
53
|
var RadioFilter = function (_a) {
|
|
52
54
|
var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return undefined; } : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, props = __rest(_a, ["items", "onChange", "isDisabled"]);
|
|
53
|
-
var placeholder = props.placeholder, className = props.className,
|
|
54
|
-
var
|
|
55
|
-
var
|
|
55
|
+
var placeholder = props.placeholder, className = props.className, value = props.value;
|
|
56
|
+
var selectedValue = value;
|
|
57
|
+
var _e = (0, react_2.useState)(false), isExpanded = _e[0], setExpanded = _e[1];
|
|
58
|
+
var _f = (0, react_2.useState)(), checked = _f[0], setChecked = _f[1];
|
|
56
59
|
var calculateSelected = function () {
|
|
57
60
|
if (selectedValue) {
|
|
58
61
|
return (0, TextFilter_1.isFilterValue)(selectedValue) ? selectedValue.value : selectedValue;
|
|
@@ -66,14 +69,14 @@ var RadioFilter = function (_a) {
|
|
|
66
69
|
setChecked(selection);
|
|
67
70
|
};
|
|
68
71
|
var checkedValue = calculateSelected();
|
|
69
|
-
return (
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
72
|
+
return ((0, jsx_runtime_1.jsx)(react_2.Fragment, { children: !items || (items && items.length <= 0) ? ((0, jsx_runtime_1.jsx)(TextFilter_1.default, __assign({}, props, { onChange: onChange, isDisabled: isDisabled, value: "".concat(calculateSelected()) }))) : ((0, jsx_runtime_1.jsx)(react_core_1.Select, __assign({ className: className, variant: react_core_1.SelectVariant.single, "aria-label": "Select Input", isDisabled: isDisabled, onToggle: function (value) { return setExpanded(value); }, onSelect: function (event, value) { return onSelect(event, value); }, isOpen: isExpanded, placeholderText: placeholder, ouiaId: placeholder }, { children: items.map(function (_a, key) {
|
|
73
|
+
var value = _a.value, isChecked = _a.isChecked, onChange = _a.onChange, label = _a.label, id = _a.id, item = __rest(_a, ["value", "isChecked", "onChange", "label", "id"]);
|
|
74
|
+
return ((0, react_1.createElement)(react_core_1.SelectOption, __assign({}, item, { key: id || key, value: value || '' + key }),
|
|
75
|
+
(0, jsx_runtime_1.jsx)(react_core_1.Radio, { name: id || "".concat(key, "-radio"), label: label, value: value || key, isChecked: isChecked ||
|
|
76
|
+
(checkedValue !== undefined && checkedValue === value) ||
|
|
77
|
+
(checkedValue !== undefined && checkedValue === '' + key) ||
|
|
78
|
+
false, onChange: function (_value, e) { return onChange === null || onChange === void 0 ? void 0 : onChange(e, __assign({ id: id, label: label, value: value, isChecked: isChecked }, item), key); }, id: id || "".concat(value, "-").concat(key) })));
|
|
79
|
+
}) }))) }));
|
|
77
80
|
};
|
|
78
81
|
exports.default = RadioFilter;
|
|
79
82
|
//# sourceMappingURL=RadioFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/RadioFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/RadioFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export interface FilterValue {
|
|
|
15
15
|
value: string;
|
|
16
16
|
}
|
|
17
17
|
export interface TextFilterProps {
|
|
18
|
-
value?: string | FilterValue
|
|
18
|
+
value?: string | FilterValue | (string | FilterValue)[] | Record<string, unknown>;
|
|
19
19
|
placeholder?: string;
|
|
20
20
|
onChange?: (e: React.MouseEvent | React.ChangeEvent | React.FormEvent<HTMLInputElement>, newSelection: string | FilterValue | (string | FilterValue)[], selection?: string | FilterValue) => void;
|
|
21
21
|
onSubmit?: (e: React.FormEvent<HTMLInputElement>, value: string) => void;
|
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
3
|
var t = {};
|
|
27
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -35,7 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
35
12
|
};
|
|
36
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
14
|
exports.isFilterValue = void 0;
|
|
38
|
-
var
|
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
var react_1 = require("react");
|
|
39
17
|
var react_core_1 = require("@patternfly/react-core");
|
|
40
18
|
var react_icons_1 = require("@patternfly/react-icons");
|
|
41
19
|
require("./conditional-filter.css");
|
|
@@ -45,12 +23,13 @@ function isFilterValue(item) {
|
|
|
45
23
|
exports.isFilterValue = isFilterValue;
|
|
46
24
|
var TextFilter = function (_a) {
|
|
47
25
|
var icon = _a.icon, id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, className = _a.className, onChange = _a.onChange, _c = _a.onSubmit, onSubmit = _c === void 0 ? function () { return undefined; } : _c, _d = _a.value, value = _d === void 0 ? '' : _d, placeholder = _a.placeholder, props = __rest(_a, ["icon", "id", "isDisabled", "className", "onChange", "onSubmit", "value", "placeholder"]);
|
|
26
|
+
var filterValue = value;
|
|
48
27
|
var _e = (0, react_1.useState)(''), stateValue = _e[0], setStateValue = _e[1];
|
|
49
28
|
var Icon = icon || react_icons_1.SearchIcon;
|
|
50
29
|
var changeCallback = function (e, value) { return (onChange ? onChange(e, value) : setStateValue(value)); };
|
|
51
|
-
return (
|
|
52
|
-
|
|
53
|
-
|
|
30
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, { "aria-label": props['aria-label'] || 'text input', className: "ins-c-conditional-filter ".concat(className || ''), "data-ouia-component-type": "PF4/TextInput", id: id, isDisabled: isDisabled, value: (onChange ? (typeof value === 'string' ? filterValue : filterValue.value) : stateValue), onChange: function (_inputValue, e) { return changeCallback(e, e.target.value); }, onKeyDown: function (e) {
|
|
31
|
+
return e.key === 'Enter' && (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, (typeof value === 'string' ? filterValue : filterValue.value) || stateValue));
|
|
32
|
+
}, ouiaId: "ConditionalFilter", placeholder: placeholder, "widget-type": "InsightsInput" }), (0, jsx_runtime_1.jsx)(Icon, { size: "sm", className: "ins-c-search-icon" })] }));
|
|
54
33
|
};
|
|
55
34
|
exports.default = TextFilter;
|
|
56
35
|
//# sourceMappingURL=TextFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/TextFilter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/TextFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAgF;AAChF,qDAAmD;AACnD,uDAAqD;AACrD,qCAAmC;AAEnC,SAAgB,aAAa,CAAC,IAA0B;IACtD,OAAQ,IAAoB,CAAC,KAAK,KAAK,SAAS,CAAC;AACnD,CAAC;AAFD,sCAEC;AA0DD,IAAM,UAAU,GAA6C,UAAC,EAU7D;IATC,IAAA,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAA0B,EAA1B,QAAQ,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAC1B,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,WAAW,iBAAA,EACR,KAAK,cAToD,yFAU7D,CADS;IAER,IAAM,WAAW,GAAG,KAA6B,CAAC;IAC5C,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;IACjD,IAAM,IAAI,GAAG,IAAI,IAAI,wBAAU,CAAC;IAChC,IAAM,cAAc,GAAG,UAAC,CAAoC,EAAE,KAAa,IAAK,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAtD,CAAsD,CAAC;IAEvI,OAAO,CACL,wBAAC,gBAAQ,eACP,uBAAC,sBAAS,kBACI,KAAK,CAAC,YAAY,CAAC,IAAI,YAAY,EAC/C,SAAS,EAAE,mCAA4B,SAAS,IAAI,EAAE,CAAE,8BAC/B,eAAe,EACxC,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAE,WAA2B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAW,EACzH,QAAQ,EAAE,UAAC,WAAW,EAAE,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAvD,CAAuD,EACrF,SAAS,EAAE,UAAC,CAAC;oBACX,OAAA,CAAC,CAAC,GAAG,KAAK,OAAO,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,EAAG,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAE,WAA2B,CAAC,KAAK,CAAY,IAAI,UAAU,CAAC,CAAA;gBAA5I,CAA4I,EAE9I,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,WAAW,iBACZ,eAAe,GAC3B,EACF,uBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,GAAG,IACvC,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|