@rhc-shared-components/form-select-component 0.0.3 → 0.1.2

package/CHANGELOG.md

@@ -0,0 +1,70 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [0.1.1](https://gitlab.cee.redhat.com/customer-platform/rhc-shared-components/compare/@rhc-shared-components/form-select-component@0.1.0...@rhc-shared-components/form-select-component@0.1.1) (2022-10-20)
+
+**Note:** Version bump only for package @rhc-shared-components/form-select-component
+
+
+
+
+
+# [0.1.0](https://gitlab.cee.redhat.com/customer-platform/rhc-shared-components/compare/@rhc-shared-components/form-select-component@0.0.4...@rhc-shared-components/form-select-component@0.1.0) (2022-10-20)
+
+
+### Features
+
+* adding order prop for vulnerability summaries severity ([24e0c7c](https://gitlab.cee.redhat.com/customer-platform/rhc-shared-components/commit/24e0c7c992058f0c3e42e8c7ba6ad1bd98e70c4f))
+
+
+
+
+
+## [0.0.6](https://gitlab.cee.redhat.com/customer-platform/rhc-shared-components/compare/@rhc-shared-components/form-select-component@0.0.5...@rhc-shared-components/form-select-component@0.0.6) (2022-08-22)
+
+**Note:** Version bump only for package @rhc-shared-components/form-select-component
+
+
+
+
+
+## [0.0.5](https://gitlab.cee.redhat.com/customer-platform/rhc-shared-components/compare/@rhc-shared-components/form-select-component@0.0.4...@rhc-shared-components/form-select-component@0.0.5) (2022-08-22)
+
+**Note:** Version bump only for package @rhc-shared-components/form-select-component
+
+
+
+
+
+## [0.0.4](https://gitlab.cee.redhat.com/customer-platform/rhc-shared-components/compare/@rhc-shared-components/form-select-component@0.0.3...@rhc-shared-components/form-select-component@0.0.4) (2022-08-22)
+
+
+### Bug Fixes
+
+* added ReactNode type to subLabel prop for formselect component ([060d955](https://gitlab.cee.redhat.com/customer-platform/rhc-shared-components/commit/060d9557e708e8f1a722f158c6f07ff6416aed60))
+
+
+
+
+
+## [0.0.3](https://gitlab.cee.redhat.com/customer-platform/rhc-shared-components/compare/@rhc-shared-components/form-select-component@0.0.2...@rhc-shared-components/form-select-component@0.0.3) (2022-01-05)
+
+**Note:** Version bump only for package @rhc-shared-components/form-select-component
+
+
+
+
+
+## [0.0.2](https://gitlab.cee.redhat.com/customer-platform/rhc-shared-components/compare/@rhc-shared-components/form-select-component@0.0.1...@rhc-shared-components/form-select-component@0.0.2) (2021-12-29)
+
+**Note:** Version bump only for package @rhc-shared-components/form-select-component
+
+
+
+
+
+## 0.0.1 (2021-12-06)
+
+**Note:** Version bump only for package @rhc-shared-components/form-select-component

package/dist/FormSelectComponent.d.ts

@@ -13,7 +13,7 @@ export interface FormSelectProps {
     isRequired?: boolean;
     placeholder?: string;
     selectOptions: ISelectItem[];
-    subLabel?: string;
+    subLabel?: string | React.ReactNode;
     subInfo?: string;
     ariaLabel?: string;
     helperText?: string;

package/dist/index.js

@@ -23,22 +23,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-
-  _setPrototypeOf(subClass, superClass);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -9553,110 +9537,68 @@ function __rest(s, e) {
 }
 
 var IconSize;
-
 (function (IconSize) {
-  IconSize["sm"] = "sm";
-  IconSize["md"] = "md";
-  IconSize["lg"] = "lg";
-  IconSize["xl"] = "xl";
+    IconSize["sm"] = "sm";
+    IconSize["md"] = "md";
+    IconSize["lg"] = "lg";
+    IconSize["xl"] = "xl";
 })(IconSize || (IconSize = {}));
-
-var getSize = function getSize(size) {
-  switch (size) {
-    case IconSize.sm:
-      return '1em';
-
-    case IconSize.md:
-      return '1.5em';
-
-    case IconSize.lg:
-      return '2em';
-
-    case IconSize.xl:
-      return '3em';
-
-    default:
-      return '1em';
-  }
+const getSize = (size) => {
+    switch (size) {
+        case IconSize.sm:
+            return '1em';
+        case IconSize.md:
+            return '1.5em';
+        case IconSize.lg:
+            return '2em';
+        case IconSize.xl:
+            return '3em';
+        default:
+            return '1em';
+    }
 };
-var currentId = 0;
+let currentId = 0;
 /**
  * Factory to create Icon class components for consumers
  */
-
-function createIcon(_ref) {
-  var name = _ref.name,
-      _ref$xOffset = _ref.xOffset,
-      xOffset = _ref$xOffset === void 0 ? 0 : _ref$xOffset,
-      _ref$yOffset = _ref.yOffset,
-      yOffset = _ref$yOffset === void 0 ? 0 : _ref$yOffset,
-      width = _ref.width,
-      height = _ref.height,
-      svgPath = _ref.svgPath;
-
-  var _a;
-
-  return _a = /*#__PURE__*/function (_React$Component) {
-    _inheritsLoose(SVGIcon, _React$Component);
-
-    function SVGIcon() {
-      var _this;
-
-      _this = _React$Component.apply(this, arguments) || this;
-      _this.id = "icon-title-" + currentId++;
-      return _this;
-    }
-
-    var _proto = SVGIcon.prototype;
-
-    _proto.render = function render() {
-      var _a = this.props,
-          size = _a.size,
-          color = _a.color,
-          title = _a.title,
-          noVerticalAlign = _a.noVerticalAlign,
-          props = __rest(_a, ["size", "color", "title", "noVerticalAlign"]);
-
-      var hasTitle = Boolean(title);
-      var heightWidth = getSize(size);
-      var baseAlign = -0.125 * Number.parseFloat(heightWidth);
-      var style = noVerticalAlign ? null : {
-        verticalAlign: baseAlign + "em"
-      };
-      var viewBox = [xOffset, yOffset, width, height].join(' ');
-      return React__namespace.createElement("svg", Object.assign({
-        style: style,
-        fill: color,
-        height: heightWidth,
-        width: heightWidth,
-        viewBox: viewBox,
-        "aria-labelledby": hasTitle ? this.id : null,
-        "aria-hidden": hasTitle ? null : true,
-        role: "img"
-      }, props), hasTitle && React__namespace.createElement("title", {
-        id: this.id
-      }, title), React__namespace.createElement("path", {
-        d: svgPath
-      }));
-    };
-
-    return SVGIcon;
-  }(React__namespace.Component), _a.displayName = name, _a.defaultProps = {
-    color: 'currentColor',
-    size: IconSize.sm,
-    noVerticalAlign: false
-  }, _a;
+function createIcon({ name, xOffset = 0, yOffset = 0, width, height, svgPath }) {
+    var _a;
+    return _a = class SVGIcon extends React__namespace.Component {
+            constructor() {
+                super(...arguments);
+                this.id = `icon-title-${currentId++}`;
+            }
+            render() {
+                const _a = this.props, { size, color, title, noVerticalAlign } = _a, props = __rest(_a, ["size", "color", "title", "noVerticalAlign"]);
+                const hasTitle = Boolean(title);
+                const heightWidth = getSize(size);
+                const baseAlign = -0.125 * Number.parseFloat(heightWidth);
+                const style = noVerticalAlign ? null : { verticalAlign: `${baseAlign}em` };
+                const viewBox = [xOffset, yOffset, width, height].join(' ');
+                return (React__namespace.createElement("svg", Object.assign({ style: style, fill: color, height: heightWidth, width: heightWidth, viewBox: viewBox, "aria-labelledby": hasTitle ? this.id : null, "aria-hidden": hasTitle ? null : true, role: "img" }, props),
+                    hasTitle && React__namespace.createElement("title", { id: this.id }, title),
+                    React__namespace.createElement("path", { d: svgPath })));
+            }
+        },
+        _a.displayName = name,
+        _a.defaultProps = {
+            color: 'currentColor',
+            size: IconSize.sm,
+            noVerticalAlign: false
+        },
+        _a;
 }
 
-var InfoCircleIconConfig = {
+const InfoCircleIconConfig = {
   name: 'InfoCircleIcon',
   height: 512,
   width: 512,
   svgPath: 'M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z',
   yOffset: 0,
-  xOffset: 0
+  xOffset: 0,
 };
-var InfoCircleIcon = createIcon(InfoCircleIconConfig);
+
+const InfoCircleIcon = createIcon(InfoCircleIconConfig);
 
 var _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "subLabel", "subInfo"];
 

package/dist/index.modern.js

@@ -9515,91 +9515,56 @@ function __rest(s, e) {
 }
 
 var IconSize;
-
 (function (IconSize) {
-  IconSize["sm"] = "sm";
-  IconSize["md"] = "md";
-  IconSize["lg"] = "lg";
-  IconSize["xl"] = "xl";
+    IconSize["sm"] = "sm";
+    IconSize["md"] = "md";
+    IconSize["lg"] = "lg";
+    IconSize["xl"] = "xl";
 })(IconSize || (IconSize = {}));
-
-const getSize = size => {
-  switch (size) {
-    case IconSize.sm:
-      return '1em';
-
-    case IconSize.md:
-      return '1.5em';
-
-    case IconSize.lg:
-      return '2em';
-
-    case IconSize.xl:
-      return '3em';
-
-    default:
-      return '1em';
-  }
+const getSize = (size) => {
+    switch (size) {
+        case IconSize.sm:
+            return '1em';
+        case IconSize.md:
+            return '1.5em';
+        case IconSize.lg:
+            return '2em';
+        case IconSize.xl:
+            return '3em';
+        default:
+            return '1em';
+    }
 };
 let currentId = 0;
 /**
  * Factory to create Icon class components for consumers
  */
-
-function createIcon({
-  name,
-  xOffset = 0,
-  yOffset = 0,
-  width,
-  height,
-  svgPath
-}) {
-  var _a;
-
-  return _a = class SVGIcon extends React.Component {
-    constructor() {
-      super(...arguments);
-      this.id = `icon-title-${currentId++}`;
-    }
-
-    render() {
-      const _a = this.props,
-            {
-        size,
-        color,
-        title,
-        noVerticalAlign
-      } = _a,
-            props = __rest(_a, ["size", "color", "title", "noVerticalAlign"]);
-
-      const hasTitle = Boolean(title);
-      const heightWidth = getSize(size);
-      const baseAlign = -0.125 * Number.parseFloat(heightWidth);
-      const style = noVerticalAlign ? null : {
-        verticalAlign: `${baseAlign}em`
-      };
-      const viewBox = [xOffset, yOffset, width, height].join(' ');
-      return React.createElement("svg", Object.assign({
-        style: style,
-        fill: color,
-        height: heightWidth,
-        width: heightWidth,
-        viewBox: viewBox,
-        "aria-labelledby": hasTitle ? this.id : null,
-        "aria-hidden": hasTitle ? null : true,
-        role: "img"
-      }, props), hasTitle && React.createElement("title", {
-        id: this.id
-      }, title), React.createElement("path", {
-        d: svgPath
-      }));
-    }
-
-  }, _a.displayName = name, _a.defaultProps = {
-    color: 'currentColor',
-    size: IconSize.sm,
-    noVerticalAlign: false
-  }, _a;
+function createIcon({ name, xOffset = 0, yOffset = 0, width, height, svgPath }) {
+    var _a;
+    return _a = class SVGIcon extends React.Component {
+            constructor() {
+                super(...arguments);
+                this.id = `icon-title-${currentId++}`;
+            }
+            render() {
+                const _a = this.props, { size, color, title, noVerticalAlign } = _a, props = __rest(_a, ["size", "color", "title", "noVerticalAlign"]);
+                const hasTitle = Boolean(title);
+                const heightWidth = getSize(size);
+                const baseAlign = -0.125 * Number.parseFloat(heightWidth);
+                const style = noVerticalAlign ? null : { verticalAlign: `${baseAlign}em` };
+                const viewBox = [xOffset, yOffset, width, height].join(' ');
+                return (React.createElement("svg", Object.assign({ style: style, fill: color, height: heightWidth, width: heightWidth, viewBox: viewBox, "aria-labelledby": hasTitle ? this.id : null, "aria-hidden": hasTitle ? null : true, role: "img" }, props),
+                    hasTitle && React.createElement("title", { id: this.id }, title),
+                    React.createElement("path", { d: svgPath })));
+            }
+        },
+        _a.displayName = name,
+        _a.defaultProps = {
+            color: 'currentColor',
+            size: IconSize.sm,
+            noVerticalAlign: false
+        },
+        _a;
 }
 
 const InfoCircleIconConfig = {
@@ -9608,8 +9573,9 @@ const InfoCircleIconConfig = {
   width: 512,
   svgPath: 'M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z',
   yOffset: 0,
-  xOffset: 0
+  xOffset: 0,
 };
+
 const InfoCircleIcon = createIcon(InfoCircleIconConfig);
 
 const _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "subLabel", "subInfo"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhc-shared-components/form-select-component",
-  "version": "0.0.3",
+  "version": "0.1.2",
   "description": "project description",
   "author": "redhatofficial",
   "license": "MIT",
@@ -52,18 +52,18 @@
     "eslint-plugin-react": "^7.17.0",
     "eslint-plugin-standard": "^4.0.1",
     "microbundle": "^0.13.3",
-    "node-sass": "^4.0.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.4",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-scripts": "^3.4.1",
     "rimraf": "^3.0.2",
+    "sass": "^1.57.1",
     "typescript": "^3.7.5"
   },
   "dependencies": {
-    "@patternfly/react-core": "^4.101.3",
-    "@rhc-shared-components/form-group-container": "^0.2.9",
+    "@patternfly/react-core": "^4.276.6",
+    "@rhc-shared-components/form-group-container": "^0.3.2",
     "formik": "^2.1.4",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
@@ -74,5 +74,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "07673261fa72667bf3caf8b00aa2124dde9f50bc"
+  "gitHead": "e3ffbb8f2793c6be4ea9d3d4ec916fc0d9faba5d"
 }