@redhat-cloud-services/frontend-components 3.5.1 → 3.6.0

package/ConditionalFilter/ConditionalFilter.js

@@ -1,271 +1,194 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports["default"] = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Dropdown = require("@patternfly/react-core/dist/js/components/Dropdown/Dropdown.js");
-
-var _DropdownItem = require("@patternfly/react-core/dist/js/components/Dropdown/DropdownItem.js");
-
-var _DropdownToggle = require("@patternfly/react-core/dist/js/components/Dropdown/DropdownToggle.js");
-
-var _SplitItem = require("@patternfly/react-core/dist/js/layouts/Split/SplitItem.js");
-
-var _Split = require("@patternfly/react-core/dist/js/layouts/Split/Split.js");
-
-var _ToolbarItem = require("@patternfly/react-core/dist/js/components/Toolbar/ToolbarItem.js");
-
-var _ToolbarGroup = require("@patternfly/react-core/dist/js/components/Toolbar/ToolbarGroup.js");
-
-var _ToolbarToggleGroup = require("@patternfly/react-core/dist/js/components/Toolbar/ToolbarToggleGroup.js");
-
-var _filterIcon = _interopRequireDefault(require("@patternfly/react-icons/dist/js/icons/filter-icon"));
-
-var _global_breakpoint_md = _interopRequireDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_md"));
-
-var _TextFilter = _interopRequireDefault(require("./TextFilter"));
-
-var _conditionalFilterConstants = require("./conditionalFilterConstants");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_core_1 = require("@patternfly/react-core");
+var react_icons_1 = require("@patternfly/react-icons");
+var global_breakpoint_md_1 = __importDefault(require("@patternfly/react-tokens/dist/js/global_breakpoint_md"));
+var TextFilter_1 = __importDefault(require("./TextFilter"));
+var conditionalFilterConstants_1 = require("./conditionalFilterConstants");
+var prop_types_1 = __importDefault(require("prop-types"));
 require("./conditional-filter.css");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var ConditionalFilter = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(ConditionalFilter, _Component);
-
-  var _super = _createSuper(ConditionalFilter);
-
-  function ConditionalFilter(_props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ConditionalFilter);
-
-    if (!_props.useMobileLayout) {
-      console.warn("The prop \"useMobileLayout\" is set to false. You are using an outdated mobile layout of conditional filter.\n            Please switch to new layout by adding \"useMobileLayout={true}\" prop to the PrimaryToolbar or ConditionalFilter directly.\n            The new mobile layout will become the default in next minor release.");
+var react_2 = require("react");
+var classnames_1 = __importDefault(require("classnames"));
+var ConditionalFilter = (function (_super) {
+    __extends(ConditionalFilter, _super);
+    function ConditionalFilter(props) {
+        var _this = this;
+        if (!props.useMobileLayout) {
+            console.warn("The prop \"useMobileLayout\" is set to false. You are using an outdated mobile layout of conditional filter.\n            Please switch to new layout by adding \"useMobileLayout={true}\" prop to the PrimaryToolbar or ConditionalFilter directly.\n            The new mobile layout will become the default in next minor release.");
+        }
+        _this = _super.call(this, props) || this;
+        _this.dropdownToggle = function (isOpen) {
+            _this.setState({
+                isOpen: isOpen
+            });
+        };
+        _this.onChange = function (_e, value) {
+            _this.setState({
+                stateValue: value
+            });
+        };
+        _this.getWrapper = function () { return _this.props.useMobileLayout && _this.state.isMobile
+            ? function (props) { return react_1.default.createElement(react_core_1.ToolbarToggleGroup, __assign({}, props, { breakpoint: "md", toggleIcon: react_1.default.createElement(react_icons_1.FilterIcon, null) })); }
+            : react_2.Fragment; };
+        _this.updateFilterViewport = function (width) { return width <= _this.breakpointConstant; };
+        _this.breakpointConstant = parseInt(global_breakpoint_md_1.default.value.replace('px', ''));
+        _this.state = {
+            isOpen: false,
+            stateValue: undefined,
+            isMobile: _this.updateFilterViewport(window.innerWidth)
+        };
+        return _this;
     }
-
-    _this = _super.call(this, _props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dropdownToggle", function (isOpen) {
-      _this.setState({
-        isOpen: isOpen
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (_e, value) {
-      _this.setState({
-        stateValue: value
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getWrapper", function () {
-      return _this.props.useMobileLayout && _this.state.isMobile ? function (props) {
-        return /*#__PURE__*/_react["default"].createElement(_ToolbarToggleGroup.ToolbarToggleGroup, (0, _extends2["default"])({}, props, {
-          breakpoint: "md",
-          toggleIcon: /*#__PURE__*/_react["default"].createElement(_filterIcon["default"], null)
-        }));
-      } : _react.Fragment;
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateFilterViewport", function (width) {
-      return width <= _this.breakpointConstant;
-    });
-    _this.breakpointConstant = parseInt(_global_breakpoint_md["default"].value.replace('px', ''));
-    _this.state = {
-      isOpen: false,
-      stateValue: undefined,
-      isMobile: _this.updateFilterViewport(window.innerWidth)
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ConditionalFilter, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-
-      this.resizeListener = window.addEventListener('resize', function (event) {
-        _this2.setState(function (prev) {
-          return _objectSpread(_objectSpread({}, prev), {}, {
-            isMobile: _this2.updateFilterViewport(event.target.innerWidth)
-          });
+    ConditionalFilter.prototype.componentDidMount = function () {
+        var _this = this;
+        this.resizeListener = window.addEventListener('resize', function (event) {
+            _this.setState(function (prev) { return (__assign(__assign({}, prev), { isMobile: _this.updateFilterViewport(event.target.innerWidth) })); });
         });
-      });
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.resizeListener) {
-        window.removeEventListener(this.resizeListener);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props = this.props,
-          items = _this$props.items,
-          value = _this$props.value,
-          onChange = _this$props.onChange,
-          placeholder = _this$props.placeholder,
-          hideLabel = _this$props.hideLabel,
-          isDisabled = _this$props.isDisabled,
-          useMobileLayout = _this$props.useMobileLayout,
-          props = (0, _objectWithoutProperties2["default"])(_this$props, ["items", "value", "onChange", "placeholder", "hideLabel", "isDisabled", "useMobileLayout"]);
-      var _this$state = this.state,
-          isOpen = _this$state.isOpen,
-          stateValue = _this$state.stateValue,
-          isMobile = _this$state.isMobile;
-      var currentValue = onChange ? value : stateValue;
-      var activeItem = items && items.length && (items.find(function (item, key) {
-        return item.value === currentValue || key === currentValue;
-      }) || items[0]);
-      var onChangeCallback = onChange || this.onChange;
-      var ActiveComponent = activeItem && (_conditionalFilterConstants.typeMapper[activeItem.type] || _conditionalFilterConstants.typeMapper.text);
-
-      var capitalize = function capitalize(string) {
-        return string[0].toUpperCase() + string.substring(1);
-      };
-
-      var shouldRenderNewLayout = useMobileLayout && isMobile;
-      var Wrapper = this.getWrapper();
-      return /*#__PURE__*/_react["default"].createElement(Wrapper, null, useMobileLayout && isMobile && /*#__PURE__*/_react["default"].createElement(_ToolbarGroup.ToolbarGroup, {
-        className: "ins-c-conditional-filter mobile"
-      }, items.map(function (activeItem, key) {
-        var ActiveComponent = activeItem && (_conditionalFilterConstants.typeMapper[activeItem.type] || _conditionalFilterConstants.typeMapper.text);
-        return /*#__PURE__*/_react["default"].createElement(_ToolbarItem.ToolbarItem, {
-          key: key
-        }, /*#__PURE__*/_react["default"].createElement(ActiveComponent, (0, _extends2["default"])({}, activeItem.type !== _conditionalFilterConstants.conditionalFilterType.custom && {
-          placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
-          id: activeItem.filterValues && activeItem.filterValues.id || currentValue
-        }, activeItem.filterValues)));
-      })), !shouldRenderNewLayout && /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, !items || items && items.length <= 0 ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('ins-c-conditional-filter', {
-          desktop: useMobileLayout
-        })
-      }, /*#__PURE__*/_react["default"].createElement(_TextFilter["default"], (0, _extends2["default"])({}, props, {
-        value: currentValue,
-        onChange: function onChange(e) {
-          return onChangeCallback(e, e.target.value);
-        },
-        placeholder: placeholder,
-        "widget-type": "InsightsInput"
-      }))) : /*#__PURE__*/_react["default"].createElement(_Split.Split, {
-        className: (0, _classnames["default"])('ins-c-conditional-filter', {
-          desktop: useMobileLayout
-        })
-      }, items.length > 1 && /*#__PURE__*/_react["default"].createElement(_SplitItem.SplitItem, null, /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, {
-        className: "ins-c-conditional-filter__group",
-        onSelect: function onSelect() {
-          return _this3.dropdownToggle(false);
-        },
-        isOpen: isOpen,
-        ouiaId: "ConditionalFilter",
-        toggle: /*#__PURE__*/_react["default"].createElement(_DropdownToggle.DropdownToggle, {
-          onToggle: this.dropdownToggle,
-          isDisabled: isDisabled,
-          className: hideLabel ? 'ins-c-conditional-filter__no-label' : '',
-          ouiaId: "ConditionalFilter"
-        }, /*#__PURE__*/_react["default"].createElement(_filterIcon["default"], {
-          size: "sm"
-        }), !hideLabel && /*#__PURE__*/_react["default"].createElement("span", {
-          className: "ins-c-conditional-filter__value-selector"
-        }, activeItem && capitalize(activeItem.label))),
-        dropdownItems: items.map(function (item, key) {
-          return /*#__PURE__*/_react["default"].createElement(_DropdownItem.DropdownItem, {
-            key: item.id ? "".concat(item.id, "-dropdown") : key,
-            component: "button",
-            ouiaId: item.label,
-            onClick: function onClick(e) {
-              return onChangeCallback(e, item.value || key, item);
-            },
-            isHovered: activeItem.label === item.label
-          }, capitalize(item.label));
-        })
-      })), ActiveComponent && /*#__PURE__*/_react["default"].createElement(_SplitItem.SplitItem, {
-        isFilled: true
-      }, /*#__PURE__*/_react["default"].createElement(ActiveComponent, (0, _extends2["default"])({}, activeItem.type !== _conditionalFilterConstants.conditionalFilterType.custom && {
-        placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
-        id: activeItem.filterValues && activeItem.filterValues.id || currentValue
-      }, activeItem.filterValues))))));
-    }
-  }]);
-  return ConditionalFilter;
-}(_react.Component);
-
+    };
+    ConditionalFilter.prototype.componentWillUnmount = function () {
+        if (this.resizeListener) {
+            window.removeEventListener(this.resizeListener);
+        }
+    };
+    ConditionalFilter.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, items = _a.items, value = _a.value, onChange = _a.onChange, placeholder = _a.placeholder, hideLabel = _a.hideLabel, isDisabled = _a.isDisabled, useMobileLayout = _a.useMobileLayout, props = __rest(_a, ["items", "value", "onChange", "placeholder", "hideLabel", "isDisabled", "useMobileLayout"]);
+        var _b = this.state, isOpen = _b.isOpen, stateValue = _b.stateValue, isMobile = _b.isMobile;
+        var currentValue = onChange ? value : stateValue;
+        var activeItem = items && items.length && (items.find(function (item, key) { return item.value === currentValue || key === currentValue; }) ||
+            items[0]);
+        var onChangeCallback = onChange || this.onChange;
+        var ActiveComponent = activeItem && (conditionalFilterConstants_1.typeMapper[activeItem.type] || conditionalFilterConstants_1.typeMapper.text);
+        var capitalize = function (string) { return string[0].toUpperCase() + string.substring(1); };
+        var shouldRenderNewLayout = useMobileLayout && isMobile;
+        var Wrapper = this.getWrapper();
+        return (react_1.default.createElement(Wrapper, null,
+            useMobileLayout && isMobile && (react_1.default.createElement(react_core_1.ToolbarGroup, { className: "ins-c-conditional-filter mobile" }, items.map(function (activeItem, key) {
+                var ActiveComponent = activeItem && (conditionalFilterConstants_1.typeMapper[activeItem.type] || conditionalFilterConstants_1.typeMapper.text);
+                return (react_1.default.createElement(react_core_1.ToolbarItem, { key: key },
+                    react_1.default.createElement(ActiveComponent, __assign({}, activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom &&
+                        {
+                            placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
+                            id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue
+                        }, activeItem.filterValues))));
+            }))),
+            !shouldRenderNewLayout && (react_1.default.createElement(react_2.Fragment, null, !items || (items && items.length <= 0) ?
+                react_1.default.createElement("div", { className: (0, classnames_1.default)('ins-c-conditional-filter', {
+                        desktop: useMobileLayout
+                    }) },
+                    react_1.default.createElement(TextFilter_1.default, __assign({}, props, { value: currentValue, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, "widget-type": 'InsightsInput' }))) :
+                react_1.default.createElement(react_core_1.Split, { className: (0, classnames_1.default)('ins-c-conditional-filter', {
+                        desktop: useMobileLayout
+                    }) },
+                    items.length > 1 &&
+                        react_1.default.createElement(react_core_1.SplitItem, null,
+                            react_1.default.createElement(react_core_1.Dropdown, { className: "ins-c-conditional-filter__group", onSelect: function () { return _this.dropdownToggle(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", toggle: react_1.default.createElement(react_core_1.DropdownToggle, { onToggle: this.dropdownToggle, isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__no-label' : '', ouiaId: "ConditionalFilter" },
+                                    react_1.default.createElement(react_icons_1.FilterIcon, { size: "sm" }),
+                                    !hideLabel &&
+                                        react_1.default.createElement("span", { className: "ins-c-conditional-filter__value-selector" }, activeItem && capitalize(activeItem.label))), dropdownItems: items.map(function (item, key) { return react_1.default.createElement(react_core_1.DropdownItem, { key: item.id ? "".concat(item.id, "-dropdown") : key, component: "button", ouiaId: item.label, onClick: function (e) { return onChangeCallback(e, item.value || key, item); }, isHovered: activeItem.label === item.label }, capitalize(item.label)); }) })),
+                    ActiveComponent && react_1.default.createElement(react_core_1.SplitItem, { isFilled: true },
+                        react_1.default.createElement(ActiveComponent, __assign({}, activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom && {
+                            placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
+                            id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue
+                        }, activeItem.filterValues))))))));
+    };
+    return ConditionalFilter;
+}(react_1.Component));
 var TextInputProps = {
-  value: _propTypes["default"].string,
-  placeholder: _propTypes["default"].string,
-  onChange: _propTypes["default"].func
+    value: prop_types_1.default.string,
+    placeholder: prop_types_1.default.string,
+    onChange: prop_types_1.default.func
 };
-ConditionalFilter.propTypes = _objectSpread(_objectSpread({
-  hideLabel: _propTypes["default"].bool,
-  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string,
-    label: _propTypes["default"].node,
-    value: _propTypes["default"].string,
-    type: _propTypes["default"].oneOf(['text', 'checkbox', 'radio', 'custom', 'group']),
-    filterValues: _propTypes["default"].oneOfType([_propTypes["default"].shape(TextInputProps), _propTypes["default"].shape(_objectSpread(_objectSpread({}, TextInputProps), {}, {
-      value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
-        label: _propTypes["default"].node,
-        value: _propTypes["default"].string
-      })])), _propTypes["default"].shape((0, _defineProperty2["default"])({}, _propTypes["default"].string, _propTypes["default"].any))]),
-      items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-        label: _propTypes["default"].node,
-        value: _propTypes["default"].string
-      }))
-    }))])
-  }))
-}, TextInputProps), {}, {
-  id: _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool,
-  useMobileLayout: _propTypes["default"].bool
-});
+ConditionalFilter.propTypes = __assign(__assign({ hideLabel: prop_types_1.default.bool, items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        id: prop_types_1.default.string,
+        label: prop_types_1.default.node,
+        value: prop_types_1.default.string,
+        type: prop_types_1.default.oneOf(['text', 'checkbox', 'radio', 'custom', 'group']),
+        filterValues: prop_types_1.default.oneOfType([prop_types_1.default.shape(TextInputProps), prop_types_1.default.shape(__assign(__assign({}, TextInputProps), { value: prop_types_1.default.oneOfType([
+                    prop_types_1.default.string,
+                    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
+                        })
+                    ])),
+                    prop_types_1.default.shape((_a = {},
+                        _a[prop_types_1.default.string] = prop_types_1.default.any,
+                        _a))
+                ]), items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+                    label: prop_types_1.default.node,
+                    value: prop_types_1.default.string
+                })) }))])
+    })) }, TextInputProps), { id: prop_types_1.default.string, isDisabled: prop_types_1.default.bool, useMobileLayout: prop_types_1.default.bool });
 ConditionalFilter.defaultProps = {
-  value: '',
-  items: [],
-  hideLabel: false,
-  isDisabled: false,
-  id: 'default-input',
-  useMobileLayout: false
+    value: '',
+    items: [],
+    hideLabel: false,
+    isDisabled: false,
+    id: 'default-input',
+    useMobileLayout: false
 };
-var _default = ConditionalFilter;
-exports["default"] = _default;
+exports.default = ConditionalFilter;
+//# sourceMappingURL=ConditionalFilter.js.map

package/ConditionalFilter/ConditionalFilter.js.map

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

package/ConditionalFilter/GroupFilter.d.ts

@@ -0,0 +1,47 @@
+export default Group;
+declare function Group({ placeholder, onShowMore, showMoreTitle, showMoreOptions, items, filterBy, onFilter, className, groups, onChange, selected, isFilterable }: {
+    placeholder: any;
+    onShowMore: any;
+    showMoreTitle: any;
+    showMoreOptions: any;
+    items: any;
+    filterBy: any;
+    onFilter: any;
+    className: any;
+    groups?: any[] | undefined;
+    onChange: any;
+    selected: any;
+    isFilterable: any;
+}): JSX.Element;
+declare namespace Group {
+    namespace propTypes {
+        const placeholder: PropTypes.Requireable<string>;
+        const onShowMore: PropTypes.Requireable<(...args: any[]) => any>;
+        const showMoreTitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const onShowMoreTitle: PropTypes.Requireable<(...args: any[]) => any>;
+        const showMoreOptions: PropTypes.Requireable<any>;
+        const items: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }> | null | undefined)[]>;
+        const className: PropTypes.Requireable<string>;
+        const selected: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        const isFilterable: PropTypes.Requireable<boolean>;
+        const filterBy: PropTypes.Requireable<string>;
+        const onFilter: PropTypes.Requireable<(...args: any[]) => any>;
+        const groups: PropTypes.Requireable<(PropTypes.InferProps<{
+            groupSelectable: PropTypes.Requireable<boolean>;
+            type: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            items: PropTypes.Requireable<(PropTypes.InferProps<{
+                id: PropTypes.Requireable<string>;
+                tagKey: PropTypes.Requireable<string>;
+            }> | null | undefined)[]>;
+        }> | null | undefined)[]>;
+        const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        const selectedTags: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+    }
+}
+import PropTypes from "prop-types";