@rhc-shared-components/form-select-component 0.1.3 → 0.2.0

package/dist/FormSelectComponent.d.ts

@@ -6,6 +6,8 @@ export interface ISelectItem {
     description?: string;
     isDisabled?: boolean;
     isPlaceholder?: boolean;
+    extraProps?: any;
+    selectOptionExtraProps?: any;
 }
 export interface FormSelectProps {
     name: string;
@@ -18,6 +20,8 @@ export interface FormSelectProps {
     ariaLabel?: string;
     helperText?: string;
     onChange?: (_event: any, selection: any) => void;
+    extraProps?: any;
+    selectOptionExtraProps?: any;
 }
 declare const FormSelect: React.FC<FormSelectProps>;
 export default FormSelect;

package/dist/index.js

@@ -23,6 +23,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 _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
@@ -9658,7 +9676,7 @@ var InfoCircleIconConfig = {
 };
 var InfoCircleIcon = createIcon(InfoCircleIconConfig);
 
-var _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "subLabel", "subInfo", "onChange"];
+var _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "subLabel", "subInfo", "onChange", "extraProps", "selectOptionExtraProps"];
 
 var FormSelect = function FormSelect(_ref) {
   var label = _ref.label,
@@ -9671,6 +9689,8 @@ var FormSelect = function FormSelect(_ref) {
       subLabel = _ref.subLabel,
       subInfo = _ref.subInfo,
       onChange = _ref.onChange,
+      extraProps = _ref.extraProps,
+      selectOptionExtraProps = _ref.selectOptionExtraProps,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useField = formik.useField(rest),
@@ -9740,7 +9760,7 @@ var FormSelect = function FormSelect(_ref) {
     isOpen: isOpen,
     isDisabled: isSubmitting,
     "aria-label": ariaLabel
-  }, 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,
@@ -9751,7 +9771,7 @@ var FormSelect = function FormSelect(_ref) {
       isPlaceholder: option.isPlaceholder
     }, option.isDisabled && {
       isDisabled: option.isDisabled
-    }));
+    }, selectOptionExtraProps && _extends({}, selectOptionExtraProps)));
   }))));
 };
 

package/dist/index.modern.js

@@ -3,6 +3,24 @@ import { useField, useFormikContext } from 'formik';
 import { ValidatedOptions, Split, SplitItem, Select, SelectVariant, SelectOption } from '@patternfly/react-core';
 import { FormGroupContainer } from '@rhc-shared-components/form-group-container';
 
+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 = {};
@@ -9612,7 +9630,7 @@ const InfoCircleIconConfig = {
 };
 const InfoCircleIcon = createIcon(InfoCircleIconConfig);
 
-const _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "subLabel", "subInfo", "onChange"];
+const _excluded = ["label", "isRequired", "children", "selectOptions", "ariaLabel", "placeholder", "helperText", "subLabel", "subInfo", "onChange", "extraProps", "selectOptionExtraProps"];
 
 const FormSelect = _ref => {
   let {
@@ -9624,7 +9642,9 @@ const FormSelect = _ref => {
     helperText,
     subLabel,
     subInfo,
-    onChange
+    onChange,
+    extraProps,
+    selectOptionExtraProps
   } = _ref,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
@@ -9689,7 +9709,7 @@ const FormSelect = _ref => {
     isOpen: isOpen,
     isDisabled: isSubmitting,
     "aria-label": ariaLabel
-  }, rest), lodash.map(selectOptions, (option, index) => React.createElement(SelectOption, Object.assign({
+  }, extraProps && _extends({}, extraProps), rest), lodash.map(selectOptions, (option, index) => React.createElement(SelectOption, Object.assign({
     key: index,
     value: option.value,
     "data-testid": option.key
@@ -9699,7 +9719,7 @@ const FormSelect = _ref => {
     isPlaceholder: option.isPlaceholder
   }, option.isDisabled && {
     isDisabled: option.isDisabled
-  }))))));
+  }, selectOptionExtraProps && _extends({}, selectOptionExtraProps)))))));
 };
 
 export { FormSelect };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhc-shared-components/form-select-component",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "description": "project description",
   "author": "redhatofficial",
   "license": "MIT",
@@ -63,7 +63,7 @@
   },
   "dependencies": {
     "@patternfly/react-core": "^4.276.6",
-    "@rhc-shared-components/form-group-container": "^0.3.2",
+    "@rhc-shared-components/form-group-container": "^1.0.1",
     "formik": "^2.1.4",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"