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

package/Shield/consts.js

@@ -1,105 +1,93 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.impactList = exports.messageList = exports.colorList = void 0;
-// Variables not found in pf-react
-var colorList = {
-  "default": '#737679',
-  // pf-black-600
-  danger: '#a30000',
-  //pf-red-200
-  warning: '#f0ab00',
-  //pf-gold-400
-  orange: '#ec7a08' // pf-orange-300
-
+exports.colorList = {
+    default: '#737679',
+    danger: '#a30000',
+    warning: '#f0ab00',
+    orange: '#ec7a08'
 };
-exports.colorList = colorList;
-var messageList = {
-  critical: 'This rating is given to flaws that could be easily exploited by a \
+exports.messageList = {
+    critical: 'This rating is given to flaws that could be easily exploited by a \
         remote unauthenticated attacker and lead to system compromise \
         (arbitrary code execution) without requiring user interaction. These \
         are the types of vulnerabilities that can be exploited by worms. \
         Flaws that require an authenticated remote user, a local user, \
         or an unlikely configuration are not classed as Critical impact.',
-  important: 'This rating is given to flaws that can easily compromise the \
+    important: 'This rating is given to flaws that can easily compromise the \
     confidentiality, integrity, or availability of resources. These are the \
     types of vulnerabilities that allow local users to gain privileges, allow \
     unauthenticated remote users to view resources that should otherwise be \
     protected by authentication, allow authenticated remote users to execute \
     arbitrary code, or allow remote users to cause a denial of service.',
-  moderate: 'This rating is given to flaws that may be more difficult to exploit \
+    moderate: 'This rating is given to flaws that may be more difficult to exploit \
         but could still lead to some compromise of the confidentiality, \
         integrity, or availability of resources, under certain circumstances. \
         These are the types of vulnerabilities that could have had a Critical \
         impact or Important impact but are less easily exploited based on a \
         technical evaluation of the flaw, or affect unlikely configurations.',
-  low: 'This rating is given to all other issues that have a security \
+    low: 'This rating is given to all other issues that have a security \
         impact. These are the types of vulnerabilities that are believed to \
         require unlikely circumstances to be able to be exploited, or where \
         a successful exploit would give minimal consequences.',
-  unknown: 'Red Hat Product Security has determined that this vulnerability does \
+    unknown: 'Red Hat Product Security has determined that this vulnerability does \
         not impact Red Hat products.'
 };
-/* I'm not shure that the list of impacts is ordered correctly by relevancy */
-
-exports.messageList = messageList;
-var impactList = {
-  Critical: {
-    title: 'Critical',
-    color: colorList.danger,
-    message: messageList.critical
-  },
-  4: {
-    title: 'Critical',
-    color: colorList.danger,
-    message: messageList.critical
-  },
-  High: {
-    title: 'High',
-    color: colorList.orange,
-    message: messageList.important
-  },
-  Important: {
-    title: 'Important',
-    color: colorList.orange,
-    message: messageList.important
-  },
-  3: {
-    title: 'High',
-    color: colorList.orange,
-    message: messageList.important
-  },
-  Medium: {
-    title: 'Medium',
-    color: colorList.warning,
-    message: messageList.moderate
-  },
-  Moderate: {
-    title: 'Moderate',
-    color: colorList.warning,
-    message: messageList.moderate
-  },
-  2: {
-    title: 'Medium',
-    color: colorList.warning,
-    message: messageList.moderate
-  },
-  Low: {
-    title: 'Low',
-    color: colorList["default"],
-    message: messageList.low
-  },
-  1: {
-    title: 'Low',
-    color: colorList["default"],
-    message: messageList.low
-  },
-  Unknown: {
-    title: 'Unknown',
-    color: colorList["default"],
-    message: messageList.unknown
-  }
+exports.impactList = {
+    Critical: {
+        title: 'Critical',
+        color: exports.colorList.danger,
+        message: exports.messageList.critical
+    },
+    4: {
+        title: 'Critical',
+        color: exports.colorList.danger,
+        message: exports.messageList.critical
+    },
+    High: {
+        title: 'High',
+        color: exports.colorList.orange,
+        message: exports.messageList.important
+    },
+    Important: {
+        title: 'Important',
+        color: exports.colorList.orange,
+        message: exports.messageList.important
+    },
+    3: {
+        title: 'High',
+        color: exports.colorList.orange,
+        message: exports.messageList.important
+    },
+    Medium: {
+        title: 'Medium',
+        color: exports.colorList.warning,
+        message: exports.messageList.moderate
+    },
+    Moderate: {
+        title: 'Moderate',
+        color: exports.colorList.warning,
+        message: exports.messageList.moderate
+    },
+    2: {
+        title: 'Medium',
+        color: exports.colorList.warning,
+        message: exports.messageList.moderate
+    },
+    Low: {
+        title: 'Low',
+        color: exports.colorList.default,
+        message: exports.messageList.low
+    },
+    1: {
+        title: 'Low',
+        color: exports.colorList.default,
+        message: exports.messageList.low
+    },
+    Unknown: {
+        title: 'Unknown',
+        color: exports.colorList.default,
+        message: exports.messageList.unknown
+    }
 };
-exports.impactList = impactList;
+//# sourceMappingURL=consts.js.map

package/Shield/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../src/Shield/consts.js"],"names":[],"mappings":";;;AACa,QAAA,SAAS,GAAG;IACrB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;CACpB,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,QAAQ,EACJ;;;;;yEAKiE;IACrE,SAAS,EACL;;;;;wEAKgE;IACpE,QAAQ,EACJ;;;;;6EAKqE;IACzE,GAAG,EACC;;;8DAGsD;IAC1D,OAAO,EACH;qCAC6B;CACpC,CAAC;AAGW,QAAA,UAAU,GAAG;IACtB,QAAQ,EAAE;QACN,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAChC;IACD,CAAC,EAAE;QACC,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAChC;IACD,IAAI,EAAE;QACF,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KACjC;IACD,SAAS,EAAE;QACP,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KACjC;IACD,CAAC,EAAE;QACC,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,iBAAS,CAAC,MAAM;QACvB,OAAO,EAAE,mBAAW,CAAC,SAAS;KACjC;IACD,MAAM,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAChC;IACD,QAAQ,EAAE;QACN,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAChC;IACD,CAAC,EAAE;QACC,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,QAAQ;KAChC;IACD,GAAG,EAAE;QACD,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,GAAG;KAC3B;IACD,CAAC,EAAE;QACC,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,GAAG;KAC3B;IACD,OAAO,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,iBAAS,CAAC,OAAO;QACxB,OAAO,EAAE,mBAAW,CAAC,OAAO;KAC/B;CACJ,CAAC"}

package/Shield/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./consts";
+export { default, default as Shield } from "./Shield";

package/Shield/index.js

@@ -1,38 +1,22 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Shield: true
+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);
 };
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Shield["default"];
-  }
-});
-Object.defineProperty(exports, "Shield", {
-  enumerable: true,
-  get: function get() {
-    return _Shield["default"];
-  }
-});
-
-var _Shield = _interopRequireDefault(require("./Shield"));
-
-var _consts = require("./consts");
-
-Object.keys(_consts).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _consts[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _consts[key];
-    }
-  });
-});
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Shield = exports.default = void 0;
+var Shield_1 = require("./Shield");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Shield_1).default; } });
+var Shield_2 = require("./Shield");
+Object.defineProperty(exports, "Shield", { enumerable: true, get: function () { return __importDefault(Shield_2).default; } });
+__exportStar(require("./consts"), exports);
+//# sourceMappingURL=index.js.map

package/Shield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Shield/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,2CAAyB"}

package/Shield/package.json

@@ -1 +1 @@
-{"main":"index.js","module":"../esm/Shield/index.js"}
+{"main":"index.js","module":"../esm/Shield/index.js","typings":"index.d.ts"}

package/SimpleTableFilter/SimpleTableFilter.d.ts

@@ -0,0 +1,47 @@
+export default SimpleFilter;
+declare class SimpleFilter extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    onToggle: (isOpen: any) => void;
+    onInputChange: (event: any) => void;
+    onFilterSubmit: () => void;
+    onFilterSelect: (event: any, oneItem: any) => void;
+    onSelect: () => void;
+}
+declare namespace SimpleFilter {
+    namespace propTypes {
+        const widgetId: PropTypes.Requireable<string>;
+        const buttonTitle: PropTypes.Requireable<string>;
+        const placeholder: PropTypes.Requireable<string>;
+        const className: PropTypes.Requireable<string>;
+        const options: PropTypes.Requireable<PropTypes.InferProps<{
+            title: PropTypes.Requireable<string>;
+            items: PropTypes.Requireable<(PropTypes.InferProps<{
+                value: PropTypes.Requireable<string>;
+                title: PropTypes.Requireable<string>;
+            }> | null | undefined)[]>;
+        }>>;
+        const onButtonClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
+        const onOptionSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        const searchIcon: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        const className_1: string;
+        export { className_1 as className };
+        const placeholder_1: string;
+        export { placeholder_1 as placeholder };
+        const buttonTitle_1: string;
+        export { buttonTitle_1 as buttonTitle };
+        export function onButtonClick_1(): undefined;
+        export { onButtonClick_1 as onButtonClick };
+        export function onFilterChange_1(): undefined;
+        export { onFilterChange_1 as onFilterChange };
+        export function onOptionSelect_1(): undefined;
+        export { onOptionSelect_1 as onOptionSelect };
+        const searchIcon_1: boolean;
+        export { searchIcon_1 as searchIcon };
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";

package/SimpleTableFilter/SimpleTableFilter.js

@@ -1,196 +1,145 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Button = require("@patternfly/react-core/dist/js/components/Button/Button.js");
-
-var _Dropdown = require("@patternfly/react-core/dist/js/components/Dropdown/Dropdown.js");
-
-var _DropdownToggle = require("@patternfly/react-core/dist/js/components/Dropdown/DropdownToggle.js");
-
-var _DropdownItem = require("@patternfly/react-core/dist/js/components/Dropdown/DropdownItem.js");
-
-var _Input = require("../Input");
-
-var _searchIcon = _interopRequireDefault(require("@patternfly/react-icons/dist/js/icons/search-icon"));
-
+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 };
+};
+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 Input_1 = require("../Input");
+var react_icons_1 = require("@patternfly/react-icons");
 require("./simple-table-filter.css");
-
-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 _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 SimpleFilter = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(SimpleFilter, _Component);
-
-  var _super = _createSuper(SimpleFilter);
-
-  function SimpleFilter() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, SimpleFilter);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      activeFilter: '',
-      isOpen: false
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onToggle", function (isOpen) {
-      _this.setState({
-        isOpen: isOpen
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onInputChange", function (event) {
-      _this.setState({
-        activeFilter: event.target.value
-      });
-
-      _this.props.onFilterChange(event.target.value, _this.state.selected);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFilterSubmit", function () {
-      _this.props.onButtonClick(_this.state.activeFilter, _this.state.selected);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFilterSelect", function (event, oneItem) {
-      _this.setState({
-        selected: oneItem
-      });
-
-      _this.props.onOptionSelect(event, oneItem);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSelect", function () {
-      _this.setState({
-        isOpen: false
-      });
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(SimpleFilter, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          placeholder = _this$props.placeholder,
-          buttonTitle = _this$props.buttonTitle,
-          className = _this$props.className,
-          onButtonClick = _this$props.onButtonClick,
-          onOptionSelect = _this$props.onOptionSelect,
-          onFilterChange = _this$props.onFilterChange,
-          options = _this$props.options,
-          searchIcon = _this$props.searchIcon,
-          widgetId = _this$props.widgetId,
-          props = (0, _objectWithoutProperties2["default"])(_this$props, ["placeholder", "buttonTitle", "className", "onButtonClick", "onOptionSelect", "onFilterChange", "options", "searchIcon", "widgetId"]);
-      var _this$state = this.state,
-          isOpen = _this$state.isOpen,
-          selected = _this$state.selected;
-      var dropdownItems = options && options.items && options.items.map(function (oneItem) {
-        return /*#__PURE__*/_react["default"].createElement(_DropdownItem.DropdownItem, {
-          component: "button",
-          key: oneItem.value,
-          onClick: function onClick(event) {
-            return _this2.onFilterSelect(event, oneItem);
-          },
-          "data-key": oneItem.value
-        }, oneItem.title);
-      });
-      return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-        className: "pf-c-input-group ins-c-filter ".concat(!buttonTitle ? 'ins-u-no-title' : '', " ").concat(className)
-      }, props), options && /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, {
-        onSelect: this.onSelect,
-        isOpen: isOpen,
-        toggle: /*#__PURE__*/_react["default"].createElement(_DropdownToggle.DropdownToggle, {
-          onToggle: this.onToggle
-        }, selected && selected.title || options.title || 'Dropdown'),
-        dropdownItems: dropdownItems
-      }), /*#__PURE__*/_react["default"].createElement(_Input.Input, {
-        placeholder: placeholder,
-        onKeyPress: function onKeyPress(event) {
-          return event.key === 'Enter' && _this2.onInputChange(event);
-        },
-        "widget-id": widgetId,
-        onChange: this.onInputChange
-      }), !buttonTitle && searchIcon && /*#__PURE__*/_react["default"].createElement(_searchIcon["default"], {
-        size: "sm",
-        className: "ins-c-search-icon"
-      }), buttonTitle && /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-        variant: _Button.ButtonVariant.secondary,
-        action: "filter",
-        onClick: this.onFilterSubmit
-      }, buttonTitle));
+var SimpleFilter = (function (_super) {
+    __extends(SimpleFilter, _super);
+    function SimpleFilter() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            activeFilter: '',
+            isOpen: false
+        };
+        _this.onToggle = function (isOpen) {
+            _this.setState({
+                isOpen: isOpen
+            });
+        };
+        _this.onInputChange = function (event) {
+            _this.setState({ activeFilter: event.target.value });
+            _this.props.onFilterChange(event.target.value, _this.state.selected);
+        };
+        _this.onFilterSubmit = function () {
+            _this.props.onButtonClick(_this.state.activeFilter, _this.state.selected);
+        };
+        _this.onFilterSelect = function (event, oneItem) {
+            _this.setState({
+                selected: oneItem
+            });
+            _this.props.onOptionSelect(event, oneItem);
+        };
+        _this.onSelect = function () {
+            _this.setState({
+                isOpen: false
+            });
+        };
+        return _this;
     }
-  }]);
-  return SimpleFilter;
-}(_react.Component);
-
+    SimpleFilter.prototype.render = function () {
+        var _this = this;
+        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"]);
+        var _b = this.state, isOpen = _b.isOpen, selected = _b.selected;
+        var dropdownItems = options && options.items && 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);
+        });
+        return (react_1.default.createElement("div", __assign({ className: "pf-c-input-group ins-c-filter ".concat(!buttonTitle ? 'ins-u-no-title' : '', " ").concat(className) }, props),
+            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 }),
+            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 }),
+            !buttonTitle && searchIcon && react_1.default.createElement(react_icons_1.SearchIcon, { size: "sm", className: "ins-c-search-icon" }),
+            buttonTitle &&
+                react_1.default.createElement(react_core_1.Button, { variant: react_core_1.ButtonVariant.secondary, action: "filter", onClick: this.onFilterSubmit }, buttonTitle)));
+    };
+    return SimpleFilter;
+}(react_1.Component));
 SimpleFilter.propTypes = {
-  widgetId: _propTypes["default"].string,
-  buttonTitle: _propTypes["default"].string,
-  placeholder: _propTypes["default"].string,
-  className: _propTypes["default"].string,
-  options: _propTypes["default"].shape({
-    title: _propTypes["default"].string,
-    items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-      value: _propTypes["default"].string,
-      title: _propTypes["default"].string
-    }))
-  }),
-  onButtonClick: _propTypes["default"].func,
-  onFilterChange: _propTypes["default"].func,
-  onOptionSelect: _propTypes["default"].func,
-  searchIcon: _propTypes["default"].bool
+    widgetId: prop_types_1.default.string,
+    buttonTitle: prop_types_1.default.string,
+    placeholder: prop_types_1.default.string,
+    className: prop_types_1.default.string,
+    options: prop_types_1.default.shape({
+        title: prop_types_1.default.string,
+        items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+            value: prop_types_1.default.string,
+            title: prop_types_1.default.string
+        }))
+    }),
+    onButtonClick: prop_types_1.default.func,
+    onFilterChange: prop_types_1.default.func,
+    onOptionSelect: prop_types_1.default.func,
+    searchIcon: prop_types_1.default.bool
 };
 SimpleFilter.defaultProps = {
-  className: '',
-  placeholder: 'Search items',
-  buttonTitle: 'Filter',
-  onButtonClick: function onButtonClick() {
-    return undefined;
-  },
-  onFilterChange: function onFilterChange() {
-    return undefined;
-  },
-  onOptionSelect: function onOptionSelect() {
-    return undefined;
-  },
-  searchIcon: true
+    className: '',
+    placeholder: 'Search items',
+    buttonTitle: 'Filter',
+    onButtonClick: function () { return undefined; },
+    onFilterChange: function () { return undefined; },
+    onOptionSelect: function () { return undefined; },
+    searchIcon: true
 };
-var _default = SimpleFilter;
-exports["default"] = _default;
+exports.default = SimpleFilter;
+//# sourceMappingURL=SimpleTableFilter.js.map