@redhat-cloud-services/frontend-components 3.7.5 → 3.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AsyncComponent/index.d.ts +1 -0
- package/AsyncComponent/index.js.map +1 -1
- package/Filters/FilterDropdown.d.ts +22 -42
- package/Filters/FilterDropdown.js +43 -82
- package/Filters/FilterDropdown.js.map +1 -1
- package/Filters/FilterInput.d.ts +13 -36
- package/Filters/FilterInput.js +21 -89
- package/Filters/FilterInput.js.map +1 -1
- package/Filters/index.d.ts +2 -2
- package/Filters/index.js.map +1 -1
- package/Input/Input.d.ts +13 -22
- package/Input/Input.js +1 -12
- package/Input/Input.js.map +1 -1
- package/Input/LabeledInput.d.ts +3 -16
- package/Input/LabeledInput.js +0 -7
- package/Input/LabeledInput.js.map +1 -1
- package/Input/index.d.ts +5 -2
- package/Input/index.js +12 -0
- package/Input/index.js.map +1 -1
- package/Inventory/TagWithDialog.d.ts +4 -2
- package/Inventory/TagWithDialog.js +17 -19
- package/Inventory/TagWithDialog.js.map +1 -1
- package/Inventory/index.d.ts +1 -0
- package/Inventory/index.js +11 -0
- package/Inventory/index.js.map +1 -1
- package/LongTextTooltip/LongTextTooltip.d.ts +9 -24
- package/LongTextTooltip/LongTextTooltip.js +5 -42
- package/LongTextTooltip/LongTextTooltip.js.map +1 -1
- package/LongTextTooltip/index.d.ts +3 -2
- package/LongTextTooltip/index.js +11 -0
- package/LongTextTooltip/index.js.map +1 -1
- package/Main/Main.d.ts +0 -12
- package/Main/Main.js.map +1 -1
- package/NotConnected/NotConnected.d.ts +7 -21
- package/NotConnected/NotConnected.js +1 -12
- package/NotConnected/NotConnected.js.map +1 -1
- package/NotConnected/index.d.ts +3 -1
- package/NotConnected/index.js +11 -0
- package/NotConnected/index.js.map +1 -1
- package/Ouia/Ouia.d.ts +15 -0
- package/Ouia/Ouia.js +32 -0
- package/Ouia/Ouia.js.map +1 -0
- package/Ouia/WithOuia.d.ts +9 -0
- package/Ouia/WithOuia.js +34 -0
- package/Ouia/WithOuia.js.map +1 -0
- package/Ouia/index.d.ts +3 -0
- package/Ouia/index.js +13 -0
- package/Ouia/index.js.map +1 -0
- package/Ouia/package.json +1 -0
- package/Ouia/useOuia.d.ts +7 -0
- package/Ouia/useOuia.js +13 -0
- package/Ouia/useOuia.js.map +1 -0
- package/Reboot/Reboot.d.ts +7 -12
- package/Reboot/Reboot.js +0 -5
- package/Reboot/Reboot.js.map +1 -1
- package/Reboot/index.d.ts +3 -1
- package/Reboot/index.js +11 -0
- package/Reboot/index.js.map +1 -1
- package/SimpleTableFilter/SimpleTableFilter.d.ts +22 -46
- package/SimpleTableFilter/SimpleTableFilter.js +26 -91
- package/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/SimpleTableFilter/index.d.ts +3 -1
- package/SimpleTableFilter/index.js +11 -0
- package/SimpleTableFilter/index.js.map +1 -1
- package/esm/AsyncComponent/index.js.map +1 -1
- package/esm/Filters/FilterDropdown.js +43 -82
- package/esm/Filters/FilterDropdown.js.map +1 -1
- package/esm/Filters/FilterInput.js +22 -87
- package/esm/Filters/FilterInput.js.map +1 -1
- package/esm/Filters/index.js.map +1 -1
- package/esm/Input/Input.js +1 -12
- package/esm/Input/Input.js.map +1 -1
- package/esm/Input/LabeledInput.js +0 -7
- package/esm/Input/LabeledInput.js.map +1 -1
- package/esm/Input/index.js +2 -0
- package/esm/Input/index.js.map +1 -1
- package/esm/Inventory/TagWithDialog.js +17 -19
- package/esm/Inventory/TagWithDialog.js.map +1 -1
- package/esm/Inventory/index.js +1 -0
- package/esm/Inventory/index.js.map +1 -1
- package/esm/LongTextTooltip/LongTextTooltip.js +6 -43
- package/esm/LongTextTooltip/LongTextTooltip.js.map +1 -1
- package/esm/LongTextTooltip/index.js +1 -0
- package/esm/LongTextTooltip/index.js.map +1 -1
- package/esm/Main/Main.js.map +1 -1
- package/esm/NotConnected/NotConnected.js +1 -12
- package/esm/NotConnected/NotConnected.js.map +1 -1
- package/esm/NotConnected/index.js +1 -0
- package/esm/NotConnected/index.js.map +1 -1
- package/esm/Ouia/Ouia.js +27 -0
- package/esm/Ouia/Ouia.js.map +1 -0
- package/esm/Ouia/WithOuia.js +29 -0
- package/esm/Ouia/WithOuia.js.map +1 -0
- package/esm/Ouia/index.js +4 -0
- package/esm/Ouia/index.js.map +1 -0
- package/esm/Ouia/useOuia.js +11 -0
- package/esm/Ouia/useOuia.js.map +1 -0
- package/esm/Reboot/Reboot.js +0 -5
- package/esm/Reboot/Reboot.js.map +1 -1
- package/esm/Reboot/index.js +1 -0
- package/esm/Reboot/index.js.map +1 -1
- package/esm/SimpleTableFilter/SimpleTableFilter.js +27 -89
- package/esm/SimpleTableFilter/SimpleTableFilter.js.map +1 -1
- package/esm/SimpleTableFilter/index.js +1 -0
- package/esm/SimpleTableFilter/index.js.map +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/useChrome/index.js +1 -0
- package/esm/useChrome/index.js.map +1 -1
- package/esm/useChrome/useChrome.js.map +1 -1
- package/index.d.ts +9 -0
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +3 -2
- package/useChrome/index.d.ts +1 -0
- package/useChrome/index.js +11 -0
- package/useChrome/index.js.map +1 -1
- package/useChrome/useChrome.d.ts +1 -127
- package/useChrome/useChrome.js.map +1 -1
package/Reboot/index.js
CHANGED
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
2
12
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
13
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
14
|
};
|
|
@@ -8,4 +18,5 @@ var Reboot_1 = require("./Reboot");
|
|
|
8
18
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Reboot_1).default; } });
|
|
9
19
|
var Reboot_2 = require("./Reboot");
|
|
10
20
|
Object.defineProperty(exports, "Reboot", { enumerable: true, get: function () { return __importDefault(Reboot_2).default; } });
|
|
21
|
+
__exportStar(require("./Reboot"), exports);
|
|
11
22
|
//# sourceMappingURL=index.js.map
|
package/Reboot/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Reboot/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Reboot/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,2CAAyB"}
|
|
@@ -1,47 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
title: PropTypes.Requireable<string>;
|
|
22
|
-
}> | null | undefined)[]>;
|
|
23
|
-
}>>;
|
|
24
|
-
const onButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
|
|
25
|
-
const onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
26
|
-
const onOptionSelect: PropTypes.Requireable<(...args: any[]) => any>;
|
|
27
|
-
const searchIcon: PropTypes.Requireable<boolean>;
|
|
28
|
-
}
|
|
29
|
-
namespace defaultProps {
|
|
30
|
-
const className_1: string;
|
|
31
|
-
export { className_1 as className };
|
|
32
|
-
const placeholder_1: string;
|
|
33
|
-
export { placeholder_1 as placeholder };
|
|
34
|
-
const buttonTitle_1: string;
|
|
35
|
-
export { buttonTitle_1 as buttonTitle };
|
|
36
|
-
export function onButtonClick_1(): undefined;
|
|
37
|
-
export { onButtonClick_1 as onButtonClick };
|
|
38
|
-
export function onFilterChange_1(): undefined;
|
|
39
|
-
export { onFilterChange_1 as onFilterChange };
|
|
40
|
-
export function onOptionSelect_1(): undefined;
|
|
41
|
-
export { onOptionSelect_1 as onOptionSelect };
|
|
42
|
-
const searchIcon_1: boolean;
|
|
43
|
-
export { searchIcon_1 as searchIcon };
|
|
44
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './simple-table-filter.scss';
|
|
3
|
+
export declare type SimpleFilterOptionItem = {
|
|
4
|
+
value?: string;
|
|
5
|
+
title?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare type SimpleFilterOption = {
|
|
8
|
+
title?: string;
|
|
9
|
+
items?: SimpleFilterOptionItem[];
|
|
10
|
+
};
|
|
11
|
+
export interface SimpleFilterProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
12
|
+
widgetId?: string;
|
|
13
|
+
buttonTitle?: string;
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
className?: string;
|
|
16
|
+
options?: SimpleFilterOption;
|
|
17
|
+
onButtonClick?: (activeFilter: string, selected?: SimpleFilterOptionItem) => void;
|
|
18
|
+
onFilterChange?: (value: string, selected?: SimpleFilterOptionItem) => void;
|
|
19
|
+
onOptionSelect?: (event: MouseEvent | React.MouseEvent<any, MouseEvent> | React.KeyboardEvent<Element>, oneItem: SimpleFilterOptionItem) => void;
|
|
20
|
+
searchIcon?: boolean;
|
|
45
21
|
}
|
|
46
|
-
|
|
47
|
-
|
|
22
|
+
declare const SimpleFilter: React.FC<SimpleFilterProps>;
|
|
23
|
+
export default SimpleFilter;
|
|
@@ -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++) {
|
|
@@ -55,89 +40,39 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
55
40
|
}
|
|
56
41
|
return t;
|
|
57
42
|
};
|
|
58
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
59
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
60
|
-
};
|
|
61
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
62
44
|
var react_1 = __importStar(require("react"));
|
|
63
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
64
45
|
var react_core_1 = require("@patternfly/react-core");
|
|
65
46
|
var Input_1 = require("../Input");
|
|
66
47
|
var react_icons_1 = require("@patternfly/react-icons");
|
|
67
48
|
require("./simple-table-filter.css");
|
|
68
|
-
var SimpleFilter =
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
isOpen: isOpen,
|
|
79
|
-
});
|
|
80
|
-
};
|
|
81
|
-
_this.onInputChange = function (event) {
|
|
82
|
-
_this.setState({ activeFilter: event.target.value });
|
|
83
|
-
_this.props.onFilterChange(event.target.value, _this.state.selected);
|
|
84
|
-
};
|
|
85
|
-
_this.onFilterSubmit = function () {
|
|
86
|
-
_this.props.onButtonClick(_this.state.activeFilter, _this.state.selected);
|
|
87
|
-
};
|
|
88
|
-
_this.onFilterSelect = function (event, oneItem) {
|
|
89
|
-
_this.setState({
|
|
90
|
-
selected: oneItem,
|
|
91
|
-
});
|
|
92
|
-
_this.props.onOptionSelect(event, oneItem);
|
|
93
|
-
};
|
|
94
|
-
_this.onSelect = function () {
|
|
95
|
-
_this.setState({
|
|
96
|
-
isOpen: false,
|
|
97
|
-
});
|
|
98
|
-
};
|
|
99
|
-
return _this;
|
|
100
|
-
}
|
|
101
|
-
SimpleFilter.prototype.render = function () {
|
|
102
|
-
var _this = this;
|
|
103
|
-
var _a = this.props, placeholder = _a.placeholder, buttonTitle = _a.buttonTitle, className = _a.className, onButtonClick = _a.onButtonClick, onOptionSelect = _a.onOptionSelect, onFilterChange = _a.onFilterChange, options = _a.options, searchIcon = _a.searchIcon, widgetId = _a.widgetId, props = __rest(_a, ["placeholder", "buttonTitle", "className", "onButtonClick", "onOptionSelect", "onFilterChange", "options", "searchIcon", "widgetId"]);
|
|
104
|
-
var _b = this.state, isOpen = _b.isOpen, selected = _b.selected;
|
|
105
|
-
var dropdownItems = options &&
|
|
106
|
-
options.items &&
|
|
107
|
-
options.items.map(function (oneItem) { return (react_1.default.createElement(react_core_1.DropdownItem, { component: "button", key: oneItem.value, onClick: function (event) { return _this.onFilterSelect(event, oneItem); }, "data-key": oneItem.value }, oneItem.title)); });
|
|
108
|
-
return (react_1.default.createElement("div", __assign({ className: "pf-c-input-group ins-c-filter ".concat(!buttonTitle ? 'ins-u-no-title' : '', " ").concat(className) }, props),
|
|
109
|
-
options && (react_1.default.createElement(react_core_1.Dropdown, { onSelect: this.onSelect, isOpen: isOpen, toggle: react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: this.onToggle }, (selected && selected.title) || options.title || 'Dropdown'), dropdownItems: dropdownItems })),
|
|
110
|
-
react_1.default.createElement(Input_1.Input, { placeholder: placeholder, onKeyPress: function (event) { return event.key === 'Enter' && _this.onInputChange(event); }, "widget-id": widgetId, onChange: this.onInputChange }),
|
|
111
|
-
!buttonTitle && searchIcon && react_1.default.createElement(react_icons_1.SearchIcon, { size: "sm", className: "ins-c-search-icon" }),
|
|
112
|
-
buttonTitle && (react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.secondary, action: "filter", onClick: this.onFilterSubmit }, buttonTitle))));
|
|
49
|
+
var SimpleFilter = function (_a) {
|
|
50
|
+
var options = _a.options, widgetId = _a.widgetId, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Search items' : _c, _d = _a.buttonTitle, buttonTitle = _d === void 0 ? 'Filter' : _d, _e = _a.onButtonClick, onButtonClick = _e === void 0 ? function () { return undefined; } : _e, _f = _a.onFilterChange, onFilterChange = _f === void 0 ? function () { return undefined; } : _f, _g = _a.onOptionSelect, onOptionSelect = _g === void 0 ? function () { return undefined; } : _g, _h = _a.searchIcon, searchIcon = _h === void 0 ? true : _h, props = __rest(_a, ["options", "widgetId", "className", "placeholder", "buttonTitle", "onButtonClick", "onFilterChange", "onOptionSelect", "searchIcon"]);
|
|
51
|
+
var _j = (0, react_1.useState)(''), activeFilter = _j[0], setActiveFilter = _j[1];
|
|
52
|
+
var _k = (0, react_1.useState)(false), isOpen = _k[0], setIsOpen = _k[1];
|
|
53
|
+
var _l = (0, react_1.useState)(), selected = _l[0], setSelected = _l[1];
|
|
54
|
+
var onToggle = function (isOpen) { return setIsOpen(isOpen); };
|
|
55
|
+
var onInputChange = function (event) {
|
|
56
|
+
var _a;
|
|
57
|
+
setActiveFilter((_a = event.target) === null || _a === void 0 ? void 0 : _a.value);
|
|
58
|
+
onFilterChange(event.target.value, selected);
|
|
113
59
|
};
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
items
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
})),
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
onOptionSelect: prop_types_1.default.func,
|
|
131
|
-
searchIcon: prop_types_1.default.bool,
|
|
132
|
-
};
|
|
133
|
-
SimpleFilter.defaultProps = {
|
|
134
|
-
className: '',
|
|
135
|
-
placeholder: 'Search items',
|
|
136
|
-
buttonTitle: 'Filter',
|
|
137
|
-
onButtonClick: function () { return undefined; },
|
|
138
|
-
onFilterChange: function () { return undefined; },
|
|
139
|
-
onOptionSelect: function () { return undefined; },
|
|
140
|
-
searchIcon: true,
|
|
60
|
+
var onFilterSubmit = function () {
|
|
61
|
+
onButtonClick(activeFilter, selected);
|
|
62
|
+
};
|
|
63
|
+
var onFilterSelect = function (event, oneItem) {
|
|
64
|
+
setSelected(oneItem);
|
|
65
|
+
onOptionSelect(event, oneItem);
|
|
66
|
+
};
|
|
67
|
+
var onSelect = function () { return setIsOpen(false); };
|
|
68
|
+
var dropdownItems = options &&
|
|
69
|
+
options.items &&
|
|
70
|
+
options.items.map(function (oneItem) { return (react_1.default.createElement(react_core_1.DropdownItem, { component: "button", key: oneItem.value, onClick: function (event) { return onFilterSelect(event, oneItem); }, "data-key": oneItem.value }, oneItem.title)); });
|
|
71
|
+
return (react_1.default.createElement("div", __assign({ className: "pf-c-input-group ins-c-filter ".concat(!buttonTitle ? 'ins-u-no-title' : '', " ").concat(className) }, props),
|
|
72
|
+
options && (react_1.default.createElement(react_core_1.Dropdown, { onSelect: onSelect, isOpen: isOpen, toggle: react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: onToggle }, (selected && selected.title) || options.title || 'Dropdown'), dropdownItems: dropdownItems })),
|
|
73
|
+
react_1.default.createElement(Input_1.Input, { placeholder: placeholder, onKeyPress: function (event) { return event.key === 'Enter' && onInputChange(event); }, "widget-id": widgetId, onChange: function (event) { return onInputChange(event); } }),
|
|
74
|
+
!buttonTitle && searchIcon && react_1.default.createElement(react_icons_1.SearchIcon, { size: "sm", className: "ins-c-search-icon" }),
|
|
75
|
+
buttonTitle && (react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.secondary, action: "filter", onClick: onFilterSubmit }, buttonTitle))));
|
|
141
76
|
};
|
|
142
77
|
exports.default = SimpleFilter;
|
|
143
78
|
//# sourceMappingURL=SimpleTableFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleTableFilter.js","sourceRoot":"","sources":["../src/SimpleTableFilter/SimpleTableFilter.
|
|
1
|
+
{"version":3,"file":"SimpleTableFilter.js","sourceRoot":"","sources":["../src/SimpleTableFilter/SimpleTableFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
2
12
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
13
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
14
|
};
|
|
@@ -8,4 +18,5 @@ var SimpleTableFilter_1 = require("./SimpleTableFilter");
|
|
|
8
18
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SimpleTableFilter_1).default; } });
|
|
9
19
|
var SimpleTableFilter_2 = require("./SimpleTableFilter");
|
|
10
20
|
Object.defineProperty(exports, "SimpleTableFilter", { enumerable: true, get: function () { return __importDefault(SimpleTableFilter_2).default; } });
|
|
21
|
+
__exportStar(require("./SimpleTableFilter"), exports);
|
|
11
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/SimpleTableFilter/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/SimpleTableFilter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAA8C;AAArC,6HAAA,OAAO,OAAA;AAChB,yDAAmE;AAA1D,uIAAA,OAAO,OAAqB;AACrC,sDAAoC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AsyncComponent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AsyncComponent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;AAyBpC,IAAM,kBAAkB,GAAqD,UAAC,EAa7E;IAZC,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAIC,EAJD,QAAQ,mBAAG,CACT,oBAAC,QAAQ;QACP,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACZ,CACZ,KAAA,EACD,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAA0B,EAAf,GAAG,mBAAG,SAAS,KAAA,EACvB,KAAK,cAZoE,gFAa7E,CADS;IAER,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC;QAC5C,oBAAC,iBAAiB,aAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EACvB,cAAc,EAAE,QAAQ,EACxB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAQF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,oBAAC,kBAAkB,aAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,EAAhD,CAAgD,CAAC,CAAC;AAE3I,eAAe,aAAa,CAAC"}
|
|
@@ -1,89 +1,50 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
7
9
|
};
|
|
8
|
-
return
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React, { useState } from 'react';
|
|
18
24
|
import { getDefaultOUIAId } from '@patternfly/react-core/';
|
|
19
|
-
import
|
|
20
|
-
import FilterInput from './FilterInput
|
|
25
|
+
import { Dropdown, DropdownToggle, Level } from '@patternfly/react-core';
|
|
26
|
+
import FilterInput from './FilterInput';
|
|
21
27
|
import '../Filters/filter-dropdown.css';
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
isChecked ? _this.props.addFilter(filterName, selectedValue, type) : _this.props.removeFilter(filterName, selectedValue);
|
|
34
|
-
break;
|
|
35
|
-
case 'radio':
|
|
36
|
-
_this.props.addFilter(filterName, selectedValue, type);
|
|
37
|
-
break;
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
_this.onToggle = function (isOpen) {
|
|
41
|
-
_this.setState({
|
|
42
|
-
isOpen: isOpen,
|
|
43
|
-
});
|
|
44
|
-
};
|
|
45
|
-
return _this;
|
|
46
|
-
}
|
|
47
|
-
FilterDropdown.prototype.render = function () {
|
|
48
|
-
var _this = this;
|
|
49
|
-
var _a = this.props, hideCategories = _a.hideCategories, filters = _a.filters, filterCategories = _a.filterCategories, label = _a.label, ouiaId = _a.ouiaId, ouiaSafe = _a.ouiaSafe;
|
|
50
|
-
var _b = this.state, isOpen = _b.isOpen, ouiaStateId = _b.ouiaStateId;
|
|
51
|
-
var ouiaFinalId = ouiaId !== undefined ? ouiaId : ouiaStateId;
|
|
52
|
-
return (React.createElement(Dropdown, { className: "ins-c-filter__dropdown", onSelect: this.onSelect, toggle: React.createElement(DropdownToggle, { ouiaId: ouiaFinalId, ouiaSafe: ouiaSafe, onToggle: this.onToggle }, label), isOpen: isOpen, ouiaId: ouiaFinalId, ouiaSafe: ouiaSafe },
|
|
53
|
-
React.createElement("div", { className: "pf-c-dropdown__menu-item" }, filterCategories.map(function (data, index) {
|
|
54
|
-
return !hideCategories.includes(data.urlParam) && (React.createElement(Level, { key: "".concat(data.urlParam).concat(index) },
|
|
55
|
-
data.title,
|
|
56
|
-
data.values.map(function (item, key) { return (React.createElement(FilterInput, { key: "check".concat(index).concat(key), "aria-label": item.label, id: "".concat(data.urlParam).concat(key), label: item.label, addRemoveFilters: _this.addRemoveFilters, param: data.urlParam, type: data.type, value: item.value, filters: filters })); }),
|
|
57
|
-
index !== filterCategories.length - 1 && React.createElement("br", null)));
|
|
58
|
-
}))));
|
|
28
|
+
var ouiaStateId = getDefaultOUIAId('RHI/FilterDropdown');
|
|
29
|
+
var FilterDropdown = function (_a) {
|
|
30
|
+
var hideCategories = _a.hideCategories, filters = _a.filters, filterCategories = _a.filterCategories, label = _a.label, _b = _a.ouiaId, ouiaId = _b === void 0 ? ouiaStateId : _b, _c = _a.ouiaSafe, ouiaSafe = _c === void 0 ? true : _c, addFilter = _a.addFilter, removeFilter = _a.removeFilter, props = __rest(_a, ["hideCategories", "filters", "filterCategories", "label", "ouiaId", "ouiaSafe", "addFilter", "removeFilter"]);
|
|
31
|
+
var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
|
|
32
|
+
var addRemoveFilters = function (selectedValue, filterName, type, isChecked) {
|
|
33
|
+
if (type === 'checkbox') {
|
|
34
|
+
isChecked ? addFilter === null || addFilter === void 0 ? void 0 : addFilter(filterName, selectedValue, type) : removeFilter === null || removeFilter === void 0 ? void 0 : removeFilter(filterName, selectedValue);
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
addFilter === null || addFilter === void 0 ? void 0 : addFilter(filterName, selectedValue, type);
|
|
38
|
+
}
|
|
59
39
|
};
|
|
60
|
-
return
|
|
61
|
-
}(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
title: PropTypes.string,
|
|
69
|
-
type: PropTypes.type,
|
|
70
|
-
urlParam: PropTypes.string,
|
|
71
|
-
values: PropTypes.arrayOf(PropTypes.shape({
|
|
72
|
-
label: PropTypes.node,
|
|
73
|
-
value: PropTypes.any,
|
|
74
|
-
})),
|
|
75
|
-
})),
|
|
76
|
-
label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
77
|
-
ouiaId: PropTypes.string,
|
|
78
|
-
ouiaSafe: PropTypes.bool,
|
|
79
|
-
};
|
|
80
|
-
FilterDropdown.defaultProps = {
|
|
81
|
-
addFilter: Function.prototype,
|
|
82
|
-
removeFilter: Function.prototype,
|
|
83
|
-
hideCategories: [],
|
|
84
|
-
filters: {},
|
|
85
|
-
label: 'Filters',
|
|
86
|
-
ouiaSafe: true,
|
|
40
|
+
return (React.createElement(Dropdown, __assign({ className: "ins-c-filter__dropdown" }, props, { toggle: React.createElement(DropdownToggle, { ouiaId: ouiaId, ouiaSafe: ouiaSafe, onToggle: function (isOpen) { return setIsOpen(isOpen); } }, label), isOpen: isOpen, ouiaId: ouiaId, ouiaSafe: ouiaSafe }),
|
|
41
|
+
React.createElement("div", { className: "pf-c-dropdown__menu-item" }, filterCategories === null || filterCategories === void 0 ? void 0 : filterCategories.map(function (data, index) {
|
|
42
|
+
var _a;
|
|
43
|
+
return !(hideCategories === null || hideCategories === void 0 ? void 0 : hideCategories.includes(data === null || data === void 0 ? void 0 : data.urlParam)) && (React.createElement(Level, { key: "".concat(data.urlParam).concat(index) },
|
|
44
|
+
data.title || '', (_a = data.values) === null || _a === void 0 ? void 0 :
|
|
45
|
+
_a.map(function (item, key) { return (React.createElement(FilterInput, { key: "check".concat(index).concat(key), "aria-label": item.label, id: "".concat(data.urlParam).concat(key), label: item.label, addRemoveFilters: addRemoveFilters, param: data.urlParam, type: data.type, value: item.value, filters: filters })); }),
|
|
46
|
+
index !== filterCategories.length - 1 && React.createElement("br", null)));
|
|
47
|
+
}))));
|
|
87
48
|
};
|
|
88
49
|
export default FilterDropdown;
|
|
89
50
|
//# sourceMappingURL=FilterDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../src/Filters/FilterDropdown.
|
|
1
|
+
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../src/Filters/FilterDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,94 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
|
-
import React, { Component } from 'react';
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
28
2
|
import { Checkbox, Radio } from '@patternfly/react-core';
|
|
29
|
-
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
_this.handleChange = function (checked) {
|
|
38
|
-
var _a = _this.props, type = _a.type, addRemoveFilters = _a.addRemoveFilters, param = _a.param, value = _a.value;
|
|
39
|
-
var updateState;
|
|
40
|
-
switch (type) {
|
|
41
|
-
case 'checkbox':
|
|
42
|
-
updateState = { checked: !_this.state.checked };
|
|
43
|
-
break;
|
|
3
|
+
var FilterInput = function (_a) {
|
|
4
|
+
var addRemoveFilters = _a.addRemoveFilters, _b = _a.param, param = _b === void 0 ? '' : _b, _c = _a.filters, filters = _c === void 0 ? {} : _c, _d = _a.type, type = _d === void 0 ? 'checkbox' : _d, value = _a.value, id = _a.id, label = _a.label;
|
|
5
|
+
var _e = useState(false), checked = _e[0], setChecked = _e[1];
|
|
6
|
+
useEffect(function () {
|
|
7
|
+
var _a;
|
|
8
|
+
if (type !== 'radio') {
|
|
9
|
+
if (param in filters && ((_a = filters === null || filters === void 0 ? void 0 : filters[param]) === null || _a === void 0 ? void 0 : _a.includes(value))) {
|
|
10
|
+
setChecked(true);
|
|
44
11
|
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
};
|
|
48
|
-
return _this;
|
|
49
|
-
}
|
|
50
|
-
FilterInput.prototype.componentDidMount = function () {
|
|
51
|
-
var _a = this.props, type = _a.type, filters = _a.filters, param = _a.param, value = _a.value;
|
|
52
|
-
switch (type) {
|
|
53
|
-
case 'checkbox':
|
|
54
|
-
param in filters && filters[param] && filters[param].includes(value) ? this.setState({ checked: true }) : this.setState({ checked: false });
|
|
55
|
-
break;
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
FilterInput.prototype.render = function () {
|
|
59
|
-
var _this = this;
|
|
60
|
-
var _a = this.props, label = _a.label, id = _a.id, param = _a.param, value = _a.value, type = _a.type, filters = _a.filters;
|
|
61
|
-
var checked = this.state.checked;
|
|
62
|
-
return (function () {
|
|
63
|
-
switch (type) {
|
|
64
|
-
case 'checkbox':
|
|
65
|
-
return (React.createElement(Checkbox, { "aria-label": label, id: id, isChecked: checked, label: label, onChange: _this.handleChange, param: param, value: value, ouiaId: label }));
|
|
66
|
-
case 'radio':
|
|
67
|
-
return (React.createElement(Radio, { isChecked: filters[param] === value, "aria-label": label, id: id, label: label, name: param, onChange: _this.handleChange, param: param, value: value, ouiaId: label }));
|
|
12
|
+
else {
|
|
13
|
+
setChecked(false);
|
|
68
14
|
}
|
|
69
|
-
}
|
|
15
|
+
}
|
|
16
|
+
}, []);
|
|
17
|
+
var handleChange = function () {
|
|
18
|
+
if (type === 'checkbox') {
|
|
19
|
+
setChecked(!checked);
|
|
20
|
+
}
|
|
21
|
+
addRemoveFilters === null || addRemoveFilters === void 0 ? void 0 : addRemoveFilters(value, param, type, checked);
|
|
70
22
|
};
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
className: PropTypes.string,
|
|
76
|
-
currentPage: PropTypes.string,
|
|
77
|
-
id: PropTypes.string.isRequired,
|
|
78
|
-
label: PropTypes.node.isRequired,
|
|
79
|
-
param: PropTypes.string,
|
|
80
|
-
value: PropTypes.any,
|
|
81
|
-
filters: PropTypes.object,
|
|
82
|
-
type: PropTypes.string,
|
|
83
|
-
};
|
|
84
|
-
FilterInput.defaultProps = {
|
|
85
|
-
addRemoveFilters: Function.prototype,
|
|
86
|
-
className: null,
|
|
87
|
-
currentPage: null,
|
|
88
|
-
param: null,
|
|
89
|
-
filters: {},
|
|
90
|
-
type: 'checkbox',
|
|
91
|
-
value: undefined,
|
|
23
|
+
if (type !== 'radio') {
|
|
24
|
+
return (React.createElement(Checkbox, { "aria-label": String(label), id: id, isChecked: checked, label: label, onChange: handleChange, value: value, ouiaId: String(label) }));
|
|
25
|
+
}
|
|
26
|
+
return (React.createElement(Radio, { isChecked: filters && !!value && !!param && filters[param] === value, "aria-label": String(label), id: id, label: label, name: param, onChange: handleChange, value: value, ouiaId: String(label) }));
|
|
92
27
|
};
|
|
93
28
|
export default FilterInput;
|
|
94
29
|
//# sourceMappingURL=FilterInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterInput.js","sourceRoot":"","sources":["../../src/Filters/FilterInput.
|
|
1
|
+
{"version":3,"file":"FilterInput.js","sourceRoot":"","sources":["../../src/Filters/FilterInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAczD,IAAM,WAAW,GAA+B,UAAC,EAAmF;QAAjF,gBAAgB,sBAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,YAAiB,EAAjB,IAAI,mBAAG,UAAU,KAAA,EAAE,KAAK,WAAA,EAAE,EAAE,QAAA,EAAE,KAAK,WAAA;IAC1H,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAC9C,SAAS,CAAC;;QACR,IAAI,IAAI,KAAK,OAAO,EAAE;YACpB,IAAI,KAAK,IAAI,OAAO,KAAI,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA,EAAE;gBACzD,UAAU,CAAC,IAAI,CAAC,CAAC;aAClB;iBAAM;gBACL,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;SACF;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAM,YAAY,GAAG;QACnB,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;SACtB;QACD,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC,CAAC;IACF,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,OAAO,CACL,oBAAC,QAAQ,kBAAa,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,GAAI,CAC/I,CAAC;KACH;IACD,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,OAAO,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,gBACxD,MAAM,CAAC,KAAK,CAAC,EACzB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,GACrB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/esm/Filters/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Filters/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Filters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
|