fix(language-selector-web): active style classname

fix(language-selector-web): active style classname

Author: raffiar

packages/pluggableWidgets/language-selector-web/src/LanguageSelector.editorPreview.tsx

@@ -5,7 +5,7 @@ import { LanguageSwitcher } from "./components/LanguageSwitcher";
 export const preview = (props: LanguageSelectorPreviewProps): ReactElement => {
     return (
         <LanguageSwitcher
-            preview={false}
+            preview
             currentLanguage={{ _guid: "1", value: "Current language" }}
             languageList={[{ _guid: "1", value: "Current language" }]}
             position={props.position}

packages/pluggableWidgets/language-selector-web/src/components/LanguageSwitcher.tsx

@@ -26,12 +26,11 @@ export interface LanguageSwitcherProps {
     className: string;
 }
 export const LanguageSwitcher = (props: LanguageSwitcherProps): ReactElement => {
-    const preview = !!props.preview;
     const { languageList, trigger } = props;
     const [visibility, setVisibility] = useState(false);
     const ref = useRef<HTMLDivElement>(null);
 
-    if (!preview) {
+    if (!props.preview) {
         handleOnClickOutsideElement(ref, () => setVisibility(false));
     }
 
@@ -77,7 +76,7 @@ export const LanguageSwitcher = (props: LanguageSwitcherProps): ReactElement =>
                     <div
                         key={item._guid}
                         className={`popupmenu-basic-item ${
-                            item._guid === props.currentLanguage?._guid ? "popupmenu-basic-item-active" : ""
+                            item._guid === props.currentLanguage?._guid ? "active" : ""
                         }`}
                         onClick={() => {
                             if (props.onSelect) {

packages/pluggableWidgets/language-selector-web/src/components/__tests__/__snapshots__/LanguageSwitcher.spec.tsx.snap

@@ -55,7 +55,7 @@ exports[`Language switcher renders the structure with language list and selected
       class="popupmenu-menu popupmenu-position-left"
     >
       <div
-        class="popupmenu-basic-item popupmenu-basic-item-active"
+        class="popupmenu-basic-item active"
       >
         En us
       </div>