@rh-support/components 2.1.50 → 2.1.51

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

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../src/LanguageSelector/LanguageSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;CAWzB,CAAC;AAOF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAyBtC;kBAzBQ,gBAAgB;;;AA4BzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../src/LanguageSelector/LanguageSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAGhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;CAWzB,CAAC;AAOF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA4CtC;kBA5CQ,gBAAgB;;;AA+CzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/esm/LanguageSelector/LanguageSelector.js

@@ -1,8 +1,8 @@
 import './languageSelector.css';
+import { Dropdown, DropdownItem, DropdownList, MenuToggle, Spinner } from '@patternfly/react-core';
 import map from 'lodash/map';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Dropdown } from '../DropDownList/DropDownList';
 export const languageConst = {
     en: 'English',
     ja: '日本語',
@@ -25,12 +25,22 @@ function LanguageSelector(props) {
         value: props.currentLanguage,
     });
     const { t } = useTranslation();
-    const handleLanguageChange = (language) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const onToggleClick = () => {
+        setIsOpen(!isOpen);
+    };
+    const onSelect = (event, language) => {
         setLanguage(language);
         props.updateLang(language.value);
     };
     const languageOption = () => map(languageConst, (value, key) => ({ label: value, value: key }));
-    return (React.createElement(Dropdown, { "data-tracking-id": "app-language-selector", id: "app-language-selector", title: t('Language selector'), className: "language-selector", list: languageOption(), selectedItem: language, onChange: handleLanguageChange, isLoadingList: props.showLoader }));
+    const languageDropdownOptions = languageOption().map((lang) => (React.createElement(DropdownItem, { value: lang, key: `lang-${lang.label}` }, lang.label)));
+    return (React.createElement("div", { className: "language-selector" },
+        React.createElement(Dropdown, { isOpen: isOpen, onSelect: onSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true },
+                language.label,
+                " ",
+                props.showLoader ? React.createElement(Spinner, { size: "md", "aria-label": "loading" }) : '')), "data-tracking-id": "app-language-selector", id: "app-language-selector", title: t('Language selector'), shouldFocusToggleOnSelect: true, isScrollable: true },
+            React.createElement(DropdownList, null, languageDropdownOptions))));
 }
 LanguageSelector.defaultProps = defaultProps;
 export { LanguageSelector };

package/lib/esm/LanguageSelector/languageSelector.css

@@ -1,4 +1,4 @@
-.downshift.language-selector {
+.language-selector {
     width: 140px;
     margin-left: auto;
     z-index: 100;

package/lib/esm/helperFunctions/errorMessage.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './errorMessage.scss';
 export interface IAppErrorObj {
     title: string;

package/lib/esm/helperFunctions/errorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AAoDD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAwCxF;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAIjE;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AAoDD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAwCxF;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAIjE;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.1.50",
+    "version": "2.1.51",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -109,5 +109,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "9428a86e921565225fd6ab7ee4ad358e29de43b3"
+    "gitHead": "3b669f23c094069a3e7d042cfdffd716407734d3"
 }