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

package/Ansible/Ansible.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import './ansible.scss';
-export interface AnsibleProps {
+export interface AnsibleProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     unsupported?: boolean | number;
-    className?: string;
 }
 declare const Ansible: React.FunctionComponent<AnsibleProps>;
 export default Ansible;

package/Ansible/Ansible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ansible.js","sourceRoot":"","sources":["../src/Ansible/Ansible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0DAAoC;AAEpC,0BAAwB;AAiBxB,IAAM,OAAO,GAA0C,UAAC,EAAoC;;IAAlC,IAAA,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAlC,4BAAoC,CAAF;IACxF,IAAM,gBAAgB,GAAG,IAAA,oBAAU,EACjC,SAAS,EACT,SAAS,YACP,GAAC,cAAc,IAAG,CAAC,WAAW,IAAI,WAAW,KAAK,CAAC,iBACnD,GAAC,gBAAgB,IAAG,WAAW,IAAI,WAAW,KAAK,CAAC,MACvD,CAAC;IAEF,IAAI,gBAAgB,CAAC;IACrB,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,WAAW,EAAE;QACf,gBAAgB,GAAG,CACjB,8BAAC,eAAK,CAAC,QAAQ;YACb,wCACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,OAAO,EACT,SAAS,EAAC,2DAA2D,EACrE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd;YAEF,wCACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,KAAK,EACP,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,OAAO,GACd;YAEF,wCACE,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,QAAQ,EACV,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,CACa,CAClB,CAAC;QACF,UAAU;YACR,GAAC,UAAU,IAAG,UAAU;YACxB,GAAC,YAAY,IAAG,+BAA+B;eAChD,CAAC;KACH;SAAM;QACL,UAAU,aAAK,GAAC,YAAY,IAAG,qBAAqB,KAAE,CAAC;KACxD;IAED,OAAO,CACL,8CAAG,SAAS,EAAE,gBAAgB,IAAM,UAAU,EAAM,KAAK,mBAAc,wBAAwB;QAC7F,uCACE,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAE,EAAE,gBAAgB,EAAE,qBAAqB,EAAyB;YAEzE,wCACE,SAAS,EAAC,KAAK,EACf,CAAC,EAAC,ggBAG+H,GACjI;YACD,gBAAgB,CACb,CACJ,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"Ansible.js","sourceRoot":"","sources":["../src/Ansible/Ansible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0DAAoC;AAEpC,0BAAwB;AAgBxB,IAAM,OAAO,GAA0C,UAAC,EAAoC;;IAAlC,IAAA,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAlC,4BAAoC,CAAF;IACxF,IAAM,gBAAgB,GAAG,IAAA,oBAAU,EACjC,SAAS,EACT,SAAS,YACP,GAAC,cAAc,IAAG,CAAC,WAAW,IAAI,WAAW,KAAK,CAAC,iBACnD,GAAC,gBAAgB,IAAG,WAAW,IAAI,WAAW,KAAK,CAAC,MACvD,CAAC;IAEF,IAAI,gBAAgB,CAAC;IACrB,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,WAAW,EAAE;QACf,gBAAgB,GAAG,CACjB,8BAAC,eAAK,CAAC,QAAQ;YACb,wCACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,OAAO,EACT,SAAS,EAAC,2DAA2D,EACrE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd;YAEF,wCACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,KAAK,EACP,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,OAAO,GACd;YAEF,wCACE,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,QAAQ,EACV,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,CACa,CAClB,CAAC;QACF,UAAU;YACR,GAAC,UAAU,IAAG,UAAU;YACxB,GAAC,YAAY,IAAG,+BAA+B;eAChD,CAAC;KACH;SAAM;QACL,UAAU,aAAK,GAAC,YAAY,IAAG,qBAAqB,KAAE,CAAC;KACxD;IAED,OAAO,CACL,8CAAG,SAAS,EAAE,gBAAgB,IAAM,UAAU,EAAM,KAAK,mBAAc,wBAAwB;QAC7F,uCACE,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAE,EAAE,gBAAgB,EAAE,qBAAqB,EAAyB;YAEzE,wCACE,SAAS,EAAC,KAAK,EACf,CAAC,EAAC,ggBAG+H,GACjI;YACD,gBAAgB,CACb,CACJ,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/AsyncComponent/index.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
 export declare type ExcludeModulesKeys = 'appName' | 'module' | 'scope';
-export interface AsyncComponentProps {
+export interface AsyncComponentProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     appName: string;
     module: string;
     scope?: string;
     fallback: React.ReactNode;
-    className: string;
     component: keyof JSX.IntrinsicElements;
     [key: string]: any;
 }

package/AsyncComponent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/AsyncComponent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,mDAAyD;AACzD,qDAA2D;AAC3D,0DAAoC;AAyBpC,IAAM,kBAAkB,GAAqD,UAAC,EAa7E;IAZC,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAIC,EAJD,QAAQ,mBAAG,CACT,8BAAC,qBAAQ;QACP,8BAAC,oBAAO,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,8BAAC,GAAG,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,OAAO,CAAC;QAC5C,8BAAC,8BAAiB,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,eAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,8BAAC,kBAAkB,aAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,EAAhD,CAAgD,CAAC,CAAC;AAE3I,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/AsyncComponent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,mDAAyD;AACzD,qDAA2D;AAC3D,0DAAoC;AAuBpC,IAAM,kBAAkB,GAAqD,UAAC,EAa7E;IAZC,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAIC,EAJD,QAAQ,mBAAG,CACT,8BAAC,qBAAQ;QACP,8BAAC,oBAAO,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,8BAAC,GAAG,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,OAAO,CAAC;QAC5C,8BAAC,8BAAiB,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,eAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,8BAAC,kBAAkB,aAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,EAAhD,CAAgD,CAAC,CAAC;AAE3I,kBAAe,aAAa,CAAC"}

package/Battery/Battery.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './battery.scss';
 export declare type BatterySeverity = 1 | 2 | 3 | 4 | 'info' | 'low' | 'warn' | 'medium' | 'error' | 'high' | 'critical';
-export interface BatteryProps {
+export interface BatteryProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     severity: BatterySeverity;
     label: string;
     labelHidden?: boolean;

package/BulkSelect/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './BulkSelect';
 export { default as BulkSelect } from './BulkSelect';
+export * from './BulkSelect';

package/BulkSelect/index.js

@@ -1,4 +1,14 @@
 "use strict";
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,4 +18,5 @@ var BulkSelect_1 = require("./BulkSelect");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(BulkSelect_1).default; } });
 var BulkSelect_2 = require("./BulkSelect");
 Object.defineProperty(exports, "BulkSelect", { enumerable: true, get: function () { return __importDefault(BulkSelect_2).default; } });
+__exportStar(require("./BulkSelect"), exports);
 //# sourceMappingURL=index.js.map

package/BulkSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/BulkSelect/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,2CAAqD;AAA5C,yHAAA,OAAO,OAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/BulkSelect/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,+CAA6B"}

package/ConditionalFilter/CheckboxFilter.d.ts

@@ -1,38 +1,12 @@
-export default CheckboxFilter;
-declare class CheckboxFilter 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;
-}
-declare namespace CheckboxFilter {
-    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>;
-        }> | null | undefined)[]>;
-        const placeholder: PropTypes.Requireable<string>;
-        const items: PropTypes.Requireable<(PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            id: PropTypes.Requireable<string>;
-            onClick: 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 };
-        const value_1: never[];
-        export { value_1 as value };
-        export function onChange_1(): undefined;
-        export { onChange_1 as onChange };
-        const isDisabled_1: boolean;
-        export { isDisabled_1 as isDisabled };
-    }
+import React from 'react';
+import { FilterItem, FilterValue } from './TextFilter';
+export interface CheckboxFilterProps {
+    onChange?: (e: React.MouseEvent | React.ChangeEvent | React.FormEvent<HTMLInputElement>, newSelection: string | FilterValue | (string | FilterValue)[], selection?: string | FilterValue) => void;
+    value?: (string | FilterValue)[];
+    placeholder?: string;
+    items?: FilterItem[];
+    isDisabled?: boolean;
+    className?: string;
 }
-import React from "react";
-import PropTypes from "prop-types";
+declare const CheckboxFilter: React.FunctionComponent<CheckboxFilterProps>;
+export default CheckboxFilter;

package/ConditionalFilter/CheckboxFilter.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++) {
@@ -69,85 +54,40 @@ var __importDefault = (this && this.__importDefault) || function (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 isEqual_1 = __importDefault(require("lodash/isEqual"));
-var CheckboxFilter = (function (_super) {
-    __extends(CheckboxFilter, _super);
-    function CheckboxFilter() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            isExpanded: false,
-            selected: [],
-        };
-        _this.onToggle = function (isExpanded) {
-            _this.setState({
-                isExpanded: isExpanded,
-            });
-        };
-        _this.calculateSelected = function () {
-            var selected = _this.state.selected;
-            var value = _this.props.value;
-            return Array.from(new Set(__spreadArray(__spreadArray([], (value && value.length > 0 && value.constructor === Array ? value.map(function (item) { return item.value || item; }) : []), true), selected, true)));
-        };
-        _this.onSelect = function (event, selection) {
-            var onChange = _this.props.onChange;
-            var newSelection = _this.calculateSelected();
-            if (newSelection.includes(selection)) {
-                newSelection = newSelection.filter(function (item) { return item !== selection; });
-            }
-            else {
-                newSelection = __spreadArray(__spreadArray([], newSelection, true), [selection], false);
-            }
-            onChange(event, newSelection, selection);
-            _this.setState({ selected: newSelection });
-        };
-        return _this;
-    }
-    CheckboxFilter.prototype.componentDidUpdate = function (_a) {
-        var prevSelected = _a.value;
-        var value = this.props.value;
-        if (!(0, isEqual_1.default)(prevSelected, value)) {
-            this.setState({
-                selected: value,
-            });
-        }
+var omit_1 = __importDefault(require("lodash/omit"));
+var TextFilter_1 = __importStar(require("./TextFilter"));
+var CheckboxFilter = function (_a) {
+    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"]);
+    var placeholder = props.placeholder, className = props.className;
+    var _f = (0, react_1.useState)(false), isExpanded = _f[0], setExpanded = _f[1];
+    var _g = (0, react_1.useState)([]), selected = _g[0], setSelected = _g[1];
+    var prevSelected = (0, react_1.useRef)(selected);
+    var changeSelected = function (value) {
+        prevSelected.current = selected;
+        setSelected(value);
     };
-    CheckboxFilter.prototype.render = function () {
-        var isExpanded = this.state.isExpanded;
-        var _a = this.props, items = _a.items, placeholder = _a.placeholder, isDisabled = _a.isDisabled, className = _a.className;
-        return (react_1.default.createElement(react_1.Fragment, null, !items || (items && items.length <= 0) ? (react_1.default.createElement(TextFilter_1.default, __assign({}, this.props, { value: "".concat(this.calculateSelected()) }))) : (react_1.default.createElement(react_core_1.Select, { className: className, variant: react_core_1.SelectVariant.checkbox, "aria-label": "Select Input", onToggle: this.onToggle, isDisabled: isDisabled, onSelect: this.onSelect, selections: this.calculateSelected(), isOpen: isExpanded, placeholderText: placeholder, ouiaId: placeholder }, items.map(function (_a, key) {
-            var value = _a.value, onClick = _a.onClick, label = _a.label, id = _a.id, item = __rest(_a, ["value", "onClick", "label", "id"]);
-            return (react_1.default.createElement(react_core_1.SelectOption, __assign({}, item, { key: id || key, value: String(value || id || key), onClick: function (e) { return onClick && onClick(e, __assign({ value: value, label: label, id: id }, item), key); } }), label));
-        })))));
+    (0, react_1.useEffect)(function () {
+        !(0, isEqual_1.default)(prevSelected.current, value) && value && changeSelected(value);
+    }, [selected]);
+    var calculateSelected = function () {
+        return Array.from(new Set(__spreadArray(__spreadArray([], (value && value.length > 0 && value.constructor === Array
+            ? value.map(function (item) {
+                return (0, TextFilter_1.isFilterValue)(item) ? item.value : item;
+            })
+            : []), true), selected, true)));
     };
-    return CheckboxFilter;
-}(react_1.Component));
-CheckboxFilter.propTypes = {
-    onChange: prop_types_1.default.func,
-    value: prop_types_1.default.arrayOf(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,
-        onClick: prop_types_1.default.func,
-    })),
-    isDisabled: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
-};
-CheckboxFilter.defaultProps = {
-    items: [],
-    value: [],
-    onChange: function () { return undefined; },
-    isDisabled: false,
+    var onSelect = function (event, selection) {
+        var newSelection = calculateSelected();
+        newSelection = newSelection.includes(selection) ? newSelection.filter(function (item) { return item !== selection; }) : __spreadArray(__spreadArray([], newSelection, true), [selection], false);
+        onChange === null || onChange === void 0 ? void 0 : onChange(event, newSelection, selection);
+        changeSelected(newSelection);
+    };
+    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.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 }, items.map(function (_a, key) {
+        var value = _a.value, onClick = _a.onClick, label = _a.label, id = _a.id, item = __rest(_a, ["value", "onClick", "label", "id"]);
+        return (react_1.default.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));
+    })))));
 };
 exports.default = CheckboxFilter;
 //# sourceMappingURL=CheckboxFilter.js.map

package/ConditionalFilter/CheckboxFilter.js.map

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

package/ConditionalFilter/ConditionalFilter.d.ts

@@ -1,58 +1,36 @@
-export default ConditionalFilter;
-declare class ConditionalFilter extends React.Component<any, any, any> {
-    constructor(props: any);
-    breakpointConstant: number;
-    dropdownToggle: (isOpen: any) => void;
-    onChange: (_e: any, value: any) => void;
-    getWrapper: () => React.ExoticComponent<{
-        children?: React.ReactNode;
-    }> | ((props: any) => JSX.Element);
-    updateFilterViewport: (width: any) => boolean;
-    resizeListener: void | undefined;
+import React from 'react';
+import { RadioFilterProps } from './RadioFilter';
+import { CheckboxFilterProps } from './CheckboxFilter';
+import { GroupFilterProps } from './GroupFilter';
+import './conditional-filter.scss';
+declare type FilterValues = TextInputProps & RadioFilterProps & CheckboxFilterProps & GroupFilterProps & {
+    items?: Value[];
+    value?: string | (string | Value)[] | Record<string, unknown>;
+};
+interface TextInputProps {
+    id?: string;
+    onChange?: () => void;
+    placeholder?: string;
+    value?: string;
+}
+interface Value {
+    label?: Node;
+    value?: string;
 }
-declare namespace ConditionalFilter {
-    namespace propTypes {
-        const id: PropTypes.Requireable<string>;
-        const isDisabled: PropTypes.Requireable<boolean>;
-        const useMobileLayout: PropTypes.Requireable<boolean>;
-        const value: PropTypes.Requireable<string>;
-        const placeholder: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        const hideLabel: PropTypes.Requireable<boolean>;
-        const items: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            value: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-            filterValues: PropTypes.Requireable<PropTypes.InferProps<{
-                value: PropTypes.Requireable<string>;
-                placeholder: PropTypes.Requireable<string>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            }> | PropTypes.InferProps<{
-                value: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-                items: PropTypes.Requireable<(PropTypes.InferProps<{
-                    label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-                    value: PropTypes.Requireable<string>;
-                }> | null | undefined)[]>;
-                placeholder: PropTypes.Requireable<string>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-            }>>;
-        }> | null | undefined)[]>;
-    }
-    namespace defaultProps {
-        const value_1: string;
-        export { value_1 as value };
-        const items_1: never[];
-        export { items_1 as items };
-        const hideLabel_1: boolean;
-        export { hideLabel_1 as hideLabel };
-        const isDisabled_1: boolean;
-        export { isDisabled_1 as isDisabled };
-        const id_1: string;
-        export { id_1 as id };
-        const useMobileLayout_1: boolean;
-        export { useMobileLayout_1 as useMobileLayout };
-    }
+export interface ConditionalFilterItem {
+    id?: string;
+    label?: Node;
+    value?: string;
+    type: 'text' | 'checkbox' | 'radio' | 'custom' | 'group';
+    filterValues?: TextInputProps | FilterValues;
+    placeholder?: string;
 }
-import React from "react";
-import PropTypes from "prop-types";
+export interface ConditionalFilterProps extends TextInputProps {
+    hideLabel: boolean;
+    items: ConditionalFilterItem[];
+    id: string;
+    isDisabled: boolean;
+    useMobileLayout: boolean;
+}
+declare const ConditionalFilter: React.FunctionComponent<ConditionalFilterProps>;
+export default ConditionalFilter;