@redhat-cloud-services/frontend-components 3.8.2 → 3.8.5

package/ConditionalFilter/RadioFilter.d.ts

@@ -1,37 +1,12 @@
-export default Radio;
-declare class Radio extends React.Component<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
-    onToggle: (isExpanded: any) => void;
-    calculateSelected: () => any;
-    onSelect: (event: any, selection: any) => void;
+import React from 'react';
+import { FilterItem, FilterValue } from './TextFilter';
+export interface RadioFilterProps {
+    className?: string;
+    isDisabled?: boolean;
+    items?: FilterItem[];
+    onChange?: (e: React.MouseEvent | React.ChangeEvent | React.FormEvent<HTMLInputElement>, newSelection: string | FilterValue | (string | FilterValue)[], selection?: string | FilterValue) => void;
+    placeholder?: string;
+    value?: string | FilterValue;
 }
-declare namespace Radio {
-    namespace propTypes {
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const value: PropTypes.Requireable<string | PropTypes.InferProps<{
-            label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            value: PropTypes.Requireable<string>;
-        }>>;
-        const placeholder: PropTypes.Requireable<string>;
-        const items: PropTypes.Requireable<(PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            id: PropTypes.Requireable<string>;
-            isChecked: PropTypes.Requireable<boolean>;
-            onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        }> | null | undefined)[]>;
-        const isDisabled: PropTypes.Requireable<boolean>;
-        const className: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        const items_1: never[];
-        export { items_1 as items };
-        export function onChange_1(): undefined;
-        export { onChange_1 as onChange };
-        const isDisabled_1: boolean;
-        export { isDisabled_1 as isDisabled };
-    }
-}
-import React from "react";
-import PropTypes from "prop-types";
+declare const RadioFilter: React.FunctionComponent<RadioFilterProps>;
+export default RadioFilter;

package/ConditionalFilter/RadioFilter.js

@@ -1,19 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -55,78 +40,36 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var react_core_1 = require("@patternfly/react-core");
-var TextFilter_1 = __importDefault(require("./TextFilter"));
-var Radio = (function (_super) {
-    __extends(Radio, _super);
-    function Radio() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            isExpanded: false,
-            checked: undefined,
-        };
-        _this.onToggle = function (isExpanded) {
-            _this.setState({
-                isExpanded: isExpanded,
-            });
-        };
-        _this.calculateSelected = function () {
-            var checked = _this.state.checked;
-            var selectedValue = _this.props.value;
-            return (selectedValue && (selectedValue.value || selectedValue)) || (checked && (checked.value || checked));
-        };
-        _this.onSelect = function (event, selection) {
-            var onChange = _this.props.onChange;
-            onChange(event, selection);
-            _this.setState({ checked: selection });
-        };
-        return _this;
-    }
-    Radio.prototype.render = function () {
-        var isExpanded = this.state.isExpanded;
-        var _a = this.props, items = _a.items, placeholder = _a.placeholder, isDisabled = _a.isDisabled, className = _a.className;
-        var checkedValue = this.calculateSelected();
-        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.single, "aria-label": "Select Input", isDisabled: isDisabled, onToggle: this.onToggle, onSelect: this.onSelect, isOpen: isExpanded, placeholderText: placeholder, ouiaId: placeholder }, items.map(function (_a, key) {
-            var value = _a.value, isChecked = _a.isChecked, onChange = _a.onChange, label = _a.label, id = _a.id, item = __rest(_a, ["value", "isChecked", "onChange", "label", "id"]);
-            return (react_1.default.createElement(react_core_1.SelectOption, __assign({}, item, { key: id || key, value: value || '' + key }),
-                react_1.default.createElement(react_core_1.Radio, __assign({}, item, { name: id || "".concat(key, "-radio"), label: label, value: value || key, isChecked: isChecked ||
-                        (checkedValue !== undefined && checkedValue === value) ||
-                        (checkedValue !== undefined && checkedValue === '' + key) ||
-                        false, onChange: function (_value, e) { return onChange && onChange(e, __assign({ id: id, label: label, value: value, isChecked: isChecked }, item), key); }, id: id || "".concat(value, "-").concat(key) }))));
-        })))));
+var TextFilter_1 = __importStar(require("./TextFilter"));
+var RadioFilter = function (_a) {
+    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"]);
+    var placeholder = props.placeholder, className = props.className, selectedValue = props.value;
+    var _e = (0, react_1.useState)(false), isExpanded = _e[0], setExpanded = _e[1];
+    var _f = (0, react_1.useState)(), checked = _f[0], setChecked = _f[1];
+    var calculateSelected = function () {
+        if (selectedValue) {
+            return (0, TextFilter_1.isFilterValue)(selectedValue) ? selectedValue.value : selectedValue;
+        }
+        else if (checked) {
+            return (0, TextFilter_1.isFilterValue)(checked) ? checked.value : checked;
+        }
     };
-    return Radio;
-}(react_1.Component));
-Radio.propTypes = {
-    onChange: prop_types_1.default.func,
-    value: prop_types_1.default.oneOfType([
-        prop_types_1.default.string,
-        prop_types_1.default.shape({
-            label: prop_types_1.default.node,
-            value: prop_types_1.default.string,
-        }),
-    ]),
-    placeholder: prop_types_1.default.string,
-    items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        value: prop_types_1.default.string,
-        label: prop_types_1.default.node,
-        id: prop_types_1.default.string,
-        isChecked: prop_types_1.default.bool,
-        onChange: prop_types_1.default.func,
-    })),
-    isDisabled: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
-};
-Radio.defaultProps = {
-    items: [],
-    onChange: function () { return undefined; },
-    isDisabled: false,
+    var onSelect = function (event, selection) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(event, selection);
+        setChecked(selection);
+    };
+    var checkedValue = calculateSelected();
+    return (react_1.default.createElement(react_1.Fragment, null, !items || (items && items.length <= 0) ? (react_1.default.createElement(TextFilter_1.default, __assign({}, props, { onChange: onChange, isDisabled: isDisabled, value: "".concat(calculateSelected()) }))) : (react_1.default.createElement(react_core_1.Select, { 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 }, items.map(function (_a, key) {
+        var value = _a.value, isChecked = _a.isChecked, onChange = _a.onChange, label = _a.label, id = _a.id, item = __rest(_a, ["value", "isChecked", "onChange", "label", "id"]);
+        return (react_1.default.createElement(react_core_1.SelectOption, __assign({}, item, { key: id || key, value: value || '' + key }),
+            react_1.default.createElement(react_core_1.Radio, { name: id || "".concat(key, "-radio"), label: label, value: value || key, isChecked: isChecked ||
+                    (checkedValue !== undefined && checkedValue === value) ||
+                    (checkedValue !== undefined && checkedValue === '' + key) ||
+                    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) })));
+    })))));
 };
-exports.default = Radio;
+exports.default = RadioFilter;
 //# sourceMappingURL=RadioFilter.js.map

package/ConditionalFilter/RadioFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/RadioFilter.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"RadioFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/RadioFilter.tsx"],"names":[],"mappings":"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"}

package/ConditionalFilter/TextFilter.d.ts

@@ -1,27 +1,29 @@
-export default Text;
-declare class Text extends React.Component<any, any, any> {
-    constructor(props: any);
-    constructor(props: any, context: any);
-    onChangeValue: (e: any, value: any) => void;
+import React, { FormEvent, MouseEventHandler } from 'react';
+import './conditional-filter.scss';
+export declare function isFilterValue(item: string | FilterValue): item is FilterValue;
+export interface FilterItem {
+    label: Node | string;
+    name?: string;
+    value: string;
+    id: string;
+    onChange?: (e: FormEvent, item: FilterItem, key: number) => void;
+    onClick?: (e?: FormEvent | MouseEventHandler<HTMLInputElement>, item?: FilterItem, key?: number, checked?: boolean) => void;
+    isChecked?: boolean;
 }
-declare namespace Text {
-    const propTypes: {
-        value: PropTypes.Requireable<string>;
-        placeholder: PropTypes.Requireable<string>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-        isDisabled: PropTypes.Requireable<boolean>;
-        'aria-label': PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        className: PropTypes.Requireable<string>;
-    };
-    const defaultProps: {
-        value: string;
-        onSubmit: () => undefined;
-        isDisabled: boolean;
-        'aria-label': string;
-    };
+export interface FilterValue {
+    label: Node;
+    value: string;
 }
-import React from "react";
-import PropTypes from "prop-types";
+export interface TextFilterProps {
+    value?: string | FilterValue;
+    placeholder?: string;
+    onChange?: (e: React.MouseEvent | React.ChangeEvent | React.FormEvent<HTMLInputElement>, newSelection: string | FilterValue | (string | FilterValue)[], selection?: string | FilterValue) => void;
+    onSubmit?: (e: React.FormEvent<HTMLInputElement>, value: string) => void;
+    isDisabled?: boolean;
+    'aria-label'?: string;
+    id?: string;
+    icon?: React.FunctionComponent;
+    className?: string;
+}
+declare const TextFilter: React.FunctionComponent<TextFilterProps>;
+export default TextFilter;

package/ConditionalFilter/TextFilter.js

@@ -1,30 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -55,56 +29,24 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFilterValue = void 0;
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var react_core_1 = require("@patternfly/react-core");
 var react_icons_1 = require("@patternfly/react-icons");
 require("./conditional-filter.css");
-var Text = (function (_super) {
-    __extends(Text, _super);
-    function Text() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            stateValue: '',
-        };
-        _this.onChangeValue = function (e, value) {
-            _this.setState({
-                stateValue: value,
-            });
-        };
-        return _this;
-    }
-    Text.prototype.render = function () {
-        var _a = this.props, value = _a.value, onChange = _a.onChange, onSubmit = _a.onSubmit, id = _a.id, icon = _a.icon, className = _a.className, isDisabled = _a.isDisabled, props = __rest(_a, ["value", "onChange", "onSubmit", "id", "icon", "className", "isDisabled"]);
-        var Icon = icon || react_icons_1.SearchIcon;
-        var stateValue = this.state.stateValue;
-        var changeCallback = onChange ? onChange : this.onChangeValue;
-        return (react_1.default.createElement(react_1.Fragment, null,
-            react_1.default.createElement(react_core_1.TextInput, __assign({}, props, { className: "ins-c-conditional-filter ".concat(className || ''), id: id, isDisabled: isDisabled, value: onChange ? value : stateValue, onChange: function (_inputValue, e) { return changeCallback(e, e.target.value); }, "widget-type": "InsightsInput", onKeyDown: function (e) { return e.key === 'Enter' && onSubmit(e, value || stateValue); }, "data-ouia-component-type": "PF4/TextInput", ouiaId: "ConditionalFilter" })),
-            react_1.default.createElement(Icon, { size: "sm", className: "ins-c-search-icon" })));
-    };
-    return Text;
-}(react_1.Component));
-Text.propTypes = {
-    value: prop_types_1.default.string,
-    placeholder: prop_types_1.default.string,
-    onChange: prop_types_1.default.func,
-    onSubmit: prop_types_1.default.func,
-    isDisabled: prop_types_1.default.bool,
-    'aria-label': prop_types_1.default.string,
-    id: prop_types_1.default.string,
-    icon: prop_types_1.default.elementType,
-    className: prop_types_1.default.string,
-};
-Text.defaultProps = {
-    value: '',
-    onSubmit: function () { return undefined; },
-    isDisabled: false,
-    'aria-label': 'text input',
+function isFilterValue(item) {
+    return item.value !== undefined;
+}
+exports.isFilterValue = isFilterValue;
+var TextFilter = function (_a) {
+    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"]);
+    var _e = (0, react_1.useState)(''), stateValue = _e[0], setStateValue = _e[1];
+    var Icon = icon || react_icons_1.SearchIcon;
+    var changeCallback = function (e, value) { return (onChange ? onChange(e, value) : setStateValue(value)); };
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(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' ? value : value.value) : stateValue, onChange: function (_inputValue, e) { return changeCallback(e, e.target.value); }, onKeyDown: function (e) { return e.key === 'Enter' && (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, (typeof value === 'string' ? value : value.value) || stateValue)); }, ouiaId: "ConditionalFilter", placeholder: placeholder, "widget-type": "InsightsInput" }),
+        react_1.default.createElement(Icon, { size: "sm", className: "ins-c-search-icon" })));
 };
-exports.default = Text;
+exports.default = TextFilter;
 //# sourceMappingURL=TextFilter.js.map

package/ConditionalFilter/TextFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/TextFilter.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AACnD,0DAAmC;AACnC,qDAAmD;AACnD,uDAAqD;AACrD,qCAAmC;AAEnC;IAAmB,wBAAS;IAA5B;QAAA,qEAkCC;QAjCC,WAAK,GAAG;YACN,UAAU,EAAE,EAAE;SACf,CAAC;QAEF,mBAAa,GAAG,UAAC,CAAC,EAAE,KAAK;YACvB,KAAI,CAAC,QAAQ,CAAC;gBACZ,UAAU,EAAE,KAAK;aAClB,CAAC,CAAC;QACL,CAAC,CAAC;;IAyBJ,CAAC;IAvBC,qBAAM,GAAN;QACE,IAAM,KAA2E,IAAI,CAAC,KAAK,EAAnF,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAK,KAAK,cAAtE,0EAAwE,CAAa,CAAC;QAC5F,IAAM,IAAI,GAAG,IAAI,IAAI,wBAAU,CAAC;QACxB,IAAA,UAAU,GAAK,IAAI,CAAC,KAAK,WAAf,CAAgB;QAClC,IAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC;QAChE,OAAO,CACL,8BAAC,gBAAQ;YACP,8BAAC,sBAAS,eACJ,KAAK,IACT,SAAS,EAAE,mCAA4B,SAAS,IAAI,EAAE,CAAE,EACxD,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EACpC,QAAQ,EAAE,UAAC,WAAW,EAAE,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAjC,CAAiC,iBACnD,eAAe,EAC3B,SAAS,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,QAAQ,CAAC,CAAC,EAAE,KAAK,IAAI,UAAU,CAAC,EAArD,CAAqD,8BAC9C,eAAe,EACxC,MAAM,EAAC,mBAAmB,IAC1B;YACF,8BAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,GAAG,CACvC,CACZ,CAAC;IACJ,CAAC;IACH,WAAC;AAAD,CAAC,AAlCD,CAAmB,iBAAS,GAkC3B;AAED,IAAI,CAAC,SAAS,GAAG;IACf,KAAK,EAAE,oBAAS,CAAC,MAAM;IACvB,WAAW,EAAE,oBAAS,CAAC,MAAM;IAC7B,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,UAAU,EAAE,oBAAS,CAAC,IAAI;IAC1B,YAAY,EAAE,oBAAS,CAAC,MAAM;IAC9B,EAAE,EAAE,oBAAS,CAAC,MAAM;IACpB,IAAI,EAAE,oBAAS,CAAC,WAAW;IAC3B,SAAS,EAAE,oBAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IACzB,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,YAAY;CAC3B,CAAC;AAEF,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/TextFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgF;AAChF,qDAAmD;AACnD,uDAAqD;AACrD,qCAAmC;AAEnC,SAAgB,aAAa,CAAC,IAA0B;IACtD,OAAQ,IAAoB,CAAC,KAAK,KAAK,SAAS,CAAC;AACnD,CAAC;AAFD,sCAEC;AAwDD,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;IAEF,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,8BAAC,gBAAQ;QACP,8BAAC,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,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,EAChF,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,IAAK,OAAA,CAAC,CAAC,GAAG,KAAK,OAAO,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC,CAAA,EAAnG,CAAmG,EACrH,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,WAAW,iBACZ,eAAe,GAC3B;QACF,8BAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,GAAG,CACvC,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/ConditionalFilter/conditionalFilterConstants.d.ts

@@ -1,19 +1,17 @@
-export namespace conditionalFilterType {
-    const text: string;
-    const checkbox: string;
-    const radio: string;
-    const custom: string;
-    const group: string;
-}
-export namespace typeMapper {
-    export { Text as text };
-    export { Checkbox as checkbox };
-    export { Radio as radio };
-    export { Fragment as custom };
-    export { Group as group };
-}
-import Text from "./TextFilter";
-import Checkbox from "./CheckboxFilter";
-import Radio from "./RadioFilter";
-import { Fragment } from "react";
-import Group from "./GroupFilter";
+/// <reference types="react" />
+export declare const conditionalFilterType: {
+    text: string;
+    checkbox: string;
+    radio: string;
+    custom: string;
+    group: string;
+};
+export declare const typeMapper: {
+    text: import("react").FunctionComponent<import("./TextFilter").TextFilterProps>;
+    checkbox: import("react").FunctionComponent<import("./CheckboxFilter").CheckboxFilterProps>;
+    radio: import("react").FunctionComponent<import("./RadioFilter").RadioFilterProps>;
+    custom: import("react").ExoticComponent<{
+        children?: import("react").ReactNode;
+    }>;
+    group: import("react").FunctionComponent<import("./GroupFilter").GroupFilterProps>;
+};

package/ConditionalFilter/conditionalFilterConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"conditionalFilterConstants.js","sourceRoot":"","sources":["../src/ConditionalFilter/conditionalFilterConstants.js"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AACjC,4DAAgC;AAChC,oEAAwC;AACxC,8DAAkC;AAClC,8DAAkC;AAErB,QAAA,qBAAqB,GAAG;IACnC,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEW,QAAA,UAAU,GAAG;IACxB,IAAI,EAAE,oBAAI;IACV,QAAQ,EAAE,wBAAQ;IAClB,KAAK,EAAE,qBAAK;IACZ,MAAM,EAAE,gBAAQ;IAChB,KAAK,EAAE,qBAAK;CACb,CAAC"}
+{"version":3,"file":"conditionalFilterConstants.js","sourceRoot":"","sources":["../src/ConditionalFilter/conditionalFilterConstants.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAiC;AACjC,4DAAgC;AAChC,oEAAwC;AACxC,8DAAkC;AAClC,8DAAkC;AAErB,QAAA,qBAAqB,GAAG;IACnC,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEW,QAAA,UAAU,GAAG;IACxB,IAAI,EAAE,oBAAI;IACV,QAAQ,EAAE,wBAAQ;IAClB,KAAK,EAAE,qBAAK;IACZ,MAAM,EAAE,gBAAQ;IAChB,KAAK,EAAE,qBAAK;CACb,CAAC"}

package/ConditionalFilter/groupFilterConstants.d.ts

@@ -1,7 +1,47 @@
-export function isChecked(groupValue: any, itemValue: any, id: any, tagValue: any, stateSelected: any, propSelected: any): any;
-export function getMenuItems(items: any, onChange: any, calculateSelected: any, groupType: any, groupValue: string | undefined, groupLabel: any, groupId: any, group: any): any;
-export function convertTreeItem(item: any): any;
-export function getGroupMenuItems(groups: any, onChange: any, calculateSelected: any): any;
-export function calculateSelected(selectedTags: any): (type: any, groupKey: any, value: any, checked: any) => any;
-export function mapTree(item: any, groupKey: any, stateSelected: any, selected: any): any;
-export function onTreeCheck(e: any, treeViewItem: any, tree: any): any;
+import React, { ChangeEvent } from 'react';
+import { Group, GroupItem, TreeViewItem } from './GroupFilter';
+import { GroupType } from './groupType';
+export declare const isChecked: (groupValue: string, itemValue: string | number, id: string | undefined, tagValue: string | undefined, stateSelected: Record<string, Record<string, boolean | Group>>, propSelected: Record<string, Record<string, boolean | Group>>) => boolean;
+export declare const getMenuItems: (items: GroupItem[], onChange: ((...args: unknown[]) => void) | undefined, calculateSelected: (type?: GroupType | undefined, groupKey?: string | undefined, value?: string | TreeViewItem | undefined, checked?: boolean | undefined) => Record<string, Record<string, Group | boolean>>, groupType?: GroupType | undefined, groupValue?: string, groupLabel?: string | undefined, groupId?: string | undefined, group?: Group | undefined) => {
+    className: string;
+    key: string | number;
+    value: string;
+    onClick: (event?: React.FormEvent<Element> | React.MouseEventHandler<Element> | undefined, treeViewItem?: TreeViewItem | undefined, checked?: boolean | undefined) => void;
+    id?: string | undefined;
+    isChecked?: boolean | undefined;
+    label?: string | Node | undefined;
+    name?: string | undefined;
+    noFilter?: boolean | undefined;
+    onChange?: ((value: boolean, event: React.FormEvent<HTMLInputElement>) => void) | undefined;
+    tagKey?: string | undefined;
+    tagValue?: string | undefined;
+    type?: GroupType | undefined;
+    variant?: import("@patternfly/react-core").ButtonVariant | undefined;
+}[];
+export declare const convertTreeItem: (item: TreeViewItem) => TreeViewItem;
+export declare const getGroupMenuItems: (groups: Group[], onChange: (() => void) | undefined, calculateSelected: (type?: GroupType | undefined, groupKey?: string | undefined, value?: string | TreeViewItem | undefined, checked?: boolean | undefined) => Record<string, Record<string, Group | boolean>>) => {
+    label: string | undefined;
+    noFilter: boolean | undefined;
+    value: string | undefined;
+    type: GroupType | undefined;
+    groupSelectable: boolean | undefined;
+    items: {
+        className: string;
+        key: string | number;
+        value: string;
+        onClick: (event?: React.FormEvent<Element> | React.MouseEventHandler<Element> | undefined, treeViewItem?: TreeViewItem | undefined, checked?: boolean | undefined) => void;
+        id?: string | undefined;
+        isChecked?: boolean | undefined;
+        label?: string | Node | undefined;
+        name?: string | undefined;
+        noFilter?: boolean | undefined;
+        onChange?: ((value: boolean, event: React.FormEvent<HTMLInputElement>) => void) | undefined;
+        tagKey?: string | undefined;
+        tagValue?: string | undefined;
+        type?: GroupType | undefined;
+        variant?: import("@patternfly/react-core").ButtonVariant | undefined;
+    }[];
+}[];
+export declare const calculateSelected: (selectedTags: Record<string, Record<string, Group | boolean>>) => (type?: string, groupKey?: string, value?: TreeViewItem | string, checked?: boolean) => Record<string, Record<string, boolean | Group>>;
+export declare const mapTree: (item: TreeViewItem, groupKey: string, stateSelected: Record<string, Record<string, boolean | Group>>, selected: Record<string, Record<string, boolean>>) => TreeViewItem;
+export declare const onTreeCheck: (e: ChangeEvent, treeViewItem: TreeViewItem, tree: TreeViewItem[]) => void | undefined;