@rh-support/components 1.1.80 → 1.1.83

package/lib/cjs/ProductOnlySelector/ProductOnlySelector.js

@@ -1,164 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductOnlySelector = void 0;
-require("./productOnlySelector.css");
-var hydrajs_1 = require("@cee-eng/hydrajs");
-var utils_1 = require("@rh-support/utils");
-var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-var react_1 = __importStar(require("react"));
-var react_i18next_1 = require("react-i18next");
-var AlertMessage_1 = require("../AlertMessage");
-var LoadingIndicator_1 = require("../LoadingIndicator");
-var ProductOnlyDropdownSelector_1 = require("./ProductOnlyDropdownSelector");
-var initialProductResponse = {
-    topProducts: [],
-    otherProducts: [],
-    productsResult: [],
-};
-var defaultSelectedProduct = {
-    featuredVersion: '',
-    product: '',
-    versions: [],
-    isTopProduct: false,
-    isEntitledProduct: true,
-};
-function ProductOnlySelector(props) {
-    var _this = this;
-    var t = react_i18next_1.useTranslation().t;
-    var _a = __read(react_1.useState(utils_1.getApiResourceObject(initialProductResponse)), 2), allProducts = _a[0], setAllProducts = _a[1];
-    react_1.useEffect(function () {
-        var fetchProducts = function () { return __awaiter(_this, void 0, void 0, function () {
-            var response, allProducts_1, e_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        setAllProducts(utils_1.getApiResourceObject(initialProductResponse, true));
-                        return [4 /*yield*/, hydrajs_1.products.getSEProductsList()];
-                    case 1:
-                        response = _a.sent();
-                        allProducts_1 = utils_1.handleProductSearchResponse(response);
-                        setAllProducts(utils_1.getApiResourceObject(allProducts_1));
-                        return [3 /*break*/, 3];
-                    case 2:
-                        e_1 = _a.sent();
-                        setAllProducts(utils_1.getApiResourceObject(initialProductResponse, false, true, e_1.message));
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); };
-        if (utils_1.haventLoadedMetadata(allProducts, function (data) { return isEmpty_1.default(data.productsResult); }))
-            fetchProducts();
-    }, [allProducts]);
-    var productChanged = function (product) {
-        props.onProductChange(product);
-    };
-    var productClicked = function (selectedProduct) { return function () {
-        productChanged(selectedProduct);
-    }; };
-    function onProductChangeForOtherProducts(selectedProduct) {
-        productChanged(selectedProduct.product);
-    }
-    function renderItem(id, selectedProduct) {
-        if (Array.isArray(selectedProduct)) {
-            return (react_1.default.createElement(ProductOnlyDropdownSelector_1.ProductOnlyDropdownSelector, { htmlForId: id, key: id, products: selectedProduct, selectedProduct: defaultSelectedProduct, onProductChange: onProductChangeForOtherProducts }));
-        }
-        else {
-            var uniqueID = selectedProduct.product.replace(/\s+/g, '-').replace('.', '').toLowerCase();
-            return (react_1.default.createElement("button", { key: uniqueID, className: "btn product-btn product-btn-flex", onClick: productClicked(selectedProduct.product) }, selectedProduct.product));
-        }
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(LoadingIndicator_1.LoadingIndicator, { show: allProducts.isFetching, size: "lg" }),
-        react_1.default.createElement(AlertMessage_1.AlertMessage, { variant: AlertMessage_1.AlertType.DANGER, className: "push-top", title: t('There was an error loading products.'), show: allProducts.isError }),
-        !isEmpty_1.default(allProducts.data.topProducts) && (react_1.default.createElement("div", null,
-            react_1.default.createElement("h2", null,
-                react_1.default.createElement(react_i18next_1.Trans, null, "Troubleshoot a product issue")),
-            react_1.default.createElement("div", { className: "product-dropdown rh-l-grid rh-m-gutters rh-m-all-6-col-on-sm push-top-narrow", "data-cp-grid": "md-2-cols" }, __spreadArray(__spreadArray([], __read(allProducts.data.topProducts)), [allProducts.data.otherProducts]).map(function (item, i) {
-                if (Array.isArray(item) && item.length === 0) {
-                    return null;
-                }
-                return renderItem("product-selector-" + i, item);
-            }))))));
-}
-exports.ProductOnlySelector = ProductOnlySelector;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ProductOnlySelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC"}

package/lib/cjs/ProductOnlySelector/index.js

@@ -1,14 +0,0 @@
-"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("./ProductOnlySelector"), exports);
-__exportStar(require("./ProductOnlyDropdownSelector"), exports);

package/lib/cjs/ProductOnlySelector/productOnlySelector.css

@@ -1,156 +0,0 @@
-.subheading {
-    font-weight: 600;
-    font-size: 13.5px;
-    color: #333;
-    letter-spacing: 0.25px;
-}
-
-h3.subheading-sm {
-    font-size: 14px;
-}
-
-h2 {
-    margin-bottom: 4px;
-    margin-top: 0;
-}
-
-h2 label {
-    margin-bottom: 0;
-    font-weight: 600;
-}
-
-a[target='_blank']::after {
-    content: ' ' !important;
-}
-
-a[target='_blank'].show-target::after {
-    content: '\27' !important;
-}
-
-button.btn-app {
-    padding: 6px 30px;
-}
-
-.pull-top-x-wide {
-    margin-top: -110px !important;
-}
-
-.push-top-x-wide {
-    margin-top: 75px !important;
-}
-
-/* product selector */
-
-.product-btn,
-.product-box {
-    -ms-flex: 1 0 82%;
-    flex: 1 0 82%;
-    width: 100%;
-    padding: 1em 1.2em 1.1em;
-    background-color: #ededed;
-    border: none;
-    border-left: 2px solid #06c;
-    font-size: 0.93rem;
-    text-align: left;
-    font-weight: 500;
-    line-height: 1.45;
-    color: #252525;
-    text-transform: capitalize;
-    -webkit-font-smoothing: subpixel-antialiased;
-    letter-spacing: 0.3px;
-}
-
-.product-btn-flex {
-    -ms-flex: 1 0 82%;
-    flex: 1 0 82%;
-}
-
-.product-btn:hover,
-.product-btn:focus,
-.product-btn:hover + .v-dropdown .btn-dropdown,
-.product-btn:focus + .v-dropdown .btn-dropdown,
-.v-dropdown .btn-dropdown:hover,
-.v-dropdown .btn-dropdown:focus {
-    background-color: #007cbc;
-    border: none;
-    color: #fff;
-    outline: none;
-}
-
-.product-btn:hover,
-.product-btn:focus {
-    border-left: 2px solid #007cbc;
-}
-
-.v-dropdown .btn-dropdown:hover,
-.v-dropdown .btn-dropdown:focus {
-    border-left: 1px solid #007cbc;
-    transition-duration: 0.3s;
-    transition-property: border;
-}
-
-.product-btn:focus {
-    outline: none;
-}
-
-.product-btn:hover + .v-dropdown .btn-dropdown,
-.product-btn:focus + .v-dropdown .btn-dropdown {
-    border-left: 1px solid #ededed !important;
-}
-
-@media (min-width: 768px) {
-    .product-btn-flex {
-        -ms-flex: 1 0 78%;
-        flex: 1 0 78%;
-    }
-
-    .v-dropdown {
-        -ms-flex: 1 0 22%;
-        flex: 1 0 22%;
-    }
-
-    .version-text {
-        text-transform: uppercase;
-    }
-
-    .v-dropdown .btn-dropdown .prodversion {
-        margin-left: 0.3em;
-    }
-}
-
-/* selected product + search */
-
-.product-selected {
-    margin-top: 0;
-}
-
-.product-selected .searchField {
-    border-color: #ccc;
-    height: 42px;
-    padding-top: 4.5px;
-}
-
-.product-selected span.icon-remove {
-    float: right;
-    position: relative;
-    right: -0.5em;
-    top: -0.5em;
-    padding: 0.5em;
-    font-size: 1.2em;
-    line-height: 1.38;
-    cursor: pointer;
-    height: 100%;
-}
-
-.product-selected .selectedProduct {
-    padding: 0.8em;
-    color: #333;
-    text-align: left;
-    background-color: #f0f0f0;
-    word-wrap: break-word;
-    margin-bottom: 25px;
-}
-
-.product-only .downshift-search input {
-    padding: 1em 0.75em;
-}

package/lib/esm/Input/Input.css

@@ -1,4 +0,0 @@
-/* This is needed to get rid of the patternfly select toggle to make it look like an input. */
-.input-container > .pf-c-select__toggle > .pf-c-select__toggle-button {
-    display: none !important;
-}

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

@@ -1,21 +0,0 @@
-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;
-    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 {};
-//# sourceMappingURL=Input.d.ts.map

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

@@ -1 +0,0 @@
-{"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,gBAiElC,CAAC"}

package/lib/esm/Input/Input.js

@@ -1,48 +0,0 @@
-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) => {
-    const classname = 'input-container';
-    const [input, setInput] = useState('');
-    const onMultiSelect = () => null;
-    const onClear = () => {
-        setInput('');
-        props.onChange('');
-        setIsInputValid('');
-    };
-    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) => {
-            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, 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/Input/index.d.ts

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

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

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

package/lib/esm/Input/index.js

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

package/lib/esm/ProductOnlySelector/ProductOnlyDropdownSelector.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ISEProduct } from '@cee-eng/hydrajs/@types/models/product';
-interface IProps {
-    products: Partial<ISEProduct>[];
-    selectedProduct: Partial<ISEProduct>;
-    onProductChange: (product: Partial<ISEProduct>) => any;
-    htmlForId: string;
-}
-export declare function ProductOnlyDropdownSelector(props: IProps): JSX.Element;
-export {};
-//# sourceMappingURL=ProductOnlyDropdownSelector.d.ts.map

package/lib/esm/ProductOnlySelector/ProductOnlyDropdownSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductOnlyDropdownSelector.d.ts","sourceRoot":"","sources":["../../../src/ProductOnlySelector/ProductOnlyDropdownSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AASpE,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eAyCxD"}

package/lib/esm/ProductOnlySelector/ProductOnlyDropdownSelector.js

@@ -1,29 +0,0 @@
-import { toOption, toOptions } from '@rh-support/utils';
-import isEmpty from 'lodash/isEmpty';
-import React, { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Dropdown } from '../DropDownList';
-export function ProductOnlyDropdownSelector(props) {
-    const { t } = useTranslation();
-    const [isProductInValid, setIsProductInValid] = useState(false);
-    const onProductChange = (option) => {
-        props.onProductChange(option.value);
-        validateProduct(option);
-    };
-    const onProductClear = () => {
-        const defaultSelectedProduct = {
-            featuredVersion: '',
-            product: '',
-            versions: [],
-            isTopProduct: false,
-            isEntitledProduct: true,
-        };
-        props.onProductChange(defaultSelectedProduct);
-        validateProduct(toOption(defaultSelectedProduct, { labelKey: 'product' }));
-    };
-    const validateProduct = (selectedItem) => {
-        setIsProductInValid(isEmpty(selectedItem) || isEmpty(selectedItem.label));
-    };
-    return (React.createElement("label", { htmlFor: props.htmlForId, className: "product-btn-flex" },
-        React.createElement(Dropdown, { className: `product-dropdown product-only`, id: "products-only", placeholder: t('Select another product'), list: props.products ? toOptions(props.products, { labelKey: 'product' }) : [], title: t(`Select another product`), selectedItem: toOption(props.selectedProduct, { labelKey: 'product' }), isInValid: isProductInValid, onChange: onProductChange, onOuterClick: validateProduct, searchable: true, onClearSelection: onProductClear })));
-}

package/lib/esm/ProductOnlySelector/ProductOnlySelector.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import './productOnlySelector.css';
-interface IProps {
-    onProductChange: (product: string) => any;
-}
-export declare function ProductOnlySelector(props: IProps): JSX.Element;
-export {};
-//# sourceMappingURL=ProductOnlySelector.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ProductOnlySelector.d.ts","sourceRoot":"","sources":["../../../src/ProductOnlySelector/ProductOnlySelector.tsx"],"names":[],"mappings":";AAAA,OAAO,2BAA2B,CAAC;AAkBnC,UAAU,MAAM;IACZ,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;CAC7C;AAeD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAmFhD"}

package/lib/esm/ProductOnlySelector/ProductOnlySelector.js

@@ -1,79 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import './productOnlySelector.css';
-import { products } from '@cee-eng/hydrajs';
-import { getApiResourceObject, handleProductSearchResponse, haventLoadedMetadata, } from '@rh-support/utils';
-import isEmpty from 'lodash/isEmpty';
-import React, { useEffect, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { AlertMessage, AlertType } from '../AlertMessage';
-import { LoadingIndicator } from '../LoadingIndicator';
-import { ProductOnlyDropdownSelector } from './ProductOnlyDropdownSelector';
-const initialProductResponse = {
-    topProducts: [],
-    otherProducts: [],
-    productsResult: [],
-};
-const defaultSelectedProduct = {
-    featuredVersion: '',
-    product: '',
-    versions: [],
-    isTopProduct: false,
-    isEntitledProduct: true,
-};
-export function ProductOnlySelector(props) {
-    const { t } = useTranslation();
-    const [allProducts, setAllProducts] = useState(getApiResourceObject(initialProductResponse));
-    useEffect(() => {
-        const fetchProducts = () => __awaiter(this, void 0, void 0, function* () {
-            try {
-                setAllProducts(getApiResourceObject(initialProductResponse, true));
-                const response = yield products.getSEProductsList();
-                const allProducts = handleProductSearchResponse(response);
-                setAllProducts(getApiResourceObject(allProducts));
-            }
-            catch (e) {
-                setAllProducts(getApiResourceObject(initialProductResponse, false, true, e.message));
-            }
-        });
-        if (haventLoadedMetadata(allProducts, (data) => isEmpty(data.productsResult)))
-            fetchProducts();
-    }, [allProducts]);
-    const productChanged = (product) => {
-        props.onProductChange(product);
-    };
-    const productClicked = (selectedProduct) => () => {
-        productChanged(selectedProduct);
-    };
-    function onProductChangeForOtherProducts(selectedProduct) {
-        productChanged(selectedProduct.product);
-    }
-    function renderItem(id, selectedProduct) {
-        if (Array.isArray(selectedProduct)) {
-            return (React.createElement(ProductOnlyDropdownSelector, { htmlForId: id, key: id, products: selectedProduct, selectedProduct: defaultSelectedProduct, onProductChange: onProductChangeForOtherProducts }));
-        }
-        else {
-            const uniqueID = selectedProduct.product.replace(/\s+/g, '-').replace('.', '').toLowerCase();
-            return (React.createElement("button", { key: uniqueID, className: "btn product-btn product-btn-flex", onClick: productClicked(selectedProduct.product) }, selectedProduct.product));
-        }
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(LoadingIndicator, { show: allProducts.isFetching, size: "lg" }),
-        React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "push-top", title: t('There was an error loading products.'), show: allProducts.isError }),
-        !isEmpty(allProducts.data.topProducts) && (React.createElement("div", null,
-            React.createElement("h2", null,
-                React.createElement(Trans, null, "Troubleshoot a product issue")),
-            React.createElement("div", { className: "product-dropdown rh-l-grid rh-m-gutters rh-m-all-6-col-on-sm push-top-narrow", "data-cp-grid": "md-2-cols" }, [...allProducts.data.topProducts, allProducts.data.otherProducts].map((item, i) => {
-                if (Array.isArray(item) && item.length === 0) {
-                    return null;
-                }
-                return renderItem(`product-selector-${i}`, item);
-            }))))));
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ProductOnlySelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC"}

package/lib/esm/ProductOnlySelector/index.js

@@ -1,2 +0,0 @@
-export * from './ProductOnlySelector';
-export * from './ProductOnlyDropdownSelector';