@redhat-cloud-services/frontend-components 3.5.0 → 3.6.2

package/esm/Battery/battery.css

@@ -0,0 +1,35 @@
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+i.ins-battery {
+  display: inline-block;
+  line-height: 0;
+}
+i.ins-battery svg {
+  position: relative;
+  top: var(--pf-global--spacer--sm);
+  position: relative;
+  height: 28px;
+  height: 1.75rem;
+}
+
+.ins-battery-1 svg path, .ins-battery-low svg path, .ins-battery-info svg path {
+  fill: var(--pf-global--disabled-color--200);
+}
+
+.ins-battery-2 svg path, .ins-battery-medium svg path, .ins-battery-warn svg path {
+  fill: var(--pf-global--warning-color--100);
+}
+
+.ins-battery-3 svg path, .ins-battery-high svg path, .ins-battery-error svg path {
+  fill: var(--ins-color--orange);
+}
+
+.ins-battery-4 svg path, .ins-battery-critical svg path {
+  fill: var(--pf-global--danger-color--100);
+}
+
+.ins-battery-0 svg path, .ins-battery-null svg path {
+  fill: var(--pf-global--disabled-color--200);
+}

package/esm/Battery/battery.scss

@@ -0,0 +1,47 @@
+@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
+
+@mixin setBatteryFont() {
+  position: relative;
+  @include rem(height, 28px);
+}
+
+i.ins-battery {
+  display: inline-block;
+  line-height: 0;
+  svg {
+    position: relative;
+    top: var(--pf-global--spacer--sm);
+    @include setBatteryFont;
+  }
+}
+
+// Setting the icons
+.ins-battery-1, .ins-battery-low, .ins-battery-info {
+  svg {
+    path { fill: $ins-color--gray; }
+  }
+}
+
+.ins-battery-2, .ins-battery-medium, .ins-battery-warn {
+  svg {
+    path { fill: $ins-color--medium; }
+  }
+}
+
+.ins-battery-3, .ins-battery-high, .ins-battery-error{
+  svg {
+    path { fill: $ins-color--high; }
+  }
+}
+
+.ins-battery-4, .ins-battery-critical {
+  svg {
+    path { fill: $ins-color--critical; }
+  }
+}
+
+.ins-battery-0, .ins-battery-null {
+  svg {
+    path { fill: $ins-color--gray; }
+  }
+}

package/esm/Battery/index.js

@@ -4,4 +4,5 @@ export { default as CriticalBattery } from './CriticalBattery';
 export { default as HighBattery } from './HighBattery';
 export { default as MediumBattery } from './MediumBattery';
 export { default as LowBattery } from './LowBattery';
-export { default as NullBattery } from './NullBattery';
+export { default as NullBattery } from './NullBattery';
+//# sourceMappingURL=index.js.map

package/esm/Battery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Battery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/esm/Breadcrumbs/Breadcrumbs.js

@@ -1,58 +1,54 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
-/* eslint-disable react/prop-types */
+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 __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;
+};
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { Breadcrumb } from "@patternfly/react-core/dist/esm/components/Breadcrumb/Breadcrumb.js";
-import { BreadcrumbItem } from "@patternfly/react-core/dist/esm/components/Breadcrumb/BreadcrumbItem.js";
-/**
- * @deprecated
- *
- * Breadcrumbs from FE component shouldn't be used anymore.
- *
- * Use <a href="https://www.patternfly.org/v4/components/breadcrumb" target="_blank">Breadcrumbs</a> from PF repository.
- */
-
-var Breadcrumbs = function Breadcrumbs(_ref) {
-  var items = _ref.items,
-      current = _ref.current,
-      className = _ref.className,
-      onNavigate = _ref.onNavigate,
-      props = _objectWithoutProperties(_ref, ["items", "current", "className", "onNavigate"]);
-
-  console.warn('Breadcrumbs from FE component shouldn\'t be used anymore. \
-Instead use https://patternfly-react.surge.sh/documentation/react/components/breadcrumb from PF repository.');
-  return /*#__PURE__*/React.createElement(Breadcrumb, _extends({
-    className: classnames('ins-c-breadcrumbs', className)
-  }, props), items.map(function (oneLink, key) {
-    return /*#__PURE__*/React.createElement(BreadcrumbItem, {
-      key: key,
-      "data-key": key
-    }, /*#__PURE__*/React.createElement("a", {
-      onClick: function onClick(event) {
-        return onNavigate(event, oneLink.navigate, key);
-      },
-      "aria-label": oneLink.navigate
-    }, oneLink.title));
-  }), current && /*#__PURE__*/React.createElement(BreadcrumbItem, {
-    isActive: true
-  }, " ", current, " "));
+import { Breadcrumb, BreadcrumbItem } from '@patternfly/react-core';
+var Breadcrumbs = function (_a) {
+    var items = _a.items, current = _a.current, className = _a.className, onNavigate = _a.onNavigate, props = __rest(_a, ["items", "current", "className", "onNavigate"]);
+    console.warn("Breadcrumbs from FE component shouldn't be used anymore. \
+Instead use https://patternfly-react.surge.sh/documentation/react/components/breadcrumb from PF repository.");
+    return (React.createElement(Breadcrumb, __assign({ className: classnames('ins-c-breadcrumbs', className) }, props),
+        items.map(function (oneLink, key) { return (React.createElement(BreadcrumbItem, { key: key, "data-key": key },
+            React.createElement("a", { onClick: function (event) { return onNavigate(event, oneLink.navigate, key); }, "aria-label": oneLink.navigate }, oneLink.title))); }),
+        current && React.createElement(BreadcrumbItem, { isActive: true },
+            " ",
+            current,
+            " ")));
 };
-
 Breadcrumbs.propTypes = {
-  items: PropTypes.arrayOf(PropTypes.shape({
-    navigate: PropTypes.any,
-    title: PropTypes.node
-  })),
-  current: PropTypes.node,
-  onNavigate: PropTypes.func
+    items: PropTypes.arrayOf(PropTypes.shape({
+        navigate: PropTypes.any,
+        title: PropTypes.node,
+    })),
+    current: PropTypes.node,
+    onNavigate: PropTypes.func,
 };
 Breadcrumbs.defaultProps = {
-  items: [],
-  current: null,
-  onNavigate: Function.prototype,
-  className: ''
+    items: [],
+    current: null,
+    onNavigate: Function.prototype,
+    className: '',
 };
-export default Breadcrumbs;
+export default Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.js.map

package/esm/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASpE,IAAM,WAAW,GAAG,UAAC,EAAmD;IAAjD,IAAA,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAK,KAAK,cAAjD,+CAAmD,CAAF;IACpE,OAAO,CAAC,IAAI,CACV;4GACwG,CACzG,CAAC;IACF,OAAO,CACL,oBAAC,UAAU,aAAC,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK;QACzE,KAAK,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,GAAG,IAAK,OAAA,CAC3B,oBAAC,cAAc,IAAC,GAAG,EAAE,GAAG,cAAY,GAAG;YACrC,2BAAG,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAxC,CAAwC,gBAAc,OAAO,CAAC,QAAQ,IAC1F,OAAO,CAAC,KAAK,CACZ,CACW,CAClB,EAN4B,CAM5B,CAAC;QACD,OAAO,IAAI,oBAAC,cAAc,IAAC,QAAQ;;YAAG,OAAO;gBAAmB,CACtD,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,CAAC,OAAO,CACtB,SAAS,CAAC,KAAK,CAAC;QACd,QAAQ,EAAE,SAAS,CAAC,GAAG;QACvB,KAAK,EAAE,SAAS,CAAC,IAAI;KACtB,CAAC,CACH;IACD,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,UAAU,EAAE,SAAS,CAAC,IAAI;CAC3B,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,QAAQ,CAAC,SAAS;IAC9B,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/Breadcrumbs/ConnectedBreadcrumbs.js

@@ -1,57 +1,50 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
-/* eslint-disable react/prop-types */
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import React from 'react';
 import { useEffect } from 'react';
 import { useHistory, useLocation, useRouteMatch } from 'react-router-dom';
 import Breadcrumbs from './Breadcrumbs';
-/**
- * @deprecated
- *
- * Breadcrumbs from FE component shouldn't be used anymore.
- *
- * Use <a href="https://www.patternfly.org/v4/components/breadcrumb" target="_blank">Breadcrumbs</a> from PF repository.
- */
-
-var ConnectedBreadcrumbs = function ConnectedBreadcrumbs(props) {
-  var history = useHistory();
-  var location = useLocation();
-  var match = useRouteMatch();
-  useEffect(function () {
-    console.warn('This component will be removed in future release (next month March), do not use it anymore!');
-  }, []);
-
-  var onNavigate = function onNavigate(_event, _item, key) {
-    history.go(-key);
-  };
-
-  var calculateBreadcrumbs = function calculateBreadcrumbs() {
-    var current = props.current,
-        mappings = props.mappings;
-
-    if (!current && mappings) {
-      var root = match.path.split('/').slice(2);
-      var rest = location.pathname.substring(match.path.length).split('/').slice(1);
-      return [].concat(_toConsumableArray(root), _toConsumableArray(rest.map(function (item, key) {
-        return mappings[key] || item;
-      })));
-    } else {
-      return [].concat(_toConsumableArray(location.pathname.split('/').slice(2, -1)), [current]);
-    }
-  };
-
-  var mappedBreadcrumbs = calculateBreadcrumbs() || [];
-  return /*#__PURE__*/React.createElement(Breadcrumbs, _extends({}, props, {
-    items: mappedBreadcrumbs.slice(0, -1).map(function (item) {
-      return {
-        title: item,
-        navigate: item
-      };
-    }),
-    onNavigate: onNavigate,
-    current: mappedBreadcrumbs.slice(-1)[0]
-  }));
+var ConnectedBreadcrumbs = function (props) {
+    var history = useHistory();
+    var location = useLocation();
+    var match = useRouteMatch();
+    useEffect(function () {
+        console.warn('This component will be removed in future release (next month March), do not use it anymore!');
+    }, []);
+    var onNavigate = function (_event, _item, key) {
+        history.go(-key);
+    };
+    var calculateBreadcrumbs = function () {
+        var current = props.current, mappings = props.mappings;
+        if (!current && mappings) {
+            var root = match.path.split('/').slice(2);
+            var rest = location.pathname.substring(match.path.length).split('/').slice(1);
+            return __spreadArray(__spreadArray([], root, true), rest.map(function (item, key) { return mappings[key] || item; }), true);
+        }
+        else {
+            return __spreadArray(__spreadArray([], location.pathname.split('/').slice(2, -1), true), [current], false);
+        }
+    };
+    var mappedBreadcrumbs = calculateBreadcrumbs() || [];
+    return (React.createElement(Breadcrumbs, __assign({}, props, { items: mappedBreadcrumbs.slice(0, -1).map(function (item) { return ({ title: item, navigate: item }); }), onNavigate: onNavigate, current: mappedBreadcrumbs.slice(-1)[0] })));
 };
-
-export default ConnectedBreadcrumbs;
+export default ConnectedBreadcrumbs;
+//# sourceMappingURL=ConnectedBreadcrumbs.js.map

package/esm/Breadcrumbs/ConnectedBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedBreadcrumbs.js","sourceRoot":"","sources":["../../src/Breadcrumbs/ConnectedBreadcrumbs.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,WAAW,MAAM,eAAe,CAAC;AASxC,IAAM,oBAAoB,GAAG,UAAC,KAAK;IACjC,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAC9B,SAAS,CAAC;QACR,OAAO,CAAC,IAAI,CAAC,6FAA6F,CAAC,CAAC;IAC9G,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,UAAU,GAAG,UAAC,MAAM,EAAE,KAAK,EAAE,GAAG;QACpC,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG;QACnB,IAAA,OAAO,GAAe,KAAK,QAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;QACpC,IAAI,CAAC,OAAO,IAAI,QAAQ,EAAE;YACxB,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC5C,IAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAChF,uCAAW,IAAI,SAAK,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,EAArB,CAAqB,CAAC,QAAE;SACrE;aAAM;YACL,uCAAW,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAE,OAAO,UAAE;SAChE;IACH,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,oBAAoB,EAAE,IAAI,EAAE,CAAC;IACvD,OAAO,CACL,oBAAC,WAAW,eACN,KAAK,IACT,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAjC,CAAiC,CAAC,EACtF,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IACvC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/esm/Breadcrumbs/index.js

@@ -1,3 +1,4 @@
 export { default } from './Breadcrumbs';
 export { default as Breadcrumbs } from './Breadcrumbs';
-export { default as ConnectedBreadcrumbs } from './ConnectedBreadcrumbs';
+export { default as ConnectedBreadcrumbs } from './ConnectedBreadcrumbs';
+//# sourceMappingURL=index.js.map

package/esm/Breadcrumbs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Breadcrumbs/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/esm/BulkSelect/BulkSelect.js

@@ -1,170 +1,57 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
-import React, { Component, Fragment } from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import { Dropdown } from "@patternfly/react-core/dist/esm/components/Dropdown/Dropdown.js";
-import { DropdownItem } from "@patternfly/react-core/dist/esm/components/Dropdown/DropdownItem.js";
-import { DropdownToggle } from "@patternfly/react-core/dist/esm/components/Dropdown/DropdownToggle.js";
-import { DropdownToggleCheckbox } from "@patternfly/react-core/dist/esm/components/Dropdown/DropdownToggleCheckbox.js";
-import { Checkbox } from "@patternfly/react-core/dist/esm/components/Checkbox/Checkbox.js";
-import { getDefaultOUIAId } from '@patternfly/react-core/';
-import "../../BulkSelect/./bulk-select.css";
-
-var BulkSelect = /*#__PURE__*/function (_Component) {
-  _inherits(BulkSelect, _Component);
-
-  var _super = _createSuper(BulkSelect);
-
-  function BulkSelect() {
-    var _this;
-
-    _classCallCheck(this, BulkSelect);
-
-    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));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      isOpen: false,
-      hasError: false,
-      ouiaStateId: getDefaultOUIAId('RHI/BulkSelect')
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "componentDidCatch", function () {
-      console.error('Above error is caused because you are using outdated PF react core library. Count will not be \
-visible unless you update it.');
-
-      _this.setState({
-        hasError: true
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onToggle", function (isOpen) {
-      _this.setState({
-        isOpen: isOpen
-      });
-    });
-
-    return _this;
-  }
-
-  _createClass(BulkSelect, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$state = this.state,
-          isOpen = _this$state.isOpen,
-          hasError = _this$state.hasError;
-
-      var _this$props = this.props,
-          id = _this$props.id,
-          isDisabled = _this$props.isDisabled,
-          items = _this$props.items,
-          onSelect = _this$props.onSelect,
-          checked = _this$props.checked,
-          toggleProps = _this$props.toggleProps,
-          count = _this$props.count,
-          className = _this$props.className,
-          ouiaId = _this$props.ouiaId,
-          ouiaSafe = _this$props.ouiaSafe,
-          props = _objectWithoutProperties(_this$props, ["id", "isDisabled", "items", "onSelect", "checked", "toggleProps", "count", "className", "ouiaId", "ouiaSafe"]);
-
-      var ouiaFinalId = ouiaId !== undefined ? ouiaId : this.state.ouiaStateId;
-      return /*#__PURE__*/React.createElement(Fragment, null, items && items.length > 0 ? /*#__PURE__*/React.createElement(Dropdown, _extends({
-        onSelect: function onSelect() {
-          return _this2.onToggle(false);
+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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
         }
-      }, props, {
-        className: classnames(className, 'ins-c-bulk-select'),
-        ouiaId: ouiaFinalId,
-        ouiaSafe: ouiaSafe,
-        toggle: /*#__PURE__*/React.createElement(DropdownToggle, _extends({}, toggleProps, {
-          isDisabled: isDisabled,
-          ouiaId: ouiaFinalId,
-          splitButtonItems: [/*#__PURE__*/React.createElement(Fragment, {
-            key: "split-checkbox"
-          }, hasError ? /*#__PURE__*/React.createElement(DropdownToggleCheckbox, {
-            id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox',
-            "aria-label": "Select all",
-            onChange: onSelect,
-            checked: checked,
-            ouiaId: ouiaFinalId
-          }) : /*#__PURE__*/React.createElement(DropdownToggleCheckbox, {
-            id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox',
-            "aria-label": "Select all",
-            onChange: onSelect,
-            isChecked: checked,
-            ouiaId: ouiaFinalId
-          }, count ? "".concat(count, " selected") : ''))],
-          onToggle: this.onToggle
-        })),
-        isOpen: isOpen,
-        dropdownItems: [].concat(_toConsumableArray(count !== undefined && count > 0 ? [/*#__PURE__*/React.createElement(DropdownItem, {
-          key: "count",
-          isDisabled: true,
-          className: !hasError ? 'ins-c-bulk-select__selected' : ''
-        }, count, " Selected")] : []), _toConsumableArray(items.map(function (oneItem, key) {
-          return /*#__PURE__*/React.createElement(DropdownItem, _extends({
-            component: "button",
-            key: oneItem.key || key,
-            ouiaId: "".concat(ouiaFinalId, "-").concat(oneItem.key || key),
-            onClick: function onClick(event) {
-              return oneItem.onClick && oneItem.onClick(event, oneItem, key);
-            }
-          }, oneItem === null || oneItem === void 0 ? void 0 : oneItem.props), oneItem.title);
-        })))
-      })) : /*#__PURE__*/React.createElement(Checkbox, _extends({}, props, {
-        className: classnames(className, 'ins-c-bulk-select'),
-        id: "".concat(id, "-checkbox"),
-        isChecked: checked,
-        onChange: onSelect
-      })));
     }
-  }]);
-
-  return BulkSelect;
-}(Component);
-
-BulkSelect.propTypes = {
-  count: PropTypes.number,
-  className: PropTypes.string,
-  items: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string,
-    onClick: PropTypes.func
-  })),
-  checked: PropTypes.bool,
-  id: PropTypes.string,
-  onSelect: PropTypes.func,
-  toggleProps: PropTypes.any,
-  isDisabled: PropTypes.bool,
-  ouiaId: PropTypes.string,
-  ouiaSafe: PropTypes.bool
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
-BulkSelect.defaultProps = {
-  className: '',
-  isDisabled: false,
-  items: [],
-  checked: false,
-  onSelect: function onSelect() {
-    return undefined;
-  },
-  ouiaSafe: true
+import React, { useState, useRef, Fragment } from 'react';
+import classnames from 'classnames';
+import { Dropdown, DropdownItem, DropdownToggle, DropdownToggleCheckbox, Checkbox, } from '@patternfly/react-core';
+import { getDefaultOUIAId } from '@patternfly/react-core/';
+import './bulk-select.css';
+var BulkSelect = function (_a) {
+    var id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.items, items = _c === void 0 ? [] : _c, _d = _a.onSelect, onSelect = _d === void 0 ? function () { return undefined; } : _d, _e = _a.checked, checked = _e === void 0 ? false : _e, toggleProps = _a.toggleProps, count = _a.count, _f = _a.className, className = _f === void 0 ? '' : _f, ouiaId = _a.ouiaId, _g = _a.ouiaSafe, ouiaSafe = _g === void 0 ? true : _g, props = __rest(_a, ["id", "isDisabled", "items", "onSelect", "checked", "toggleProps", "count", "className", "ouiaId", "ouiaSafe"]);
+    var _h = useState(false), isOpen = _h[0], setIsOpen = _h[1];
+    var hasError = useRef(false).current;
+    var ouiaStateId = useRef(getDefaultOUIAId('RHI/BulkSelect')).current;
+    var onToggle = function (isOpen) { return setIsOpen(isOpen); };
+    var ouiaFinalId = ouiaId !== undefined ? ouiaId : ouiaStateId;
+    return (React.createElement(Fragment, null, items && items.length > 0 ? (React.createElement(Dropdown, __assign({ onSelect: function () { return onToggle(false); } }, props, { className: classnames(className, 'ins-c-bulk-select'), ouiaId: ouiaFinalId, ouiaSafe: ouiaSafe, toggle: React.createElement(DropdownToggle, __assign({}, toggleProps, { isDisabled: isDisabled, ouiaId: ouiaFinalId, splitButtonItems: [
+                React.createElement(Fragment, { key: "split-checkbox" }, hasError ? (React.createElement(DropdownToggleCheckbox, { id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox', "aria-label": "Select all", onChange: onSelect, checked: checked, ouiaId: ouiaFinalId })) : (React.createElement(DropdownToggleCheckbox, { id: id ? "".concat(id, "-toggle-checkbox") : 'toggle-checkbox', "aria-label": "Select all", onChange: onSelect, isChecked: checked, ouiaId: ouiaFinalId }, count ? "".concat(count, " selected") : ''))),
+            ], onToggle: onToggle })), isOpen: isOpen, dropdownItems: __spreadArray(__spreadArray([], (count !== undefined && count > 0
+            ? [
+                React.createElement(DropdownItem, { key: "count", isDisabled: true, className: classnames({
+                        'ins-c-bulk-select__selected': !hasError,
+                    }) },
+                    count,
+                    " Selected"),
+            ]
+            : []), true), items.map(function (oneItem, key) { return (React.createElement(DropdownItem, __assign({ component: "button", key: oneItem.key || key, ouiaId: "".concat(ouiaFinalId, "-").concat(oneItem.key || key), onClick: function (event) { return oneItem.onClick && oneItem.onClick(event, oneItem, key); } }, oneItem === null || oneItem === void 0 ? void 0 : oneItem.props), oneItem.title)); }), true) }))) : (React.createElement(Checkbox, __assign({}, props, { className: classnames(className, 'ins-c-bulk-select'), id: "".concat(id, "-checkbox"), isChecked: checked, onChange: onSelect })))));
 };
-export default BulkSelect;
+export default BulkSelect;
+//# sourceMappingURL=BulkSelect.js.map

package/esm/BulkSelect/BulkSelect.js.map

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

package/esm/BulkSelect/bulk-select.css

@@ -0,0 +1,15 @@
+.ins-c-bulk-select .pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
+  display: initial;
+}
+.ins-c-bulk-select .ins-c-bulk-select__selected {
+  display: none;
+}
+
+@media only screen and (max-width: 768px) {
+  .ins-c-bulk-select .pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
+    display: none;
+  }
+  .ins-c-bulk-select .ins-c-bulk-select__selected {
+    display: initial;
+  }
+}

package/esm/BulkSelect/bulk-select.scss

@@ -0,0 +1,19 @@
+.ins-c-bulk-select {
+    .pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
+        display: initial;
+    }
+    .ins-c-bulk-select__selected {
+        display: none;
+    }
+}
+
+@media only screen and (max-width: 768px) {
+    .ins-c-bulk-select {
+        .pf-c-dropdown__toggle-check span.pf-c-dropdown__toggle-text {
+            display: none;
+        }
+        .ins-c-bulk-select__selected {
+            display: initial;
+        }
+    }
+}

package/esm/BulkSelect/index.js

@@ -1,2 +1,3 @@
 export { default } from './BulkSelect';
-export { default as BulkSelect } from './BulkSelect';
+export { default as BulkSelect } from './BulkSelect';
+//# sourceMappingURL=index.js.map

package/esm/BulkSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BulkSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}