@rhc-shared-components/form-multi-select-component 0.0.9 → 0.1.0

package/dist/FormMultiSelectInput.d.ts

@@ -3,6 +3,7 @@ import './styles.scss';
 export interface IMultiSelectItem {
     value: string;
     description?: string;
+    extraProps?: any;
 }
 export interface FormMultiSelectInputProps {
     name: string;
@@ -16,6 +17,7 @@ export interface FormMultiSelectInputProps {
     isDisabled?: boolean;
     classNames?: string;
     menuAppendTo?: HTMLElement | (() => HTMLElement) | 'inline' | 'parent';
+    extraProps?: any;
 }
 declare const FormMultiSelectInput: React.FC<FormMultiSelectInputProps>;
 export default FormMultiSelectInput;

package/dist/index.js

@@ -24,6 +24,24 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -39,7 +57,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "maxHeight", "isDisabled", "classNames", "menuAppendTo"];
+var _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "maxHeight", "isDisabled", "classNames", "menuAppendTo", "extraProps"];
 
 var FormMultiSelectInput = function FormMultiSelectInput(_ref) {
   var label = _ref.label,
@@ -53,6 +71,7 @@ var FormMultiSelectInput = function FormMultiSelectInput(_ref) {
       isDisabled = _ref.isDisabled,
       classNames = _ref.classNames,
       menuAppendTo = _ref.menuAppendTo,
+      extraProps = _ref.extraProps,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useField = formik.useField(rest),
@@ -112,14 +131,14 @@ var FormMultiSelectInput = function FormMultiSelectInput(_ref) {
     className: classNames
   }, menuAppendTo && {
     menuAppendTo: menuAppendTo
-  }, rest), lodash.map(selectOptions, function (option, index) {
+  }, extraProps && _extends({}, extraProps), rest), lodash.map(selectOptions, function (option, index) {
     return React__namespace.createElement(reactCore.SelectOption, Object.assign({
       key: index,
       value: option.value,
       label: option.value
     }, option.description && {
       description: option.description
-    }));
+    }, option.extraProps && _extends({}, option.extraProps)));
   }))));
 };
 

package/dist/index.modern.js

@@ -4,6 +4,24 @@ import { ValidatedOptions, Select, SelectVariant, SelectOption } from '@patternf
 import { FormGroupContainer } from '@rhc-shared-components/form-group-container';
 import { map } from 'lodash';
 
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -19,7 +37,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-const _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "maxHeight", "isDisabled", "classNames", "menuAppendTo"];
+const _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "maxHeight", "isDisabled", "classNames", "menuAppendTo", "extraProps"];
 
 const FormMultiSelectInput = _ref => {
   let {
@@ -32,7 +50,8 @@ const FormMultiSelectInput = _ref => {
     maxHeight,
     isDisabled,
     classNames,
-    menuAppendTo
+    menuAppendTo,
+    extraProps
   } = _ref,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
@@ -88,13 +107,13 @@ const FormMultiSelectInput = _ref => {
     className: classNames
   }, menuAppendTo && {
     menuAppendTo
-  }, rest), map(selectOptions, (option, index) => React.createElement(SelectOption, Object.assign({
+  }, extraProps && _extends({}, extraProps), rest), map(selectOptions, (option, index) => React.createElement(SelectOption, Object.assign({
     key: index,
     value: option.value,
     label: option.value
   }, option.description && {
     description: option.description
-  }))))));
+  }, option.extraProps && _extends({}, option.extraProps)))))));
 };
 
 export { FormMultiSelectInput };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhc-shared-components/form-multi-select-component",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "description": "project description",
   "author": "shkale",
   "license": "MIT",
@@ -30,7 +30,6 @@
     "react-dom": ">=16.13.1"
   },
   "devDependencies": {
-    "@rhc-shared-components/form-group-container": "^0.2.9",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",