@rh-support/components 1.1.52 → 1.1.55

package/lib/cjs/CustomTextInput/CustomTextInput.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TextInputProps } from '@patternfly/react-core';
+interface IProps extends TextInputProps {
+    className?: string;
+    maxLength?: number;
+    value?: string;
+    isSpaceAllowed?: boolean;
+    name?: string;
+    isDisabled?: boolean;
+}
+export declare const CustomTextInput: (props: IProps) => JSX.Element;
+export {};
+//# sourceMappingURL=CustomTextInput.d.ts.map

package/lib/cjs/CustomTextInput/CustomTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTextInput.d.ts","sourceRoot":"","sources":["../../../src/CustomTextInput/CustomTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAoB,MAAM,wBAAwB,CAAC;AAIrF,UAAU,MAAO,SAAQ,cAAc;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,UAAW,MAAM,gBAiD5C,CAAC"}

package/lib/cjs/CustomTextInput/CustomTextInput.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomTextInput = void 0;
+var react_core_1 = require("@patternfly/react-core");
+var lodash_1 = require("lodash");
+var react_1 = __importDefault(require("react"));
+var CustomTextInput = function (props) {
+    // To set defaultProps
+    var onChange = props.onChange, _a = props.isSpaceAllowed, isSpaceAllowed = _a === void 0 ? false : _a, isRequired = props.isRequired, className = props.className, type = props.type, maxLength = props.maxLength, value = props.value, isDisabled = props.isDisabled, placeholder = props.placeholder, validated = props.validated, name = props.name;
+    // To handle on input change
+    var onTextInputChange = function (value, event) {
+        onChange(value, event);
+        event.preventDefault();
+        return [];
+    };
+    // Function to check for validity
+    var validatedCheck = function () {
+        if (validated === 'error') {
+            return 'error';
+        }
+        else if (isSpaceAllowed) {
+            return validated;
+        }
+        else if (!isSpaceAllowed) {
+            return lodash_1.isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? 'error' : 'default';
+        }
+        else
+            return validated;
+    };
+    return (react_1.default.createElement(react_core_1.TextInput, { isRequired: isRequired, className: className, type: type, maxLength: maxLength, value: value, isDisabled: isDisabled, "aria-label": props['aria-label'], placeholder: placeholder, onChange: onTextInputChange, validated: validatedCheck(), name: name }));
+};
+exports.CustomTextInput = CustomTextInput;

package/lib/cjs/CustomTextInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CustomTextInput';
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/CustomTextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CustomTextInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/cjs/CustomTextInput/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CustomTextInput"), exports);

package/lib/cjs/InlineEdit/InlineEdit.d.ts

@@ -25,6 +25,8 @@ interface IProps {
     cancelOnBlur?: boolean;
     initialIsEditing?: boolean;
     hideLabel?: boolean;
+    isSpaceAllowed?: boolean;
+    inputValue?: string;
 }
 declare function InlineEdit(props: IProps): JSX.Element;
 declare namespace InlineEdit {

package/lib/cjs/InlineEdit/InlineEdit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../src/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAG1B,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,UAAU,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,YAAY,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,gBAAgB,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,SAAS,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAChC,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAqBD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eA+JhC;kBA/JQ,UAAU;;;AAkKnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../src/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAI1B,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,UAAU,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,YAAY,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,gBAAgB,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,SAAS,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAChC,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAsBD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eAmKhC;kBAnKQ,UAAU;;;AAsKnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/cjs/InlineEdit/InlineEdit.js

@@ -88,6 +88,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineEdit = void 0;
 require("./inlineEdit.css");
 var pencil_alt_icon_1 = __importDefault(require("@patternfly/react-icons/dist/js/icons/pencil-alt-icon"));
+var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 var react_i18next_1 = require("react-i18next");
 var defaultProps = {
@@ -107,13 +108,15 @@ var defaultProps = {
     cancelOnBlur: false,
     saveDisabled: false,
     hideLabel: false,
+    isSpaceAllowed: true,
 };
 function InlineEdit(props) {
     var _this = this;
-    var _a = __read(react_1.useState(props.initialIsEditing), 2), isEditing = _a[0], setIsEditing = _a[1];
+    var _a;
+    var _b = __read(react_1.useState(props.initialIsEditing), 2), isEditing = _b[0], setIsEditing = _b[1];
     // editingTrueOnStart is a state to track if inlineEdit component is open on start, we don't want to focus
     // on input/textareat in this situation as we may have other form elements on page that we want to focus
-    var _b = __read(react_1.useState(!props.initialIsEditing), 2), canAutoSetFocus = _b[0], setCanAutoSfocus = _b[1];
+    var _c = __read(react_1.useState(!props.initialIsEditing), 2), canAutoSetFocus = _c[0], setCanAutoSfocus = _c[1];
     var onEditClicked = function (e) {
         setCanAutoSfocus(true);
         e.preventDefault();
@@ -172,6 +175,8 @@ function InlineEdit(props) {
             }
         });
     }); };
+    // Disables button if isSpaceAllowed is False and Input has Spaces
+    var diabledCheckForSpaceAllowed = !props.isSpaceAllowed && lodash_1.isEmpty((_a = props.inputValue) === null || _a === void 0 ? void 0 : _a.trim());
     var handleKeyDown = function (e) { return __awaiter(_this, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -184,6 +189,7 @@ function InlineEdit(props) {
                     if (!(!props.hideSaveCancel &&
                         props.allowInlineEdit &&
                         isEditing &&
+                        !diabledCheckForSpaceAllowed &&
                         !props.saveDisabled &&
                         e.keyCode === 13)) return [3 /*break*/, 3];
                     return [4 /*yield*/, onSave()];
@@ -199,7 +205,7 @@ function InlineEdit(props) {
             props.allowInlineEdit &&
             isEditing && (react_1.default.createElement("span", { className: "edit-actions" },
             props.loadingIndicator && react_1.default.createElement("span", null, props.loadingIndicator),
-            react_1.default.createElement("button", { "data-tracking-id": props.dataTrackingId ? props.dataTrackingId + "-inline-edit-save" : null, className: "btn btn-app btn-link", type: "button", onClick: onSaveClicked, disabled: props.saveDisabled },
+            react_1.default.createElement("button", { "data-tracking-id": props.dataTrackingId ? props.dataTrackingId + "-inline-edit-save" : null, className: "btn btn-app btn-link", type: "button", onClick: onSaveClicked, disabled: diabledCheckForSpaceAllowed || props.saveDisabled },
                 react_1.default.createElement(react_i18next_1.Trans, null, props.saveLabel)),
             react_1.default.createElement("button", { type: "button", "data-tracking-id": props.dataTrackingId ? props.dataTrackingId + "-inline-edit-cancel" : null, className: "btn btn-app btn-link", onClick: onCancelClicked },
                 react_1.default.createElement(react_i18next_1.Trans, null, props.cancelLabel))));

package/lib/cjs/Input/Input.d.ts

@@ -1,15 +1,20 @@
-/// <reference types="react" />
 import '@patternfly/patternfly/components/Button/button.css';
 import './Input.css';
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 interface IProps extends IDClassNameProps {
-    ariaLabel: string;
+    ariaLabel?: string;
     isDisabled?: boolean;
     placeholder?: string;
     onChange: (input: string) => void;
     debounce?: number;
     hasToggleIcon?: boolean;
     icon?: JSX.Element;
+    isSpaceAllowed?: boolean;
+    isRequired?: boolean;
+    maxLength?: number;
+    type?: string;
+    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
 }
 export declare const Input: (props: IProps) => JSX.Element;
 export {};

package/lib/cjs/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,qDAAqD,CAAC;AAC7D,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,UAAW,MAAM,gBAqClC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,qDAAqD,CAAC;AAC7D,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,MAAO,SAAQ,gBAAgB;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;CACnF;AACD,eAAO,MAAM,KAAK,UAAW,MAAM,gBAgElC,CAAC"}

package/lib/cjs/Input/Input.js

@@ -53,6 +53,7 @@ exports.Input = void 0;
 require("@patternfly/patternfly/components/Button/button.css");
 require("./Input.css");
 var react_core_1 = require("@patternfly/react-core");
+var lodash_1 = require("lodash");
 var debounce_1 = __importDefault(require("lodash/debounce"));
 var react_1 = __importStar(require("react"));
 var Input = function (props) {
@@ -63,14 +64,37 @@ var Input = function (props) {
         setInput('');
         props.onChange('');
     };
+    var _b = __read(react_1.useState(false), 2), isSpaceAllowedLocal = _b[0], setIsSpaceAllowedLocal = _b[1];
+    var _c = __read(react_1.useState(''), 2), isInputValid = _c[0], setIsInputValid = _c[1];
+    var validityCheck = function (event) {
+        props.isSpaceAllowed ? setIsSpaceAllowedLocal(true) : setIsSpaceAllowedLocal(false);
+        var diabledCheckForSpaceAllowed = isSpaceAllowedLocal
+            ? lodash_1.isEmpty(event.target.value)
+            : lodash_1.isEmpty(event.target.value.trim());
+        if (diabledCheckForSpaceAllowed) {
+            var isValid = 'error';
+            return isValid;
+        }
+        else {
+            var isValid = 'success';
+            return isValid;
+        }
+    };
     var onChange = function (event) {
+        var isValid = validityCheck(event);
+        setIsInputValid(isValid);
         debounce_1.default(function (e) {
-            setInput(e.target.value);
+            if (props.isSpaceAllowed) {
+                setInput(e.target.value);
+            }
+            else {
+                setInput(e.target.value.trim());
+            }
             props.onChange(e.target.value);
         }, props.debounce || 300)(__assign({}, event));
         event.preventDefault();
         return [];
     };
-    return (react_1.default.createElement(react_core_1.Select, { id: props.id, "data-tracking-id": "custom-input-component", className: props.className ? classname + " " + props.className : classname, variant: react_core_1.SelectVariant.typeahead, typeAheadAriaLabel: props.ariaLabel, onToggle: onMultiSelect, onSelect: onMultiSelect, onClear: onClear, onFilter: onChange, selections: input, isOpen: false, placeholderText: props.placeholder, isDisabled: props.isDisabled, toggleIcon: props.hasToggleIcon && props.icon }));
+    return (react_1.default.createElement(react_core_1.Select, { id: props.id, "data-tracking-id": "custom-input-component", className: props.className ? classname + " " + props.className : classname, variant: react_core_1.SelectVariant.typeahead, typeAheadAriaLabel: props.ariaLabel, type: props.type, onToggle: onMultiSelect, onSelect: onMultiSelect, onClear: onClear, onFilter: onChange, selections: input, isOpen: false, placeholderText: props.placeholder, isDisabled: props.isDisabled, toggleIcon: props.hasToggleIcon && props.icon, required: props.isRequired, maxLength: props.maxLength, children: props.children, validated: isInputValid }));
 };
 exports.Input = Input;

package/lib/cjs/TextAreaResizable/TextAreaResizable.d.ts

@@ -0,0 +1,20 @@
+import { ValidatedOptions } from '@patternfly/react-core';
+import React, { HTMLProps } from 'react';
+interface IProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'css' | 'onChange' | 'name' | 'validated'> {
+    rowsMax?: number;
+    rowsMin?: number;
+    value?: string;
+    autoResize?: boolean;
+    isSpaceAllowed?: boolean;
+    id?: string;
+    className?: string;
+    isRequired?: boolean;
+    maxLength?: number;
+    name?: string;
+    isDisabled?: boolean;
+    validated?: ValidatedOptions;
+    onChange: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+export declare const TextAreaResizable: (props: IProps) => JSX.Element;
+export {};
+//# sourceMappingURL=TextAreaResizable.d.ts.map

package/lib/cjs/TextAreaResizable/TextAreaResizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaResizable.d.ts","sourceRoot":"","sources":["../../../src/TextAreaResizable/TextAreaResizable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,MAAO,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACpG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpF;AACD,eAAO,MAAM,iBAAiB,UAAW,MAAM,gBAoD9C,CAAC"}

package/lib/cjs/TextAreaResizable/TextAreaResizable.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextAreaResizable = void 0;
+var react_core_1 = require("@patternfly/react-core");
+var lodash_1 = require("lodash");
+var react_1 = __importDefault(require("react"));
+var TextAreaResizable = function (props) {
+    // To set defaultProps
+    var _a = props.rowsMin, rowsMin = _a === void 0 ? 2 : _a, _b = props.autoResize, autoResize = _b === void 0 ? false : _b, onChange = props.onChange, rows = props.rows, id = props.id, className = props.className, isRequired = props.isRequired, maxLength = props.maxLength, name = props.name, value = props.value, isDisabled = props.isDisabled, _c = props.isSpaceAllowed, isSpaceAllowed = _c === void 0 ? true : _c;
+    var isValidated = 'default';
+    // Function to handle onChange event
+    var onTextAreaChange = function (value, event) {
+        onChange(value, event);
+        event.preventDefault();
+        return [];
+    };
+    // Function to check for validity
+    var validatedCheck = function () {
+        if (isValidated === 'error') {
+            return 'error';
+        }
+        else if (isSpaceAllowed) {
+            return isValidated;
+        }
+        else if (!isSpaceAllowed) {
+            return lodash_1.isEmpty(value.trim()) ? 'error' : 'default';
+        }
+        else
+            return isValidated;
+    };
+    return (react_1.default.createElement(react_core_1.TextArea, { id: id, rows: rows || rowsMin, className: className, "aria-required": props['aria-required'], isRequired: isRequired, maxLength: maxLength, name: name, value: value, autoResize: autoResize, validated: validatedCheck(), onChange: onTextAreaChange, disabled: isDisabled }));
+};
+exports.TextAreaResizable = TextAreaResizable;

package/lib/cjs/TextAreaResizable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextAreaResizable';
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/TextAreaResizable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextAreaResizable/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/lib/cjs/TextAreaResizable/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TextAreaResizable"), exports);

package/lib/cjs/index.d.ts

@@ -30,4 +30,6 @@ export * from './helperFunctions';
 export * from './PromisifyModal';
 export * from './SubscriptionAbuse';
 export * from './TermsAndConditions';
+export * from './TextAreaResizable';
+export * from './CustomTextInput';
 //# sourceMappingURL=index.d.ts.map

package/lib/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}

package/lib/cjs/index.js

@@ -42,3 +42,5 @@ __exportStar(require("./helperFunctions"), exports);
 __exportStar(require("./PromisifyModal"), exports);
 __exportStar(require("./SubscriptionAbuse"), exports);
 __exportStar(require("./TermsAndConditions"), exports);
+__exportStar(require("./TextAreaResizable"), exports);
+__exportStar(require("./CustomTextInput"), exports);

package/lib/esm/CustomTextInput/CustomTextInput.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TextInputProps } from '@patternfly/react-core';
+interface IProps extends TextInputProps {
+    className?: string;
+    maxLength?: number;
+    value?: string;
+    isSpaceAllowed?: boolean;
+    name?: string;
+    isDisabled?: boolean;
+}
+export declare const CustomTextInput: (props: IProps) => JSX.Element;
+export {};
+//# sourceMappingURL=CustomTextInput.d.ts.map

package/lib/esm/CustomTextInput/CustomTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomTextInput.d.ts","sourceRoot":"","sources":["../../../src/CustomTextInput/CustomTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAoB,MAAM,wBAAwB,CAAC;AAIrF,UAAU,MAAO,SAAQ,cAAc;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,UAAW,MAAM,gBAiD5C,CAAC"}

package/lib/esm/CustomTextInput/CustomTextInput.js

@@ -0,0 +1,28 @@
+import { TextInput } from '@patternfly/react-core';
+import { isEmpty } from 'lodash';
+import React from 'react';
+export const CustomTextInput = (props) => {
+    // To set defaultProps
+    const { onChange, isSpaceAllowed = false, isRequired, className, type, maxLength, value, isDisabled, placeholder, validated, name, } = props;
+    // To handle on input change
+    const onTextInputChange = (value, event) => {
+        onChange(value, event);
+        event.preventDefault();
+        return [];
+    };
+    // Function to check for validity
+    const validatedCheck = () => {
+        if (validated === 'error') {
+            return 'error';
+        }
+        else if (isSpaceAllowed) {
+            return validated;
+        }
+        else if (!isSpaceAllowed) {
+            return isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? 'error' : 'default';
+        }
+        else
+            return validated;
+    };
+    return (React.createElement(TextInput, { isRequired: isRequired, className: className, type: type, maxLength: maxLength, value: value, isDisabled: isDisabled, "aria-label": props['aria-label'], placeholder: placeholder, onChange: onTextInputChange, validated: validatedCheck(), name: name }));
+};

package/lib/esm/CustomTextInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CustomTextInput';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/CustomTextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CustomTextInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/esm/CustomTextInput/index.js

@@ -0,0 +1 @@
+export * from './CustomTextInput';

package/lib/esm/InlineEdit/InlineEdit.d.ts

@@ -25,6 +25,8 @@ interface IProps {
     cancelOnBlur?: boolean;
     initialIsEditing?: boolean;
     hideLabel?: boolean;
+    isSpaceAllowed?: boolean;
+    inputValue?: string;
 }
 declare function InlineEdit(props: IProps): JSX.Element;
 declare namespace InlineEdit {

package/lib/esm/InlineEdit/InlineEdit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../src/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAG1B,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,UAAU,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,YAAY,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,gBAAgB,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,SAAS,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAChC,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAqBD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eA+JhC;kBA/JQ,UAAU;;;AAkKnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../src/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAI1B,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,UAAU,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,YAAY,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,gBAAgB,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,SAAS,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAChC,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAsBD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eAmKhC;kBAnKQ,UAAU;;;AAsKnB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/esm/InlineEdit/InlineEdit.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './inlineEdit.css';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
+import { isEmpty } from 'lodash';
 import React, { useState } from 'react';
 import { Trans } from 'react-i18next';
 const defaultProps = {
@@ -28,8 +29,10 @@ const defaultProps = {
     cancelOnBlur: false,
     saveDisabled: false,
     hideLabel: false,
+    isSpaceAllowed: true,
 };
 function InlineEdit(props) {
+    var _a;
     const [isEditing, setIsEditing] = useState(props.initialIsEditing);
     // editingTrueOnStart is a state to track if inlineEdit component is open on start, we don't want to focus
     // on input/textareat in this situation as we may have other form elements on page that we want to focus
@@ -70,6 +73,8 @@ function InlineEdit(props) {
             return;
         yield onSave();
     });
+    // Disables button if isSpaceAllowed is False and Input has Spaces
+    const diabledCheckForSpaceAllowed = !props.isSpaceAllowed && isEmpty((_a = props.inputValue) === null || _a === void 0 ? void 0 : _a.trim());
     const handleKeyDown = (e) => __awaiter(this, void 0, void 0, function* () {
         // Cancel on pressing esc
         if (props.allowInlineEdit && isEditing && e.keyCode === 27) {
@@ -80,6 +85,7 @@ function InlineEdit(props) {
         else if (!props.hideSaveCancel &&
             props.allowInlineEdit &&
             isEditing &&
+            !diabledCheckForSpaceAllowed &&
             !props.saveDisabled &&
             e.keyCode === 13) {
             yield onSave();
@@ -89,7 +95,7 @@ function InlineEdit(props) {
         props.allowInlineEdit &&
         isEditing && (React.createElement("span", { className: "edit-actions" },
         props.loadingIndicator && React.createElement("span", null, props.loadingIndicator),
-        React.createElement("button", { "data-tracking-id": props.dataTrackingId ? `${props.dataTrackingId}-inline-edit-save` : null, className: "btn btn-app btn-link", type: "button", onClick: onSaveClicked, disabled: props.saveDisabled },
+        React.createElement("button", { "data-tracking-id": props.dataTrackingId ? `${props.dataTrackingId}-inline-edit-save` : null, className: "btn btn-app btn-link", type: "button", onClick: onSaveClicked, disabled: diabledCheckForSpaceAllowed || props.saveDisabled },
             React.createElement(Trans, null, props.saveLabel)),
         React.createElement("button", { type: "button", "data-tracking-id": props.dataTrackingId ? `${props.dataTrackingId}-inline-edit-cancel` : null, className: "btn btn-app btn-link", onClick: onCancelClicked },
             React.createElement(Trans, null, props.cancelLabel))));

package/lib/esm/Input/Input.d.ts

@@ -1,15 +1,20 @@
-/// <reference types="react" />
 import '@patternfly/patternfly/components/Button/button.css';
 import './Input.css';
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 interface IProps extends IDClassNameProps {
-    ariaLabel: string;
+    ariaLabel?: string;
     isDisabled?: boolean;
     placeholder?: string;
     onChange: (input: string) => void;
     debounce?: number;
     hasToggleIcon?: boolean;
     icon?: JSX.Element;
+    isSpaceAllowed?: boolean;
+    isRequired?: boolean;
+    maxLength?: number;
+    type?: string;
+    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
 }
 export declare const Input: (props: IProps) => JSX.Element;
 export {};

package/lib/esm/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,qDAAqD,CAAC;AAC7D,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,UAAW,MAAM,gBAqClC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,qDAAqD,CAAC;AAC7D,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,MAAO,SAAQ,gBAAgB;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;CACnF;AACD,eAAO,MAAM,KAAK,UAAW,MAAM,gBAgElC,CAAC"}

package/lib/esm/Input/Input.js

@@ -1,6 +1,7 @@
 import '@patternfly/patternfly/components/Button/button.css';
 import './Input.css';
 import { Select, SelectVariant } from '@patternfly/react-core';
+import { isEmpty } from 'lodash';
 import debounce from 'lodash/debounce';
 import React, { useState } from 'react';
 export const Input = (props) => {
@@ -11,13 +12,36 @@ export const Input = (props) => {
         setInput('');
         props.onChange('');
     };
+    const [isSpaceAllowedLocal, setIsSpaceAllowedLocal] = useState(false);
+    const [isInputValid, setIsInputValid] = useState('');
+    const validityCheck = (event) => {
+        props.isSpaceAllowed ? setIsSpaceAllowedLocal(true) : setIsSpaceAllowedLocal(false);
+        const diabledCheckForSpaceAllowed = isSpaceAllowedLocal
+            ? isEmpty(event.target.value)
+            : isEmpty(event.target.value.trim());
+        if (diabledCheckForSpaceAllowed) {
+            let isValid = 'error';
+            return isValid;
+        }
+        else {
+            let isValid = 'success';
+            return isValid;
+        }
+    };
     const onChange = (event) => {
+        const isValid = validityCheck(event);
+        setIsInputValid(isValid);
         debounce((e) => {
-            setInput(e.target.value);
+            if (props.isSpaceAllowed) {
+                setInput(e.target.value);
+            }
+            else {
+                setInput(e.target.value.trim());
+            }
             props.onChange(e.target.value);
         }, props.debounce || 300)(Object.assign({}, event));
         event.preventDefault();
         return [];
     };
-    return (React.createElement(Select, { id: props.id, "data-tracking-id": "custom-input-component", className: props.className ? `${classname} ${props.className}` : classname, variant: SelectVariant.typeahead, typeAheadAriaLabel: props.ariaLabel, onToggle: onMultiSelect, onSelect: onMultiSelect, onClear: onClear, onFilter: onChange, selections: input, isOpen: false, placeholderText: props.placeholder, isDisabled: props.isDisabled, toggleIcon: props.hasToggleIcon && props.icon }));
+    return (React.createElement(Select, { id: props.id, "data-tracking-id": "custom-input-component", className: props.className ? `${classname} ${props.className}` : classname, variant: SelectVariant.typeahead, typeAheadAriaLabel: props.ariaLabel, type: props.type, onToggle: onMultiSelect, onSelect: onMultiSelect, onClear: onClear, onFilter: onChange, selections: input, isOpen: false, placeholderText: props.placeholder, isDisabled: props.isDisabled, toggleIcon: props.hasToggleIcon && props.icon, required: props.isRequired, maxLength: props.maxLength, children: props.children, validated: isInputValid }));
 };

package/lib/esm/TextAreaResizable/TextAreaResizable.d.ts

@@ -0,0 +1,20 @@
+import { ValidatedOptions } from '@patternfly/react-core';
+import React, { HTMLProps } from 'react';
+interface IProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'css' | 'onChange' | 'name' | 'validated'> {
+    rowsMax?: number;
+    rowsMin?: number;
+    value?: string;
+    autoResize?: boolean;
+    isSpaceAllowed?: boolean;
+    id?: string;
+    className?: string;
+    isRequired?: boolean;
+    maxLength?: number;
+    name?: string;
+    isDisabled?: boolean;
+    validated?: ValidatedOptions;
+    onChange: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+export declare const TextAreaResizable: (props: IProps) => JSX.Element;
+export {};
+//# sourceMappingURL=TextAreaResizable.d.ts.map

package/lib/esm/TextAreaResizable/TextAreaResizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaResizable.d.ts","sourceRoot":"","sources":["../../../src/TextAreaResizable/TextAreaResizable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,MAAO,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACpG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpF;AACD,eAAO,MAAM,iBAAiB,UAAW,MAAM,gBAoD9C,CAAC"}

package/lib/esm/TextAreaResizable/TextAreaResizable.js

@@ -0,0 +1,29 @@
+import { TextArea } from '@patternfly/react-core';
+import { isEmpty } from 'lodash';
+import React from 'react';
+export const TextAreaResizable = (props) => {
+    // To set defaultProps
+    const { rowsMin = 2, autoResize = false, onChange, rows, id, className, isRequired, maxLength, name, value, isDisabled, isSpaceAllowed = true, } = props;
+    let isValidated = 'default';
+    // Function to handle onChange event
+    const onTextAreaChange = (value, event) => {
+        onChange(value, event);
+        event.preventDefault();
+        return [];
+    };
+    // Function to check for validity
+    const validatedCheck = () => {
+        if (isValidated === 'error') {
+            return 'error';
+        }
+        else if (isSpaceAllowed) {
+            return isValidated;
+        }
+        else if (!isSpaceAllowed) {
+            return isEmpty(value.trim()) ? 'error' : 'default';
+        }
+        else
+            return isValidated;
+    };
+    return (React.createElement(TextArea, { id: id, rows: rows || rowsMin, className: className, "aria-required": props['aria-required'], isRequired: isRequired, maxLength: maxLength, name: name, value: value, autoResize: autoResize, validated: validatedCheck(), onChange: onTextAreaChange, disabled: isDisabled }));
+};

package/lib/esm/TextAreaResizable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextAreaResizable';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/TextAreaResizable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextAreaResizable/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/lib/esm/TextAreaResizable/index.js

@@ -0,0 +1 @@
+export * from './TextAreaResizable';

package/lib/esm/index.d.ts

@@ -30,4 +30,6 @@ export * from './helperFunctions';
 export * from './PromisifyModal';
 export * from './SubscriptionAbuse';
 export * from './TermsAndConditions';
+export * from './TextAreaResizable';
+export * from './CustomTextInput';
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}

package/lib/esm/index.js

@@ -30,3 +30,5 @@ export * from './helperFunctions';
 export * from './PromisifyModal';
 export * from './SubscriptionAbuse';
 export * from './TermsAndConditions';
+export * from './TextAreaResizable';
+export * from './CustomTextInput';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "1.1.52",
+    "version": "1.1.55",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -87,8 +87,8 @@
         "@patternfly/react-table": "4.63.0",
         "@rh-support/api": "0.3.13",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.42",
-        "@rh-support/utils": "0.2.32",
+        "@rh-support/user-permissions": "0.2.44",
+        "@rh-support/utils": "0.2.33",
         "@storybook/addon-a11y": "^5.3.19",
         "@storybook/addon-actions": "^5.3.19",
         "@storybook/addon-docs": "^5.3.19",
@@ -128,5 +128,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "3d97efe5cebb4e398f73d61326cad31e087aa63f"
+    "gitHead": "a3df00d1fcf2e999400a0b17f5ac00f2a32d878d"
 }