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

package/esm/PrimaryToolbar/SortBy.js

@@ -1,36 +1,24 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { SortByDirection } from '@patternfly/react-table';
-import { Button } from "@patternfly/react-core/dist/esm/components/Button/Button.js";
-import SortAmountDownIcon from "@patternfly/react-icons/dist/esm/icons/sort-amount-down-icon";
-import SortAmountUpIcon from "@patternfly/react-icons/dist/esm/icons/sort-amount-up-icon";
+import { Button } from '@patternfly/react-core';
+import { SortAmountDownIcon, SortAmountUpIcon } from '@patternfly/react-icons';
 export function flipDirection(direction) {
-  return direction === SortByDirection.asc ? SortByDirection.desc : SortByDirection.asc;
+    return direction === SortByDirection.asc ? SortByDirection.desc : SortByDirection.asc;
 }
-
-var SortBy = function SortBy(_ref) {
-  var direction = _ref.direction,
-      onSortChange = _ref.onSortChange;
-  return /*#__PURE__*/React.createElement(Button, {
-    variant: "plain",
-    onClick: function onClick(e) {
-      return onSortChange(e, flipDirection(direction));
-    }
-  }, direction === SortByDirection.asc ? /*#__PURE__*/React.createElement(SortAmountUpIcon, {
-    size: "sm"
-  }) : /*#__PURE__*/React.createElement(SortAmountDownIcon, {
-    size: "sm"
-  }));
+var SortBy = function (_a) {
+    var direction = _a.direction, onSortChange = _a.onSortChange;
+    return (React.createElement(Button, { variant: "plain", onClick: function (e) { return onSortChange(e, flipDirection(direction)); } }, direction === SortByDirection.asc ?
+        React.createElement(SortAmountUpIcon, { size: "sm" }) :
+        React.createElement(SortAmountDownIcon, { size: "sm" })));
 };
-
 SortBy.propTypes = {
-  direction: PropTypes.oneOf(Object.values(SortByDirection)),
-  onSortChange: PropTypes.func
+    direction: PropTypes.oneOf(Object.values(SortByDirection)),
+    onSortChange: PropTypes.func
 };
 SortBy.defaultProps = {
-  direction: SortByDirection.asc,
-  onSortChange: function onSortChange() {
-    return undefined;
-  }
+    direction: SortByDirection.asc,
+    onSortChange: function () { return undefined; }
 };
-export default SortBy;
+export default SortBy;
+//# sourceMappingURL=SortBy.js.map

package/esm/PrimaryToolbar/SortBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortBy.js","sourceRoot":"","sources":["../../src/PrimaryToolbar/SortBy.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE/E,MAAM,UAAU,aAAa,CAAC,SAAS;IACnC,OAAO,SAAS,KAAK,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC;AAC1F,CAAC;AAED,IAAM,MAAM,GAAG,UAAC,EAA2B;QAAzB,SAAS,eAAA,EAAE,YAAY,kBAAA;IAAO,OAAA,CAC5C,oBAAC,MAAM,IACH,OAAO,EAAC,OAAO,EACf,OAAO,EAAG,UAAA,CAAC,IAAI,OAAA,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,EAAzC,CAAyC,IAGpD,SAAS,KAAK,eAAe,CAAC,GAAG,CAAC,CAAC;QAC/B,oBAAC,gBAAgB,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC;QAChC,oBAAC,kBAAkB,IAAC,IAAI,EAAC,IAAI,GAAG,CAEnC,CACZ;AAX+C,CAW/C,CAAC;AAEF,MAAM,CAAC,SAAS,GAAG;IACf,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;IAC1D,YAAY,EAAE,SAAS,CAAC,IAAI;CAC/B,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,eAAe,CAAC,GAAG;IAC9B,YAAY,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;CAChC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/PrimaryToolbar/index.js

@@ -2,4 +2,5 @@ export { default } from './PrimaryToolbar';
 export { default as PrimaryToolbar } from './PrimaryToolbar';
 export { default as Actions } from './Actions';
 export { default as SortBy } from './SortBy';
-export * from './SortBy';
+export * from './SortBy';
+//# sourceMappingURL=index.js.map

package/esm/PrimaryToolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/PrimaryToolbar/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,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,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC"}

package/esm/PrimaryToolbar/primary-toolbar.css

@@ -0,0 +1,49 @@
+.ins-c-primary-toolbar .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
+  display: initial;
+}
+.ins-c-primary-toolbar .ins-c-primary-toolbar__first-action {
+  display: none;
+}
+.ins-c-primary-toolbar .ins-c-primary-toolbar__pagination {
+  margin-left: auto;
+}
+.ins-c-primary-toolbar .ins-c-primary-toolbar__sort-by {
+  display: initial;
+}
+.ins-c-primary-toolbar .ins-c-primary-toolbar__overflow-actions, .ins-c-primary-toolbar .ins-c-primary-toolbar__overflow-actions-separator {
+  display: none;
+}
+.ins-c-primary-toolbar .ins-m-actions--empty {
+  display: none;
+}
+.ins-c-primary-toolbar .ins-c-primary-toolbar__group-filter {
+  flex-grow: initial;
+}
+.ins-c-primary-toolbar .ins-c-primary-toolbar__group-filter .ins-c-primary-toolbar__filter {
+  flex: initial;
+}
+
+@media only screen and (max-width: 768px) {
+  .ins-c-primary-toolbar .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
+    display: none;
+  }
+  .ins-c-primary-toolbar .ins-c-primary-toolbar__first-action {
+    display: block;
+  }
+  .ins-c-primary-toolbar .ins-c-primary-toolbar__sort-by {
+    display: none;
+  }
+  .ins-c-primary-toolbar .ins-c-primary-toolbar__overflow-actions, .ins-c-primary-toolbar .ins-c-primary-toolbar__overflow-actions-separator {
+    display: block;
+  }
+  .ins-c-primary-toolbar .ins-c-primary-toolbar__group-filter {
+    margin-right: 0;
+    flex-grow: 1;
+  }
+  .ins-c-primary-toolbar .ins-c-primary-toolbar__group-filter .ins-c-primary-toolbar__filter {
+    flex: 1;
+  }
+  .ins-c-primary-toolbar .ins-m-actions--empty {
+    display: block;
+  }
+}

package/esm/PrimaryToolbar/primary-toolbar.scss

@@ -0,0 +1,64 @@
+.ins-c-primary-toolbar {
+    .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
+        display: initial;
+    }
+
+    .ins-c-primary-toolbar__first-action {
+        display: none;
+    }
+
+    .ins-c-primary-toolbar__pagination {
+        margin-left: auto;
+    }
+
+    .ins-c-primary-toolbar__sort-by {
+        display: initial
+    }
+
+    .ins-c-primary-toolbar__overflow-actions, .ins-c-primary-toolbar__overflow-actions-separator {
+        display: none;
+    }
+
+    .ins-m-actions--empty {
+        display: none;
+    }
+
+    .ins-c-primary-toolbar__group-filter {
+        flex-grow: initial;
+        .ins-c-primary-toolbar__filter {
+            flex: initial;
+        }
+    }
+}
+
+@media only screen and (max-width: 768px) {
+    .ins-c-primary-toolbar {
+        .pf-c-toolbar__item.ins-c-primary-toolbar__first-action {
+            display: none;
+        }
+
+        .ins-c-primary-toolbar__first-action {
+            display: block;
+        }
+
+        .ins-c-primary-toolbar__sort-by {
+            display: none
+        }
+
+        .ins-c-primary-toolbar__overflow-actions, .ins-c-primary-toolbar__overflow-actions-separator {
+            display: block;
+        }
+
+        .ins-c-primary-toolbar__group-filter {
+            margin-right: 0;
+            flex-grow: 1;
+            .ins-c-primary-toolbar__filter {
+                flex: 1;
+            }
+        }
+
+        .ins-m-actions--empty {
+            display: block;
+        }
+    }
+}

package/esm/Reboot/Reboot.js

@@ -1,25 +1,41 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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 RebootingIcon from "@patternfly/react-icons/dist/esm/icons/rebooting-icon";
-import "../../Reboot/./reboot.css";
-
-var Reboot = function Reboot(_ref) {
-  var red = _ref.red,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, ["red", "className"]);
-
-  var rebootIconClasses = classNames('ins-c-reboot', _defineProperty({}, "ins-m-red", red), className);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: rebootIconClasses
-  }, props), /*#__PURE__*/React.createElement(RebootingIcon, null), /*#__PURE__*/React.createElement("span", null, "Reboot required"));
+import { RebootingIcon } from '@patternfly/react-icons';
+import './reboot.css';
+var Reboot = function (_a) {
+    var _b;
+    var red = _a.red, className = _a.className, props = __rest(_a, ["red", "className"]);
+    var rebootIconClasses = classNames('ins-c-reboot', (_b = {}, _b["ins-m-red"] = red, _b), className);
+    return (React.createElement("span", __assign({ className: rebootIconClasses }, props),
+        React.createElement(RebootingIcon, null),
+        React.createElement("span", null, "Reboot required")));
 };
-
 export default Reboot;
 Reboot.propTypes = {
-  className: propTypes.string,
-  red: propTypes.bool
-};
+    className: propTypes.string,
+    red: propTypes.bool
+};
+//# sourceMappingURL=Reboot.js.map

package/esm/Reboot/Reboot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reboot.js","sourceRoot":"","sources":["../../src/Reboot/Reboot.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,eAAe,CAAC;AAEvB,IAAM,MAAM,GAAG,UAAC,EAA4B;;IAA1B,IAAA,GAAG,SAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IAEtC,IAAM,iBAAiB,GAAG,UAAU,CAChC,cAAc,YACZ,GAAC,WAAW,IAAG,GAAG,OACpB,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,uCAAM,SAAS,EAAG,iBAAiB,IAAQ,KAAK;QAC5C,oBAAC,aAAa,OAAE;QAChB,oDAA4B,CACzB,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC;AAEtB,MAAM,CAAC,SAAS,GAAG;IACf,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,GAAG,EAAE,SAAS,CAAC,IAAI;CACtB,CAAC"}

package/esm/Reboot/index.js

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

package/esm/Reboot/index.js.map

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

package/esm/Reboot/reboot.css

@@ -0,0 +1,11 @@
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+.ins-c-reboot span {
+  margin-left: 4px;
+  margin-left: 0.25rem;
+}
+.ins-c-reboot.ins-m-red span, .ins-c-reboot.ins-m-red svg {
+  color: var(--pf-global--danger-color--100);
+}

package/esm/Reboot/reboot.scss

@@ -0,0 +1,12 @@
+@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
+
+.ins-c-reboot {
+    span {
+        // 4px because the battery icon is 1px bigger than the reboot icon
+        @include rem('margin-left', 4px);
+    }
+
+    &.ins-m-red {
+        span, svg { color: var(--pf-global--danger-color--100); }
+    }
+}

package/esm/Section/Section.js

@@ -1,26 +1,36 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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 "../../Section/./section.css";
-
-var Section = function Section(_ref) {
-  var type = _ref.type,
-      children = _ref.children,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, ["type", "children", "className"]);
-
-  var sectionClasses = classNames(className, _defineProperty({}, "ins-l-".concat(type), type !== undefined));
-  return /*#__PURE__*/React.createElement("section", _extends({}, props, {
-    className: sectionClasses
-  }), " ", children, " ");
+import './section.css';
+var Section = function (_a) {
+    var _b;
+    var type = _a.type, children = _a.children, className = _a.className, props = __rest(_a, ["type", "children", "className"]);
+    var sectionClasses = classNames(className, (_b = {}, _b["ins-l-".concat(type)] = type !== undefined, _b));
+    return (React.createElement("section", __assign({}, props, { className: sectionClasses }),
+        " ",
+        children,
+        " "));
 };
-
 export default Section;
-Section.propTypes = {
-  type: propTypes.string,
-  className: propTypes.string,
-  children: propTypes.any.isRequired
-};
+//# sourceMappingURL=Section.js.map

package/esm/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/Section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,gBAAgB,CAAC;AAOxB,IAAM,OAAO,GAA0C,UAAC,EAAuC;;IAArC,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAArC,iCAAuC,CAAF;IACzF,IAAM,cAAc,GAAG,UAAU,CAC7B,SAAS,YACP,GAAC,gBAAS,IAAI,CAAE,IAAG,IAAI,KAAK,SAAS,MAC1C,CAAC;IAEF,OAAO,CACH,4CAAc,KAAK,IAAG,SAAS,EAAG,cAAc;;QAAM,QAAQ;YAAa,CAC9E,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/Section/index.js

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

package/esm/Section/index.js.map

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

package/esm/Section/section.css

@@ -0,0 +1,35 @@
+:root {
+  --ins-color--orange: #ec7a08;
+}
+
+section.ins-l-content {
+  padding: var(--pf-global--spacer--lg);
+}
+
+section.ins-l-button-group {
+  margin: 24px 0px;
+  margin: 1.5rem 0rem;
+}
+section.ins-l-button-group > * {
+  display: inline;
+}
+section.ins-l-button-group * + * {
+  margin-left: 5px;
+  margin-left: 0.3125rem;
+}
+
+section.ins-l-icon-group * + * {
+  margin-left: 10px;
+}
+
+section.ins-l-icon-group__with-major * + * {
+  margin-left: 7.5px;
+}
+section.ins-l-icon-group__with-major .ins-battery:last-of-type {
+  padding-left: 15px;
+  border-left: 2px solid #eaeaea;
+}
+section.ins-l-icon-group__with-major .ins-battery:last-of-type span.label {
+  font-weight: 500;
+  margin: 0 10px;
+}

package/esm/Section/section.scss

@@ -0,0 +1,27 @@
+@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
+
+section.ins-l-content {
+  padding: $ins-padding;
+}
+
+section.ins-l-button-group {
+  > * { display: inline; }
+  * + * { @include rem('margin-left', 5px); }
+  @include rem('margin', 24px 0);
+}
+
+section.ins-l-icon-group {
+  * + * { margin-left: 10px; }
+}
+
+section.ins-l-icon-group__with-major {
+  * + * { margin-left: 7.5px; }
+  .ins-battery:last-of-type {
+    padding-left: 15px;
+    border-left: 2px solid #eaeaea;
+    span.label{
+      font-weight: 500;
+      margin: 0 10px;
+    }
+  }
+}

package/esm/Shield/Shield.js

@@ -1,44 +1,52 @@
-import { Tooltip } from "@patternfly/react-core/dist/esm/components/Tooltip/Tooltip.js";
-import QuestionIcon from "@patternfly/react-icons/dist/esm/icons/question-icon";
-import SecurityIcon from "@patternfly/react-icons/dist/esm/icons/security-icon";
+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 { Tooltip } from '@patternfly/react-core';
+import { QuestionIcon, SecurityIcon } from '@patternfly/react-icons';
 import propTypes from 'prop-types';
 import React from 'react';
 import { impactList } from './consts';
-
-var Shield = function Shield(_ref) {
-  var _impactList$impact;
-
-  var impact = _ref.impact,
-      hasLabel = _ref.hasLabel,
-      hasTooltip = _ref.hasTooltip,
-      size = _ref.size;
-  var attributes = (_impactList$impact = impactList === null || impactList === void 0 ? void 0 : impactList[impact]) !== null && _impactList$impact !== void 0 ? _impactList$impact : impactList.Unknown;
-  var badgeProps = {
-    'aria-hidden': 'false',
-    'aria-label': attributes.title,
-    color: attributes.color,
-    size: size
-  };
-  var badge = attributes.title === 'Unknown' ? /*#__PURE__*/React.createElement(QuestionIcon, badgeProps) : /*#__PURE__*/React.createElement(SecurityIcon, badgeProps);
-  var body = /*#__PURE__*/React.createElement("span", null, badge, " ", hasLabel && attributes.title);
-  return /*#__PURE__*/React.createElement("span", null, hasTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement("div", null, attributes.message),
-    position: 'bottom'
-  }, body) : body);
+var Shield = function (_a) {
+    var _b;
+    var impact = _a.impact, hasLabel = _a.hasLabel, hasTooltip = _a.hasTooltip, size = _a.size;
+    var attributes = (_b = impactList === null || impactList === void 0 ? void 0 : impactList[impact]) !== null && _b !== void 0 ? _b : impactList.Unknown;
+    var badgeProps = {
+        'aria-hidden': 'false',
+        'aria-label': attributes.title,
+        color: attributes.color,
+        size: size
+    };
+    var badge = attributes.title === 'Unknown'
+        ? React.createElement(QuestionIcon, __assign({}, badgeProps))
+        : React.createElement(SecurityIcon, __assign({}, badgeProps));
+    var body = (React.createElement("span", null,
+        badge,
+        " ",
+        hasLabel && attributes.title));
+    return (React.createElement("span", null, hasTooltip ?
+        React.createElement(Tooltip, { content: React.createElement("div", null, attributes.message), position: 'bottom' }, body)
+        : body));
 };
-
 Shield.defaultProps = {
-  impact: 'N/A',
-  hasLabel: false,
-  size: 'sm',
-  hasTooltip: true
+    impact: 'N/A',
+    hasLabel: false,
+    size: 'sm',
+    hasTooltip: true
 };
 Shield.propTypes = {
-  impact: propTypes.oneOfType([propTypes.string, propTypes.number]),
-  hasLabel: propTypes.bool,
-  size: propTypes.string,
-  // sm, md, lg and xl,
-  label: propTypes.bool,
-  hasTooltip: propTypes.bool
+    impact: propTypes.oneOfType([propTypes.string, propTypes.number]),
+    hasLabel: propTypes.bool,
+    size: propTypes.string,
+    label: propTypes.bool,
+    hasTooltip: propTypes.bool
 };
-export default Shield;
+export default Shield;
+//# sourceMappingURL=Shield.js.map

package/esm/Shield/Shield.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shield.js","sourceRoot":"","sources":["../../src/Shield/Shield.js"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,IAAM,MAAM,GAAG,UAAC,EAAsC;;QAApC,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;IAChD,IAAM,UAAU,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,MAAM,CAAC,mCAAI,UAAU,CAAC,OAAO,CAAC;IAC9D,IAAM,UAAU,GAAG;QACf,aAAa,EAAE,OAAO;QACtB,YAAY,EAAE,UAAU,CAAC,KAAK;QAC9B,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,IAAI,MAAA;KACP,CAAC;IAEF,IAAM,KAAK,GAAG,UAAU,CAAC,KAAK,KAAK,SAAS;QACxC,CAAC,CAAC,oBAAC,YAAY,eAAK,UAAU,EAAI;QAClC,CAAC,CAAC,oBAAC,YAAY,eAAK,UAAU,EAAI,CAAC;IAEvC,IAAM,IAAI,GAAG,CACT;QACK,KAAK;;QAAG,QAAQ,IAAI,UAAU,CAAC,KAAK,CAClC,CACV,CAAC;IAEF,OAAO,CACH,kCACK,UAAU,CAAC,CAAC;QACT,oBAAC,OAAO,IAAC,OAAO,EAAE,iCAAM,UAAU,CAAC,OAAO,CAAO,EAAE,QAAQ,EAAE,QAAQ,IAChE,IAAI,CACC;QACV,CAAC,CAAC,IAAI,CACP,CACV,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IAClB,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,IAAI;CACnB,CAAC;AAEF,MAAM,CAAC,SAAS,GAAG;IACf,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC,CAAE,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAE,CAAC;IACnE,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,KAAK,EAAE,SAAS,CAAC,IAAI;IACrB,UAAU,EAAE,SAAS,CAAC,IAAI;CAC7B,CAAC;AAEF,eAAe,MAAM,CAAC"}