@griddo/ax 11.13.2 → 11.13.3-rc.1

package/src/__tests__/components/FloatingMenu/FloatingMenu.test.tsx

@@ -1,15 +1,13 @@
-import React, { useRef } from "react";
+import { useRef } from "react";
 
 import { ThemeProvider } from "styled-components";
 import { render, cleanup, screen, fireEvent } from "@testing-library/react";
 import { parseTheme } from "@ax/helpers";
 import "@testing-library/jest-dom";
 
-import FloatingMenu, { IFloatingProps } from "@ax/components/FloatingMenu";
+import FloatingMenu, { type IFloatingProps } from "@ax/components/FloatingMenu";
 import globalTheme from "@ax/themes/theme.json";
 
-afterEach(cleanup);
-
 jest.mock("react", () => {
 	const originReact = jest.requireActual("react");
 	const mUseRef = jest.fn();
@@ -21,6 +19,13 @@ jest.mock("react", () => {
 
 const useMockRef = useRef as jest.MockedFunction<typeof useRef>;
 
+afterEach(cleanup);
+beforeEach(() => {
+	useMockRef.mockReset();
+	// Safe fallback for extra renders (useLayoutEffect, etc.)
+	useMockRef.mockImplementation(() => ({ current: null }));
+});
+
 describe("FloatingMenu component rendering", () => {
 	it("should render the component", () => {
 		const buttonContent = () => (
@@ -35,7 +40,6 @@ describe("FloatingMenu component rendering", () => {
 			isInAppBar: true,
 			position: "left",
 			closeOnSelect: false,
-			isCheckGroup: true,
 			reactiveToHover: true,
 			offset: 10,
 		};
@@ -47,7 +51,7 @@ describe("FloatingMenu component rendering", () => {
 		);
 
 		const floatingMenu = screen.getByTestId("floating-menu");
-		expect(floatingMenu).toBeTruthy();
+		expect(floatingMenu).toBeInTheDocument();
 	});
 
 	it("should show the floating div when click", () => {
@@ -61,7 +65,6 @@ describe("FloatingMenu component rendering", () => {
 			children: <div>hola</div>,
 			Button: buttonContent,
 			isInAppBar: true,
-			isCheckGroup: true,
 			reactiveToHover: true,
 			offset: 10,
 		};
@@ -113,11 +116,11 @@ describe("FloatingMenu component rendering", () => {
 		);
 
 		const floatingMenu = screen.getByTestId("floating-menu");
-		expect(floatingMenu).toBeTruthy();
+		expect(floatingMenu).toBeInTheDocument();
 
 		fireEvent.click(floatingMenu);
 
-		expect(screen.getByTestId("floating-menu-wrapper")).toBeTruthy();
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
 
 		useMockRef.mockReturnValueOnce(wrapperRef);
 
@@ -127,7 +130,7 @@ describe("FloatingMenu component rendering", () => {
 			</ThemeProvider>,
 		);
 		fireEvent.mouseDown(document);
-		expect(screen.getByTestId("floating-menu-wrapper")).toBeTruthy();
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
 	});
 
 	it("should close the floating div when click", () => {
@@ -141,7 +144,6 @@ describe("FloatingMenu component rendering", () => {
 			children: <div>hola</div>,
 			Button: buttonContent,
 			isInAppBar: true,
-			isCheckGroup: true,
 			reactiveToHover: true,
 			offset: 10,
 		};
@@ -194,11 +196,11 @@ describe("FloatingMenu component rendering", () => {
 			</ThemeProvider>,
 		);
 		const floatingMenu = screen.getByTestId("floating-menu");
-		expect(floatingMenu).toBeTruthy();
+		expect(floatingMenu).toBeInTheDocument();
 
 		fireEvent.click(floatingMenu);
 
-		expect(screen.getByTestId("floating-menu-wrapper")).toBeTruthy();
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
 
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
@@ -221,14 +223,14 @@ describe("FloatingMenu component rendering", () => {
 
 		fireEvent.mouseDown(document);
 
-		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeTruthy();
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
 	});
 
-	it("should close the floating div when select option", () => {
-		const buttonContent = () => <input type="checkbox" data-testid="menu-children" />;
+	it("should close the floating div when checking a checkbox (isCheckGroup)", () => {
+		const buttonContent = () => <button type="button">menu</button>;
 
 		const defaultProps: IFloatingProps = {
-			children: <div>hola</div>,
+			children: <input type="checkbox" data-testid="menu-children" />,
 			Button: buttonContent,
 			isInAppBar: true,
 			isCheckGroup: true,
@@ -284,11 +286,11 @@ describe("FloatingMenu component rendering", () => {
 			</ThemeProvider>,
 		);
 		const floatingMenu = screen.getByTestId("floating-menu");
-		expect(floatingMenu).toBeTruthy();
+		expect(floatingMenu).toBeInTheDocument();
 
 		fireEvent.click(floatingMenu);
 
-		expect(screen.getByTestId("floating-menu-wrapper")).toBeTruthy();
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
 
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
@@ -336,17 +338,42 @@ describe("FloatingMenu component rendering", () => {
 		const menuChildren = screen.getByTestId("menu-children");
 		fireEvent.click(menuChildren);
 
-		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeTruthy();
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
 	});
 
-	it("should close the floating div when select option and is not a checkgroup", () => {
+	it("should stay open when isCheckGroup and checkbox is unchecked", () => {
+		const buttonContent = () => <span>trigger</span>;
+
+		const defaultProps: IFloatingProps = {
+			children: <input type="checkbox" defaultChecked data-testid="menu-checkbox" />,
+			Button: buttonContent,
+			isCheckGroup: true,
+		};
+
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<FloatingMenu {...defaultProps} />
+			</ThemeProvider>,
+		);
+
+		const buttonWrapper = screen.getByTestId("floating-menu-button");
+		fireEvent.click(buttonWrapper);
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
+
+		// Click an already-checked checkbox → becomes unchecked → menu must stay open
+		const checkbox = screen.getByTestId("menu-checkbox");
+		fireEvent.click(checkbox);
+
+		expect(screen.queryByTestId("floating-menu-wrapper")).toBeInTheDocument();
+	});
+
+	it("should close the floating div when select option (closeOnSelect=true)", () => {
 		const buttonContent = () => <span data-testid="menu-children">texto</span>;
 
 		const defaultProps: IFloatingProps = {
 			children: <div>hola</div>,
 			Button: buttonContent,
 			isInAppBar: true,
-			isCheckGroup: false,
 			reactiveToHover: true,
 			offset: 10,
 		};
@@ -399,11 +426,11 @@ describe("FloatingMenu component rendering", () => {
 			</ThemeProvider>,
 		);
 		const floatingMenu = screen.getByTestId("floating-menu");
-		expect(floatingMenu).toBeTruthy();
+		expect(floatingMenu).toBeInTheDocument();
 
 		fireEvent.click(floatingMenu);
 
-		expect(screen.getByTestId("floating-menu-wrapper")).toBeTruthy();
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
 
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
@@ -451,17 +478,48 @@ describe("FloatingMenu component rendering", () => {
 		const menuChildren = screen.getByTestId("menu-children");
 		fireEvent.click(menuChildren);
 
-		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeTruthy();
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
 	});
 
 	it("shouldn't close the floating div when select option", () => {
+		// menu-children lives inside children (the options area), not inside Button,
+		// so clicking it is treated as an option selection, not a button click.
+		const buttonContent = () => <span>trigger</span>;
+
+		const defaultProps: IFloatingProps = {
+			children: <span data-testid="menu-children">option text</span>,
+			Button: buttonContent,
+			isInAppBar: true,
+			reactiveToHover: true,
+			offset: 10,
+			closeOnSelect: false,
+		};
+
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<FloatingMenu {...defaultProps} />
+			</ThemeProvider>,
+		);
+
+		// Open the menu by clicking the button wrapper
+		const buttonWrapper = screen.getByTestId("floating-menu-button");
+		fireEvent.click(buttonWrapper);
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
+
+		// Click on a menu option — with closeOnSelect=false the menu must stay open
+		const menuChildren = screen.getByTestId("menu-children");
+		fireEvent.click(menuChildren);
+
+		expect(screen.queryByTestId("floating-menu-wrapper")).toBeInTheDocument();
+	});
+
+	it("should open the floating menu when handle over", () => {
 		const buttonContent = () => <span data-testid="menu-children">texto</span>;
 
 		const defaultProps: IFloatingProps = {
 			children: <div>hola</div>,
 			Button: buttonContent,
 			isInAppBar: true,
-			isCheckGroup: false,
 			reactiveToHover: true,
 			offset: 10,
 			closeOnSelect: false,
@@ -509,75 +567,28 @@ describe("FloatingMenu component rendering", () => {
 		useMockRef.mockReturnValueOnce(buttonRef);
 		useMockRef.mockReturnValueOnce(menuOptionsRef);
 
-		const { rerender } = render(
+		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
 				<FloatingMenu {...defaultProps} />
 			</ThemeProvider>,
 		);
 		const floatingMenu = screen.getByTestId("floating-menu");
-		expect(floatingMenu).toBeTruthy();
-
-		fireEvent.click(floatingMenu);
-
-		expect(screen.getByTestId("floating-menu-wrapper")).toBeTruthy();
+		expect(floatingMenu).toBeInTheDocument();
 
-		Object.defineProperty(wrapperRef, "current", {
-			set(_current) {
-				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValue(true);
-				}
-				this._current = _current;
-			},
-			get() {
-				return this._current;
-			},
-		});
-		Object.defineProperty(buttonRef, "current", {
-			set(_current) {
-				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(false);
-				}
-				this._current = _current;
-			},
-			get() {
-				return this._current;
-			},
-		});
-		Object.defineProperty(menuOptionsRef, "current", {
-			set(_current) {
-				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
-				}
-				this._current = _current;
-			},
-			get() {
-				return this._current;
-			},
-		});
-
-		useMockRef.mockReturnValueOnce(wrapperRef);
-		useMockRef.mockReturnValueOnce(buttonRef);
-		useMockRef.mockReturnValueOnce(menuOptionsRef);
-		rerender(
-			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<FloatingMenu {...defaultProps} />
-			</ThemeProvider>,
-		);
-
-		const menuChildren = screen.getByTestId("menu-children");
-		fireEvent.click(menuChildren);
-
-		expect(screen.queryByTestId("floating-menu-wrapper")).toBeTruthy();
+		fireEvent.mouseEnter(floatingMenu);
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
+		// If already open, a second mouseEnter must not close it
+		fireEvent.mouseEnter(floatingMenu);
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
 	});
 
-	it("should open the floating menu when handle over", () => {
+	it("should close the floating menu when handle leave", () => {
 		const buttonContent = () => <span data-testid="menu-children">texto</span>;
 
 		const defaultProps: IFloatingProps = {
 			children: <div>hola</div>,
 			Button: buttonContent,
 			isInAppBar: true,
-			isCheckGroup: false,
 			reactiveToHover: true,
 			offset: 10,
 			closeOnSelect: false,
@@ -631,25 +642,29 @@ describe("FloatingMenu component rendering", () => {
 			</ThemeProvider>,
 		);
 		const floatingMenu = screen.getByTestId("floating-menu");
-		expect(floatingMenu).toBeTruthy();
+		expect(floatingMenu).toBeInTheDocument();
 
 		fireEvent.mouseEnter(floatingMenu);
-		expect(screen.getByTestId("floating-menu-wrapper")).toBeTruthy();
-		//Comprobación extra para testear que si ya está abierto, no gestiona el handleClick
-		fireEvent.mouseEnter(floatingMenu);
-		expect(screen.getByTestId("floating-menu-wrapper")).toBeTruthy();
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
+
+		fireEvent.mouseLeave(floatingMenu);
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
 	});
 
-	it("should close the floating menu when handle leave", () => {
-		const buttonContent = () => <span data-testid="menu-children">texto</span>;
+	it("should close the floating div when clicking an element with data-close-menu", () => {
+		const buttonContent = () => (
+			<div>
+				<span>trigger</span>
+			</div>
+		);
 
 		const defaultProps: IFloatingProps = {
-			children: <div>hola</div>,
+			children: (
+				<span data-testid="menu-children" data-close-menu="true">
+					Close
+				</span>
+			),
 			Button: buttonContent,
-			isInAppBar: true,
-			isCheckGroup: false,
-			reactiveToHover: true,
-			offset: 10,
 			closeOnSelect: false,
 		};
 
@@ -671,7 +686,8 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(buttonRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					// true for button click (open), false for option click
+					jest.spyOn(_current, "contains").mockReturnValueOnce(true).mockReturnValueOnce(false);
 				}
 				this._current = _current;
 			},
@@ -682,7 +698,8 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(menuOptionsRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(false);
+					// true when clicking menu-children (optionWasSelected)
+					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -695,18 +712,202 @@ describe("FloatingMenu component rendering", () => {
 		useMockRef.mockReturnValueOnce(buttonRef);
 		useMockRef.mockReturnValueOnce(menuOptionsRef);
 
-		render(
+		const { rerender } = render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
 				<FloatingMenu {...defaultProps} />
 			</ThemeProvider>,
 		);
+
 		const floatingMenu = screen.getByTestId("floating-menu");
-		expect(floatingMenu).toBeTruthy();
+		fireEvent.click(floatingMenu);
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
+
+		rerender(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<FloatingMenu {...defaultProps} />
+			</ThemeProvider>,
+		);
+
+		const menuChildren = screen.getByTestId("menu-children");
+		fireEvent.click(menuChildren);
+
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
+	});
+
+	it("should not open when disabled", () => {
+		const buttonContent = () => <span>trigger</span>;
+
+		const defaultProps: IFloatingProps = {
+			children: <div>content</div>,
+			Button: buttonContent,
+			disabled: true,
+		};
+
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<FloatingMenu {...defaultProps} />
+			</ThemeProvider>,
+		);
+
+		const buttonWrapper = screen.getByTestId("floating-menu-button");
+		fireEvent.click(buttonWrapper);
+
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
+	});
+
+	it("should not open on mouse enter when disabled", () => {
+		const buttonContent = () => <span>trigger</span>;
+
+		const defaultProps: IFloatingProps = {
+			children: <div>content</div>,
+			Button: buttonContent,
+			reactiveToHover: true,
+			disabled: true,
+		};
+
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<FloatingMenu {...defaultProps} />
+			</ThemeProvider>,
+		);
 
+		const floatingMenu = screen.getByTestId("floating-menu");
 		fireEvent.mouseEnter(floatingMenu);
-		expect(screen.getByTestId("floating-menu-wrapper")).toBeTruthy();
 
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
+	});
+
+	it("should call actionOnClose when clicking outside", () => {
+		const actionOnClose = jest.fn();
+		const buttonContent = () => <span>trigger</span>;
+
+		const defaultProps: IFloatingProps = {
+			children: <div>content</div>,
+			Button: buttonContent,
+			actionOnClose,
+		};
+
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<FloatingMenu {...defaultProps} />
+			</ThemeProvider>,
+		);
+
+		// Open the menu
+		const buttonWrapper = screen.getByTestId("floating-menu-button");
+		fireEvent.click(buttonWrapper);
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
+
+		// Click outside — document is not inside wrapper
+		fireEvent.mouseDown(document);
+
+		expect(actionOnClose).toHaveBeenCalledTimes(1);
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
+	});
+
+	it("should call actionOnClose when closing via button toggle", () => {
+		const actionOnClose = jest.fn();
+		const buttonContent = () => <span>trigger</span>;
+
+		const defaultProps: IFloatingProps = {
+			children: <div>content</div>,
+			Button: buttonContent,
+			actionOnClose,
+		};
+
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<FloatingMenu {...defaultProps} />
+			</ThemeProvider>,
+		);
+
+		const buttonWrapper = screen.getByTestId("floating-menu-button");
+
+		fireEvent.click(buttonWrapper);
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
+
+		fireEvent.click(buttonWrapper);
+
+		expect(actionOnClose).toHaveBeenCalledTimes(1);
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
+	});
+
+	it("should call actionOnClose when closing via mouseLeave", () => {
+		const actionOnClose = jest.fn();
+		const buttonContent = () => <span>trigger</span>;
+
+		const defaultProps: IFloatingProps = {
+			children: <div>content</div>,
+			Button: buttonContent,
+			reactiveToHover: true,
+			actionOnClose,
+		};
+
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<FloatingMenu {...defaultProps} />
+			</ThemeProvider>,
+		);
+
+		const buttonWrapper = screen.getByTestId("floating-menu-button");
+		fireEvent.click(buttonWrapper);
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
+
+		const floatingMenu = screen.getByTestId("floating-menu");
+		fireEvent.mouseLeave(floatingMenu);
+
+		expect(actionOnClose).toHaveBeenCalledTimes(1);
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
+	});
+
+	it("should close the menu when clicking the button while open (toggle)", () => {
+		const buttonContent = () => <span>trigger</span>;
+
+		const defaultProps: IFloatingProps = {
+			children: <span data-testid="menu-option">option</span>,
+			Button: buttonContent,
+		};
+
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<FloatingMenu {...defaultProps} />
+			</ThemeProvider>,
+		);
+
+		const buttonWrapper = screen.getByTestId("floating-menu-button");
+
+		// First click: open
+		fireEvent.click(buttonWrapper);
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
+
+		// Second click on button: close
+		fireEvent.click(buttonWrapper);
+		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeInTheDocument();
+	});
+
+	it("should not close on mouse leave when reactiveToHover is false", () => {
+		const buttonContent = () => <span>trigger</span>;
+
+		const defaultProps: IFloatingProps = {
+			children: <div>content</div>,
+			Button: buttonContent,
+			reactiveToHover: false,
+		};
+
+		render(
+			<ThemeProvider theme={parseTheme(globalTheme)}>
+				<FloatingMenu {...defaultProps} />
+			</ThemeProvider>,
+		);
+
+		const buttonWrapper = screen.getByTestId("floating-menu-button");
+		fireEvent.click(buttonWrapper);
+		expect(screen.getByTestId("floating-menu-wrapper")).toBeInTheDocument();
+
+		const floatingMenu = screen.getByTestId("floating-menu");
 		fireEvent.mouseLeave(floatingMenu);
-		expect(screen.queryByTestId("floating-menu-wrapper")).not.toBeTruthy();
+
+		// Still open — mouseLeave only works when reactiveToHover=true
+		expect(screen.queryByTestId("floating-menu-wrapper")).toBeInTheDocument();
 	});
 });

package/src/__tests__/modules/Settings/Social/Social.test.tsx

@@ -1,16 +1,24 @@
+import axios from "axios";
 import { Router } from "react-router-dom";
 
+import configureStore from "redux-mock-store";
+import thunk from "redux-thunk";
+import { ThemeProvider } from "styled-components";
+
 import { parseTheme } from "@ax/helpers";
 import Social from "@ax/modules/Settings/Social";
 import history from "@ax/routes/history";
 import globalTheme from "@ax/themes/theme.json";
 
-import configureStore from "redux-mock-store";
-import thunk from "redux-thunk";
-import { ThemeProvider } from "styled-components";
-
 import { act, cleanup, render, screen } from "../../../../../config/jest/test-utils";
 
+jest.mock("axios");
+const mockedAxios = axios as jest.MockedFunction<typeof axios>;
+
+beforeEach(() => {
+	mockedAxios.mockResolvedValue({ status: 200, data: {}, statusText: "OK", headers: {}, config: {} as any });
+});
+
 afterEach(cleanup);
 
 const mockComponent = () => null;

package/src/api/checkgroups.tsx

@@ -1,6 +1,7 @@
-import { AxiosResponse } from "axios";
+import type { AxiosResponse } from "axios";
+
 import { template } from "./config";
-import { sendRequest, IServiceConfig } from "./utils";
+import { type IServiceConfig, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_STRUCTURED_DATA: {
@@ -32,7 +33,7 @@ const getCheckGroupItems = async (
 	} = SERVICES.GET_STRUCTURED_DATA;
 
 	const allLanguagesQuery = allLanguages ? "&allLanguages=true" : "";
-	const languagesIdsQuery = languagesIds && languagesIds.length ? `&languagesIds=${languagesIds}` : "";
+	const languagesIdsQuery = languagesIds?.length ? `&languagesIds=${languagesIds}` : "";
 
 	SERVICES.GET_STRUCTURED_DATA.dynamicUrl = `${host}${prefix}${siteId}${infix}${source}${suffix}?groupingCategories=on&order=title-ASC${allLanguagesQuery}${languagesIdsQuery}`;
 

package/src/api/selects.tsx

@@ -1,5 +1,5 @@
 import { template } from "./config";
-import { IServiceConfig, sendRequest } from "./utils";
+import { type IServiceConfig, sendRequest } from "./utils";
 
 const SERVICES: { [key: string]: IServiceConfig } = {
 	GET_SITE_ITEMS: {
@@ -19,22 +19,29 @@ const SERVICES: { [key: string]: IServiceConfig } = {
 	},
 };
 
-const getSelectSiteItems = async (siteId: number, entity: string, params?: Record<string, any>, pageID?: number) => {
+const getSelectSiteItems = async (
+	siteId: number,
+	entity: string,
+	params?: Record<string, any>,
+	pageID?: number,
+	forceLanguage?: number,
+) => {
 	const { host, endpoint } = SERVICES.GET_SITE_ITEMS;
 
 	let urlParams = "";
 	if (params) {
 		for (const prop in params) {
-			urlParams = urlParams + `${prop}=${params[prop]}&`;
+			urlParams = `${urlParams}${prop}=${params[prop]}&`;
 		}
-		urlParams = urlParams.length ? "?" + urlParams.slice(0, -1) : "";
+		urlParams = urlParams.length ? `?${urlParams.slice(0, -1)}` : "";
 	}
 
 	SERVICES.GET_SITE_ITEMS.dynamicUrl = pageID
 		? `${host}${endpoint}${siteId}/${entity}/${pageID}${urlParams}`
 		: `${host}${endpoint}${siteId}/${entity}${urlParams}`;
 
-	return sendRequest(SERVICES.GET_SITE_ITEMS);
+	const headers = forceLanguage ? { lang: forceLanguage } : undefined;
+	return sendRequest(SERVICES.GET_SITE_ITEMS, undefined, headers);
 };
 
 const getSelectItems = async (entity: string, entityId?: number | string, lang?: number) => {

package/src/components/ActionMenu/index.tsx

@@ -1,7 +1,5 @@
-import React from "react";
-
 import { FloatingMenu, Icon, IconAction, Tooltip } from "@ax/components";
-import { IActionMenuOption } from "@ax/types";
+import type { IActionMenuOption } from "@ax/types";
 
 import * as S from "./style";