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

package/esm/Inventory/DetailWrapper.js

@@ -1,57 +1,46 @@
-import _extends from "@babel/runtime/helpers/extends";
+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);
+};
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 import { ScalprumComponent } from '@scalprum/react-core';
 import { useHistory } from 'react-router-dom';
 import { useStore } from 'react-redux';
-import { Bullseye } from "@patternfly/react-core/dist/esm/layouts/Bullseye/Bullseye.js";
-import { Spinner } from "@patternfly/react-core/dist/esm/components/Spinner/Spinner.js";
+import { Bullseye, Spinner } from '@patternfly/react-core';
 import InventoryLoadError from './InventoryLoadError';
-
-var BaseDetailWrapper = function BaseDetailWrapper(props) {
-  var history = useHistory();
-  var store = useStore();
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: props.fallback
-  }, /*#__PURE__*/React.createElement(ScalprumComponent, _extends({
-    history: history,
-    store: store,
-    appName: "inventory",
-    module: "./DetailWrapper",
-    scope: "inventory",
-    ErrorComponent: /*#__PURE__*/React.createElement(InventoryLoadError, _extends({
-      component: "InventoryDetailHead",
-      history: history,
-      store: store
-    }, props)),
-    ref: props.innerRef
-  }, props)));
+import classNames from 'classnames';
+var BaseDetailWrapper = function (props) {
+    var history = useHistory();
+    var store = useStore();
+    var Cmp = props.component;
+    return (React.createElement(Cmp, { className: classNames(props.className, 'inventory') },
+        React.createElement(Suspense, { fallback: props.fallback },
+            React.createElement(ScalprumComponent, __assign({ history: history, store: store, appName: "inventory", module: "./DetailWrapper", scope: "inventory", ErrorComponent: React.createElement(InventoryLoadError, __assign({ component: "InventoryDetailHead", history: history, store: store }, props)), ref: props.innerRef }, props)))));
 };
-
 BaseDetailWrapper.propTypes = {
-  fallback: PropTypes.node,
-  innerRef: PropTypes.object
+    fallback: PropTypes.node,
+    innerRef: PropTypes.object,
+    component: PropTypes.string,
+    className: PropTypes.string,
 };
-/**
- * Inventory sub component.
- *
- * This component wraps entire system detail in order to show loading state and drawer (if enabled).
- */
-
-var DetailWrapper = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(BaseDetailWrapper, _extends({
-    innerRef: ref
-  }, props));
-});
+var DetailWrapper = React.forwardRef(function (props, ref) { return React.createElement(BaseDetailWrapper, __assign({ innerRef: ref }, props)); });
 DetailWrapper.propTypes = {
-  /** React Suspense fallback component. <a href="https://reactjs.org/docs/code-splitting.html#reactlazy" target="_blank">Learn more</a>. */
-  fallback: PropTypes.node
+    fallback: PropTypes.node,
+    component: PropTypes.string,
+    className: PropTypes.string,
 };
 DetailWrapper.defaultProps = {
-  fallback: /*#__PURE__*/React.createElement(Bullseye, {
-    className: "pf-u-p-lg"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: "xl"
-  }))
+    fallback: (React.createElement(Bullseye, { className: "pf-u-p-lg" },
+        React.createElement(Spinner, { size: "xl" }))),
+    component: 'section',
 };
-export default DetailWrapper;
+export default DetailWrapper;
+//# sourceMappingURL=DetailWrapper.js.map

package/esm/Inventory/DetailWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailWrapper.js","sourceRoot":"","sources":["../../src/Inventory/DetailWrapper.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,IAAM,iBAAiB,GAAG,UAAC,KAAK;IAC9B,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC;QACtD,oBAAC,QAAQ,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ;YAChC,oBAAC,iBAAiB,aAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,iBAAiB,EACxB,KAAK,EAAC,WAAW,EACjB,cAAc,EAAE,oBAAC,kBAAkB,aAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,EACjH,GAAG,EAAE,KAAK,CAAC,QAAQ,IACf,KAAK,EACT,CACO,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAOF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,oBAAC,iBAAiB,aAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,EAA/C,CAA+C,CAAC,CAAC;AAExG,aAAa,CAAC,SAAS,GAAG;IAExB,QAAQ,EAAE,SAAS,CAAC,IAAI;IAExB,SAAS,EAAE,SAAS,CAAC,MAAM;IAE3B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,CACR,oBAAC,QAAQ,IAAC,SAAS,EAAC,WAAW;QAC7B,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACZ,CACZ;IACD,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/Inventory/InventoryDetail.js

@@ -1,57 +1,46 @@
-import _extends from "@babel/runtime/helpers/extends";
+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);
+};
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 import { ScalprumComponent } from '@scalprum/react-core';
 import { useHistory } from 'react-router-dom';
 import { useStore } from 'react-redux';
-import { Bullseye } from "@patternfly/react-core/dist/esm/layouts/Bullseye/Bullseye.js";
-import { Spinner } from "@patternfly/react-core/dist/esm/components/Spinner/Spinner.js";
+import { Bullseye, Spinner } from '@patternfly/react-core';
 import InventoryLoadError from './InventoryLoadError';
-
-var BaseInventoryDetail = function BaseInventoryDetail(props) {
-  var history = useHistory();
-  var store = useStore();
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: props.fallback
-  }, /*#__PURE__*/React.createElement(ScalprumComponent, _extends({
-    history: history,
-    store: store,
-    appName: "inventory",
-    module: "./InventoryDetail",
-    scope: "inventory",
-    ErrorComponent: /*#__PURE__*/React.createElement(InventoryLoadError, _extends({
-      component: "InventoryDetailHead",
-      history: history,
-      store: store
-    }, props)),
-    ref: props.innerRef
-  }, props)));
+import classNames from 'classnames';
+var BaseInventoryDetail = function (props) {
+    var history = useHistory();
+    var store = useStore();
+    var Cmp = props.component;
+    return (React.createElement(Cmp, { className: classNames(props.className, 'inventory') },
+        React.createElement(Suspense, { fallback: props.fallback },
+            React.createElement(ScalprumComponent, __assign({ history: history, store: store, appName: "inventory", module: "./InventoryDetail", scope: "inventory", ErrorComponent: React.createElement(InventoryLoadError, __assign({ component: "InventoryDetailHead", history: history, store: store }, props)), ref: props.innerRef }, props)))));
 };
-
 BaseInventoryDetail.propTypes = {
-  fallback: PropTypes.node,
-  innerRef: PropTypes.object
+    fallback: PropTypes.node,
+    innerRef: PropTypes.object,
+    component: PropTypes.string,
+    className: PropTypes.string,
 };
-/**
- * Inventory sub component.
- *
- * This component shows complete inventory detail with system info and app's detail in tab(s).
- */
-
-var InventoryDetail = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(BaseInventoryDetail, _extends({
-    innerRef: ref
-  }, props));
-});
+var InventoryDetail = React.forwardRef(function (props, ref) { return React.createElement(BaseInventoryDetail, __assign({ innerRef: ref }, props)); });
 InventoryDetail.propTypes = {
-  /** React Suspense fallback component. <a href="https://reactjs.org/docs/code-splitting.html#reactlazy" target="_blank">Learn more</a>. */
-  fallback: PropTypes.node
+    fallback: PropTypes.node,
+    component: PropTypes.string,
+    className: PropTypes.string,
 };
 InventoryDetail.defaultProps = {
-  fallback: /*#__PURE__*/React.createElement(Bullseye, {
-    className: "pf-u-p-lg"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: "xl"
-  }))
+    fallback: (React.createElement(Bullseye, { className: "pf-u-p-lg" },
+        React.createElement(Spinner, { size: "xl" }))),
+    component: 'section',
 };
-export default InventoryDetail;
+export default InventoryDetail;
+//# sourceMappingURL=InventoryDetail.js.map

package/esm/Inventory/InventoryDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryDetail.js","sourceRoot":"","sources":["../../src/Inventory/InventoryDetail.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,IAAM,mBAAmB,GAAG,UAAC,KAAK;IAChC,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC;QACtD,oBAAC,QAAQ,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ;YAChC,oBAAC,iBAAiB,aAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,mBAAmB,EAC1B,KAAK,EAAC,WAAW,EACjB,cAAc,EAAE,oBAAC,kBAAkB,aAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,EACjH,GAAG,EAAE,KAAK,CAAC,QAAQ,IACf,KAAK,EACT,CACO,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,SAAS,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAOF,IAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,oBAAC,mBAAmB,aAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,EAAjD,CAAiD,CAAC,CAAC;AAE5G,eAAe,CAAC,SAAS,GAAG;IAE1B,QAAQ,EAAE,SAAS,CAAC,IAAI;IAExB,SAAS,EAAE,SAAS,CAAC,MAAM;IAE3B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,QAAQ,EAAE,CACR,oBAAC,QAAQ,IAAC,SAAS,EAAC,WAAW;QAC7B,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACZ,CACZ;IACD,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/Inventory/InventoryDetailHead.js

@@ -1,57 +1,46 @@
-import _extends from "@babel/runtime/helpers/extends";
+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);
+};
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 import { ScalprumComponent } from '@scalprum/react-core';
 import { useHistory } from 'react-router-dom';
 import { useStore } from 'react-redux';
-import { Bullseye } from "@patternfly/react-core/dist/esm/layouts/Bullseye/Bullseye.js";
-import { Spinner } from "@patternfly/react-core/dist/esm/components/Spinner/Spinner.js";
+import { Bullseye, Spinner } from '@patternfly/react-core';
 import InventoryLoadError from './InventoryLoadError';
-
-var BaseInventoryDetailHead = function BaseInventoryDetailHead(props) {
-  var history = useHistory();
-  var store = useStore();
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: props.fallback
-  }, /*#__PURE__*/React.createElement(ScalprumComponent, _extends({
-    history: history,
-    store: store,
-    appName: "inventory",
-    module: "./InventoryDetailHead",
-    scope: "inventory",
-    ErrorComponent: /*#__PURE__*/React.createElement(InventoryLoadError, _extends({
-      component: "InventoryDetailHead",
-      history: history,
-      store: store
-    }, props)),
-    ref: props.innerRef
-  }, props)));
+import classNames from 'classnames';
+var BaseInventoryDetailHead = function (props) {
+    var history = useHistory();
+    var store = useStore();
+    var Cmp = props.component;
+    return (React.createElement(Cmp, { className: classNames(props.className, 'inventory') },
+        React.createElement(Suspense, { fallback: props.fallback },
+            React.createElement(ScalprumComponent, __assign({ history: history, store: store, appName: "inventory", module: "./InventoryDetailHead", scope: "inventory", ErrorComponent: React.createElement(InventoryLoadError, __assign({ component: "InventoryDetailHead", history: history, store: store }, props)), ref: props.innerRef }, props)))));
 };
-
 BaseInventoryDetailHead.propTypes = {
-  fallback: PropTypes.node,
-  innerRef: PropTypes.object
+    fallback: PropTypes.node,
+    innerRef: PropTypes.object,
+    component: PropTypes.string,
+    className: PropTypes.string,
 };
-/**
- * Inventory sub component.
- *
- * This component shows system information (tags, facts and basic operations).
- */
-
-var InventoryDetailHead = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(BaseInventoryDetailHead, _extends({
-    innerProps: ref
-  }, props));
-});
+var InventoryDetailHead = React.forwardRef(function (props, ref) { return React.createElement(BaseInventoryDetailHead, __assign({ innerProps: ref }, props)); });
 InventoryDetailHead.propTypes = {
-  /** React Suspense fallback component. <a href="https://reactjs.org/docs/code-splitting.html#reactlazy" target="_blank">Learn more</a>. */
-  fallback: PropTypes.node
+    fallback: PropTypes.node,
+    component: PropTypes.string,
+    className: PropTypes.string,
 };
 InventoryDetailHead.defaultProps = {
-  fallback: /*#__PURE__*/React.createElement(Bullseye, {
-    className: "pf-u-p-lg"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: "xl"
-  }))
+    fallback: (React.createElement(Bullseye, { className: "pf-u-p-lg" },
+        React.createElement(Spinner, { size: "xl" }))),
+    component: 'section',
 };
-export default InventoryDetailHead;
+export default InventoryDetailHead;
+//# sourceMappingURL=InventoryDetailHead.js.map

package/esm/Inventory/InventoryDetailHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryDetailHead.js","sourceRoot":"","sources":["../../src/Inventory/InventoryDetailHead.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,IAAM,uBAAuB,GAAG,UAAC,KAAK;IACpC,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC;QACtD,oBAAC,QAAQ,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ;YAChC,oBAAC,iBAAiB,aAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,uBAAuB,EAC9B,KAAK,EAAC,WAAW,EACjB,cAAc,EAAE,oBAAC,kBAAkB,aAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,EACjH,GAAG,EAAE,KAAK,CAAC,QAAQ,IACf,KAAK,EACT,CACO,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,uBAAuB,CAAC,SAAS,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAOF,IAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,oBAAC,uBAAuB,aAAC,UAAU,EAAE,GAAG,IAAM,KAAK,EAAI,EAAvD,CAAuD,CAAC,CAAC;AAEtH,mBAAmB,CAAC,SAAS,GAAG;IAE9B,QAAQ,EAAE,SAAS,CAAC,IAAI;IAExB,SAAS,EAAE,SAAS,CAAC,MAAM;IAE3B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG;IACjC,QAAQ,EAAE,CACR,oBAAC,QAAQ,IAAC,SAAS,EAAC,WAAW;QAC7B,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACZ,CACZ;IACD,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/esm/Inventory/InventoryLoadError.js

@@ -1,18 +1,26 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
-
-var InventoryLoadError = function InventoryLoadError(_ref) {
-  var component = _ref.component,
-      props = _objectWithoutProperties(_ref, ["component"]);
-
-  useEffect(function () {
-    console.error("Unable to load inventory component. Failed to load ".concat(component, "."), props);
-  }, []);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", null, "Unable to load inventory component"), /*#__PURE__*/React.createElement("h2", null, "Failed to load ", component), /*#__PURE__*/React.createElement("code", null, "More info can be found in browser console output."));
+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;
 };
-
-InventoryLoadError.propTypes = {
-  component: PropTypes.string
+import React, { useEffect } from 'react';
+var InventoryLoadError = function (_a) {
+    var component = _a.component, props = __rest(_a, ["component"]);
+    useEffect(function () {
+        console.error("Unable to load inventory component. Failed to load ".concat(component, "."), props);
+    }, []);
+    return (React.createElement("div", null,
+        React.createElement("h1", null, "Unable to load inventory component"),
+        React.createElement("h2", null,
+            "Failed to load ",
+            component),
+        React.createElement("code", null, "More info can be found in browser console output.")));
 };
-export default InventoryLoadError;
+export default InventoryLoadError;
+//# sourceMappingURL=InventoryLoadError.js.map

package/esm/Inventory/InventoryLoadError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryLoadError.js","sourceRoot":"","sources":["../../src/Inventory/InventoryLoadError.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,IAAM,kBAAkB,GAAqD,UAAC,EAAuB;IAArB,IAAA,SAAS,eAAA,EAAK,KAAK,cAArB,aAAuB,CAAF;IACjG,SAAS,CAAC;QACR,OAAO,CAAC,KAAK,CAAC,6DAAsD,SAAS,MAAG,EAAE,KAAK,CAAC,CAAC;IAC3F,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL;QACE,qEAA2C;QAC3C;;YAAoB,SAAS,CAAM;QACnC,sFAA8D,CAC1D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/esm/Inventory/InventoryTable.js

@@ -1,57 +1,46 @@
-import _extends from "@babel/runtime/helpers/extends";
+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);
+};
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 import { ScalprumComponent } from '@scalprum/react-core';
 import { useHistory } from 'react-router-dom';
 import { useStore } from 'react-redux';
-import { Bullseye } from "@patternfly/react-core/dist/esm/layouts/Bullseye/Bullseye.js";
-import { Spinner } from "@patternfly/react-core/dist/esm/components/Spinner/Spinner.js";
+import { Bullseye, Spinner } from '@patternfly/react-core';
 import InventoryLoadError from './InventoryLoadError';
-
-var BaseInvTable = function BaseInvTable(props) {
-  var history = useHistory();
-  var store = useStore();
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: props.fallback
-  }, /*#__PURE__*/React.createElement(ScalprumComponent, _extends({
-    history: history,
-    store: store,
-    appName: "inventory",
-    module: "./InventoryTable",
-    scope: "inventory",
-    ErrorComponent: /*#__PURE__*/React.createElement(InventoryLoadError, _extends({
-      component: "InventoryDetailHead",
-      history: history,
-      store: store
-    }, props)),
-    ref: props.innerRef
-  }, props)));
+import classNames from 'classnames';
+var BaseInvTable = function (props) {
+    var history = useHistory();
+    var store = useStore();
+    var Cmp = props.component;
+    return (React.createElement(Cmp, { className: classNames(props.className, 'inventory') },
+        React.createElement(Suspense, { fallback: props.fallback },
+            React.createElement(ScalprumComponent, __assign({ history: history, store: store, appName: "inventory", module: "./InventoryTable", scope: "inventory", ErrorComponent: React.createElement(InventoryLoadError, __assign({ component: "InventoryDetailHead", history: history, store: store }, props)), ref: props.innerRef }, props)))));
 };
-
 BaseInvTable.propTypes = {
-  fallback: PropTypes.node,
-  innerRef: PropTypes.object
+    fallback: PropTypes.node,
+    innerRef: PropTypes.object,
+    component: PropTypes.string,
+    className: PropTypes.string,
 };
-/**
- * Inventory sub component.
- *
- * This component shows systems table connected to redux.
- */
-
-var InvTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(BaseInvTable, _extends({
-    innerRef: ref
-  }, props));
-});
+var InvTable = React.forwardRef(function (props, ref) { return React.createElement(BaseInvTable, __assign({ innerRef: ref }, props)); });
 InvTable.propTypes = {
-  /** React Suspense fallback component. <a href="https://reactjs.org/docs/code-splitting.html#reactlazy" target="_blank">Learn more</a>. */
-  fallback: PropTypes.node
+    fallback: PropTypes.node,
+    component: PropTypes.string,
+    className: PropTypes.string,
 };
 InvTable.defaultProps = {
-  fallback: /*#__PURE__*/React.createElement(Bullseye, {
-    className: "pf-u-p-lg"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: "xl"
-  }))
+    fallback: (React.createElement(Bullseye, { className: "pf-u-p-lg" },
+        React.createElement(Spinner, { size: "xl" }))),
+    component: 'section',
 };
-export default InvTable;
+export default InvTable;
+//# sourceMappingURL=InventoryTable.js.map

package/esm/Inventory/InventoryTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryTable.js","sourceRoot":"","sources":["../../src/Inventory/InventoryTable.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,IAAM,YAAY,GAAG,UAAC,KAAK;IACzB,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC;QACtD,oBAAC,QAAQ,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ;YAChC,oBAAC,iBAAiB,aAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,kBAAkB,EACzB,KAAK,EAAC,WAAW,EACjB,cAAc,EAAE,oBAAC,kBAAkB,aAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,EACjH,GAAG,EAAE,KAAK,CAAC,QAAQ,IACf,KAAK,EACT,CACO,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAOF,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,oBAAC,YAAY,aAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,EAA1C,CAA0C,CAAC,CAAC;AAE9F,QAAQ,CAAC,SAAS,GAAG;IAEnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IAExB,SAAS,EAAE,SAAS,CAAC,MAAM;IAE3B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,QAAQ,EAAE,CACR,oBAAC,QAAQ,IAAC,SAAS,EAAC,WAAW;QAC7B,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACZ,CACZ;IACD,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/Inventory/TagWithDialog.js

@@ -1,62 +1,46 @@
-import _extends from "@babel/runtime/helpers/extends";
+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);
+};
 import React, { Suspense } from 'react';
 import PropTypes from 'prop-types';
 import { ScalprumComponent } from '@scalprum/react-core';
 import { useHistory } from 'react-router-dom';
 import { useStore } from 'react-redux';
-import { Bullseye } from "@patternfly/react-core/dist/esm/layouts/Bullseye/Bullseye.js";
-import { Spinner } from "@patternfly/react-core/dist/esm/components/Spinner/Spinner.js";
+import { Bullseye, Spinner } from '@patternfly/react-core';
 import InventoryLoadError from './InventoryLoadError';
-/**
- * Inventory sub component.
- *
- * This component is used to manipulate with inventory tags.
- */
-
-var BaseTagWithDialog = function BaseTagWithDialog(props) {
-  var history = useHistory();
-  var store = useStore();
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: props.fallback
-  }, /*#__PURE__*/React.createElement(ScalprumComponent, _extends({
-    history: history,
-    store: store,
-    appName: "inventory",
-    module: "./TagWithDialog",
-    scope: "inventory",
-    ErrorComponent: /*#__PURE__*/React.createElement(InventoryLoadError, _extends({
-      component: "InventoryDetailHead",
-      history: history,
-      store: store
-    }, props)),
-    ref: props.innerRef
-  }, props)));
+import classNames from 'classnames';
+var BaseTagWithDialog = function (props) {
+    var history = useHistory();
+    var store = useStore();
+    var Cmp = props.component;
+    return (React.createElement(Cmp, { className: classNames(props.className, 'inventory') },
+        React.createElement(Suspense, { fallback: props.fallback },
+            React.createElement(ScalprumComponent, __assign({ history: history, store: store, appName: "inventory", module: "./TagWithDialog", scope: "inventory", ErrorComponent: React.createElement(InventoryLoadError, __assign({ component: "InventoryDetailHead", history: history, store: store }, props)), ref: props.innerRef }, props)))));
 };
-
 BaseTagWithDialog.propTypes = {
-  fallback: PropTypes.node,
-  innerRef: PropTypes.object
+    fallback: PropTypes.node,
+    innerRef: PropTypes.object,
+    component: PropTypes.string,
+    className: PropTypes.string,
 };
-/**
- * Inventory sub component.
- *
- * This component shows systems table connected to redux.
- */
-
-var TagWithDialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(BaseTagWithDialog, _extends({
-    innerRef: ref
-  }, props));
-});
+var TagWithDialog = React.forwardRef(function (props, ref) { return React.createElement(BaseTagWithDialog, __assign({ innerRef: ref }, props)); });
 TagWithDialog.propTypes = {
-  /** React Suspense fallback component. <a href="https://reactjs.org/docs/code-splitting.html#reactlazy" target="_blank">Learn more</a>. */
-  fallback: PropTypes.node
+    fallback: PropTypes.node,
+    component: PropTypes.string,
+    className: PropTypes.string,
 };
 TagWithDialog.defaultProps = {
-  fallback: /*#__PURE__*/React.createElement(Bullseye, {
-    className: "pf-u-p-lg"
-  }, /*#__PURE__*/React.createElement(Spinner, {
-    size: "xl"
-  }))
+    fallback: (React.createElement(Bullseye, { className: "pf-u-p-lg" },
+        React.createElement(Spinner, { size: "xl" }))),
+    component: 'section',
 };
-export default TagWithDialog;
+export default TagWithDialog;
+//# sourceMappingURL=TagWithDialog.js.map

package/esm/Inventory/TagWithDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagWithDialog.js","sourceRoot":"","sources":["../../src/Inventory/TagWithDialog.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,IAAM,iBAAiB,GAAG,UAAC,KAAK;IAC9B,IAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC;QACtD,oBAAC,QAAQ,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ;YAChC,oBAAC,iBAAiB,aAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,iBAAiB,EACxB,KAAK,EAAC,WAAW,EACjB,cAAc,EAAE,oBAAC,kBAAkB,aAAC,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,EACjH,GAAG,EAAE,KAAK,CAAC,QAAQ,IACf,KAAK,EACT,CACO,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAOF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,oBAAC,iBAAiB,aAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,EAA/C,CAA+C,CAAC,CAAC;AAExG,aAAa,CAAC,SAAS,GAAG;IAExB,QAAQ,EAAE,SAAS,CAAC,IAAI;IAExB,SAAS,EAAE,SAAS,CAAC,MAAM;IAE3B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,CACR,oBAAC,QAAQ,IAAC,SAAS,EAAC,WAAW;QAC7B,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACZ,CACZ;IACD,SAAS,EAAE,SAAS;CACrB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/Inventory/index.js

@@ -4,4 +4,5 @@ export { default as DetailWrapper } from './DetailWrapper';
 export { default as InventoryDetail } from './InventoryDetail';
 export { default as InventoryDetailHead } from './InventoryDetailHead';
 export { default as TagWithDialog } from './TagWithDialog';
-export { default as InventoryLoadError } from './InventoryLoadError';
+export { default as InventoryLoadError } from './InventoryLoadError';
+//# sourceMappingURL=index.js.map

package/esm/Inventory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Inventory/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}