@rhc-shared-components/form-select-component 0.2.7 → 0.2.9

package/dist/FormSelectComponent.d.ts

@@ -1,29 +1,29 @@
-import * as React from 'react';
-export interface ISelectItem {
-    value: string;
-    key?: string;
-    description?: string;
-    isDisabled?: boolean;
-    isPlaceholder?: boolean;
-    extraProps?: any;
-    selectOptionExtraProps?: any;
-}
-export interface FormSelectProps {
-    name: string;
-    label: string;
-    isRequired?: boolean;
-    placeholder?: string;
-    selectOptions: ISelectItem[];
-    subLabel?: string | React.ReactNode;
-    subInfo?: string;
-    ariaLabel?: string;
-    helperText?: string;
-    onChange?: (_event: any, selection: any) => void;
-    extraProps?: any;
-    selectOptionExtraProps?: any;
-    isFullWidth?: boolean;
-    isFullHeight?: boolean;
-    isDisabled?: boolean;
-}
-declare const FormSelect: React.FC<FormSelectProps>;
-export default FormSelect;
+import * as React from 'react';
+export interface ISelectItem {
+    value: string;
+    key?: string;
+    description?: string;
+    isDisabled?: boolean;
+    isPlaceholder?: boolean;
+    extraProps?: any;
+    selectOptionExtraProps?: any;
+}
+export interface FormSelectProps {
+    name: string;
+    label: string;
+    isRequired?: boolean;
+    placeholder?: string;
+    selectOptions: ISelectItem[];
+    subLabel?: string | React.ReactNode;
+    subInfo?: string;
+    ariaLabel?: string;
+    helperText?: string;
+    onChange?: (_event: any, selection: any) => void;
+    extraProps?: any;
+    selectOptionExtraProps?: any;
+    isFullWidth?: boolean;
+    isFullHeight?: boolean;
+    isDisabled?: boolean;
+}
+declare const FormSelect: React.FC<FormSelectProps>;
+export default FormSelect;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-import FormSelect, { ISelectItem } from './FormSelectComponent';
-export { FormSelect };
-export type { ISelectItem };
+import FormSelect, { ISelectItem } from './FormSelectComponent';
+export { FormSelect };
+export type { ISelectItem };

package/dist/index.js

@@ -41,6 +41,22 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+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 = {};
@@ -9527,73 +9543,101 @@ if(freeModule){// Export for Node.js.
 freeExports._=_;}else {// Export to the global object.
 root._=_;}}).call(commonjsGlobal);});
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-
 function __rest(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]];
-      }
+
+  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;
 }
 
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-let currentId = 0;
+var 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__namespace.Component {
-            constructor() {
-                super(...arguments);
-                this.id = `icon-title-${currentId++}`;
-            }
-            render() {
-                const _a = this.props, { title, className } = _a, props = __rest(_a, ["title", "className"]);
-                const classes = className ? `pf-v5-svg ${className}` : 'pf-v5-svg';
-                const hasTitle = Boolean(title);
-                const viewBox = [xOffset, yOffset, width, height].join(' ');
-                return (React__namespace.createElement("svg", Object.assign({ className: classes, viewBox: viewBox, fill: "currentColor", "aria-labelledby": hasTitle ? this.id : null, "aria-hidden": hasTitle ? null : true, role: "img", width: "1em", height: "1em" }, props),
-                    hasTitle && React__namespace.createElement("title", { id: this.id }, title),
-                    React__namespace.createElement("path", { d: svgPath })));
-            }
-        },
-        _a.displayName = name,
-        _a;
+
+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,
+          title = _a.title,
+          className = _a.className,
+          props = __rest(_a, ["title", "className"]);
+
+      var classes = className ? "pf-v5-svg " + className : 'pf-v5-svg';
+      var hasTitle = Boolean(title);
+      var viewBox = [xOffset, yOffset, width, height].join(' ');
+      return React__namespace.createElement("svg", Object.assign({
+        className: classes,
+        viewBox: viewBox,
+        fill: "currentColor",
+        "aria-labelledby": hasTitle ? this.id : null,
+        "aria-hidden": hasTitle ? null : true,
+        role: "img",
+        width: "1em",
+        height: "1em"
+      }, 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;
 }
 
-const InfoCircleIconConfig = {
+var 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
 };
-
-const InfoCircleIcon = createIcon(InfoCircleIconConfig);
+var InfoCircleIcon = createIcon(InfoCircleIconConfig);
 
 var _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "subLabel", "subInfo", "onChange", "extraProps", "selectOptionExtraProps", "isFullWidth", "isFullHeight", "isDisabled"];
 
@@ -9668,7 +9712,7 @@ var FormSelect = function FormSelect(_ref) {
     className: 'from-group-custom__sub_info__info_icon'
   })), React__namespace.createElement(reactCore.SplitItem, {
     isFilled: true
-  }, subInfo))), React__namespace.createElement(reactCore.Select, Object.assign({
+  }, subInfo))), React__namespace.createElement(reactCore.Select, _extends({
     "aria-labelledby": rest.name,
     toggle: toggle,
     onSelect: onSelect,
@@ -9680,9 +9724,10 @@ var FormSelect = function FormSelect(_ref) {
     "aria-label": ariaLabel,
     onOpenChange: function onOpenChange() {
       return setIsOpen(!isOpen);
-    }
+    },
+    shouldFocusToggleOnSelect: true
   }, extraProps && _extends({}, extraProps), rest), React__namespace.createElement(reactCore.SelectList, null, lodash.map(selectOptions, function (option, index) {
-    return React__namespace.createElement(reactCore.SelectOption, Object.assign({
+    return React__namespace.createElement(reactCore.SelectOption, _extends({
       key: index,
       value: option.value,
       "data-testid": option.key

package/dist/index.modern.js

@@ -9507,61 +9507,80 @@ if(freeModule){// Export for Node.js.
 freeExports._=_;}else {// Export to the global object.
 root._=_;}}).call(commonjsGlobal);});
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-
 function __rest(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]];
-      }
+
+  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;
 }
 
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 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, { title, className } = _a, props = __rest(_a, ["title", "className"]);
-                const classes = className ? `pf-v5-svg ${className}` : 'pf-v5-svg';
-                const hasTitle = Boolean(title);
-                const viewBox = [xOffset, yOffset, width, height].join(' ');
-                return (React.createElement("svg", Object.assign({ className: classes, viewBox: viewBox, fill: "currentColor", "aria-labelledby": hasTitle ? this.id : null, "aria-hidden": hasTitle ? null : true, role: "img", width: "1em", height: "1em" }, props),
-                    hasTitle && React.createElement("title", { id: this.id }, title),
-                    React.createElement("path", { d: svgPath })));
-            }
-        },
-        _a.displayName = name,
-        _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,
+            {
+        title,
+        className
+      } = _a,
+            props = __rest(_a, ["title", "className"]);
+
+      const classes = className ? `pf-v5-svg ${className}` : 'pf-v5-svg';
+      const hasTitle = Boolean(title);
+      const viewBox = [xOffset, yOffset, width, height].join(' ');
+      return React.createElement("svg", Object.assign({
+        className: classes,
+        viewBox: viewBox,
+        fill: "currentColor",
+        "aria-labelledby": hasTitle ? this.id : null,
+        "aria-hidden": hasTitle ? null : true,
+        role: "img",
+        width: "1em",
+        height: "1em"
+      }, props), hasTitle && React.createElement("title", {
+        id: this.id
+      }, title), React.createElement("path", {
+        d: svgPath
+      }));
+    }
+
+  }, _a.displayName = name, _a;
 }
 
 const InfoCircleIconConfig = {
@@ -9570,9 +9589,8 @@ 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", "onChange", "extraProps", "selectOptionExtraProps", "isFullWidth", "isFullHeight", "isDisabled"];
@@ -9643,7 +9661,7 @@ const FormSelect = _ref => {
     className: 'from-group-custom__sub_info__info_icon'
   })), React.createElement(SplitItem, {
     isFilled: true
-  }, subInfo))), React.createElement(Select, Object.assign({
+  }, subInfo))), React.createElement(Select, _extends({
     "aria-labelledby": rest.name,
     toggle: toggle,
     onSelect: onSelect,
@@ -9653,8 +9671,9 @@ const FormSelect = _ref => {
       enableFlip: false
     },
     "aria-label": ariaLabel,
-    onOpenChange: () => setIsOpen(!isOpen)
-  }, extraProps && _extends({}, extraProps), rest), React.createElement(SelectList, null, lodash.map(selectOptions, (option, index) => React.createElement(SelectOption, Object.assign({
+    onOpenChange: () => setIsOpen(!isOpen),
+    shouldFocusToggleOnSelect: true
+  }, extraProps && _extends({}, extraProps), rest), React.createElement(SelectList, null, lodash.map(selectOptions, (option, index) => React.createElement(SelectOption, _extends({
     key: index,
     value: option.value,
     "data-testid": option.key

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhc-shared-components/form-select-component",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "project description",
   "author": "redhatofficial",
   "license": "MIT",
@@ -58,7 +58,7 @@
     "react-scripts": "^3.4.1",
     "rimraf": "^3.0.2",
     "sass": "^1.57.1",
-    "typescript": "^3.7.5"
+    "typescript": "~5.7.2"
   },
   "dependencies": {
     "@patternfly/react-core": "5.3.4",

package/CHANGELOG.md

@@ -1,70 +0,0 @@
-# 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