@griddo/ax 12.5.0 → 12.5.2-rc.0

package/src/modules/Forms/utils.tsx

@@ -1,4 +1,4 @@
-import { FormContent } from "@ax/types";
+import type { FormContent } from "@ax/types";
 
 const getAllLangFormsIds = (forms: FormContent[], selectedItems: number[], getAllVersions: boolean): number[] => {
 	let langsFormsIds: number[] = [];

package/src/modules/FramePreview/HeadingsOverlay/index.tsx

@@ -86,10 +86,9 @@ const HeadingsOverlay = ({ headingFilter }: IHeadingsOverlayProps) => {
 	return createPortal(
 		<div data-testid="headings-overlay">
 			{boxes.map(({ id, tag }) => {
-					const el = document.querySelector<HTMLElement>(`[data-griddoid="${id}"]`) ||
-						document.querySelector(tag);
-					if (!el) return null;
-					const rect = el.getBoundingClientRect();
+				const el = document.querySelector<HTMLElement>(`[data-griddoid="${id}"]`) || document.querySelector(tag);
+				if (!el) return null;
+				const rect = el.getBoundingClientRect();
 				const color = headColors[tag];
 				if (!color) return null;
 				const labelAbove = rect.left < 30;

package/src/modules/GlobalSettings/Robots/Item/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { IDomainRobot } from "@ax/types";
+import type { IDomainRobot } from "@ax/types";
 import { useModal } from "@ax/hooks";
 import RobotsPanel from "./RobotsPanel";
 

package/src/modules/MediaGallery/Breadcrumb/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { IFolderTree } from "@ax/types";
+import type { IFolderTree } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/MediaGallery/FolderTree/MenuItem/index.tsx

@@ -1,6 +1,7 @@
-import React, { useState } from "react";
+import type React from "react";
+import { useState } from "react";
 import MenuList from "../MenuList";
-import { IFolderTree } from "@ax/types";
+import type { IFolderTree } from "@ax/types";
 import { Icon } from "@ax/components";
 import { trimText } from "@ax/helpers";
 

package/src/modules/MediaGallery/FolderTree/MenuList/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { IFolderTree } from "@ax/types";
+import type { IFolderTree } from "@ax/types";
 import MenuItem from "../MenuItem";
 
 const MenuList = (props: IMenuListProps) => {

package/src/modules/MediaGallery/FolderTree/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { connect } from "react-redux";
 
-import { IFolderTree, IRootState } from "@ax/types";
+import type { IFolderTree, IRootState } from "@ax/types";
 import { Icon } from "@ax/components";
 
 import MenuList from "./MenuList";

package/src/modules/MediaGallery/GridItem/index.tsx

@@ -91,7 +91,12 @@ const GridItem = (props: IProps) => {
 
 	return (
 		<>
-			<S.ImageWrapper data-testid="image-item" onClick={handleClick} onContextMenu={handleContextMenu} selected={isSelected}>
+			<S.ImageWrapper
+				data-testid="image-item"
+				onClick={handleClick}
+				onContextMenu={handleContextMenu}
+				selected={isSelected}
+			>
 				<img src={thumb} alt={alt} />
 				<S.IconWrapper onClick={handleCheckClick(!isSelected)}>
 					<Icon name={isSelected ? "successSolid" : "emptyCheck"} size="24" />

package/src/modules/MediaGallery/ImageFilters/Orientation/index.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 
 import { FloatingMenu, Icon, ListTitle, ListItem } from "@ax/components";
 import { areEquals } from "@ax/helpers";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/MediaGallery/ImageFilters/SortBy/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { Icon, FloatingMenu, ListTitle, ListItem } from "@ax/components";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/MediaGallery/ImageFilters/Type/index.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 
 import { FloatingMenu, Icon, ListTitle, ListItem } from "@ax/components";
 import { areEquals } from "@ax/helpers";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/MediaGallery/ImageFilters/Usage/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 
 import { Icon, FloatingMenu, ListTitle, ListItem } from "@ax/components";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/MediaGallery/ImageModal/DetailPanel/UsageContent/ItemGroup/index.tsx

@@ -1,6 +1,7 @@
-import React, { useState } from "react";
+import type React from "react";
+import { useState } from "react";
 import Item from "../Item";
-import { IImageUseItem } from "..";
+import type { IImageUseItem } from "..";
 
 import * as S from "./style";
 

package/src/modules/MediaGallery/ImageModal/DetailPanel/UsageContent/index.tsx

@@ -5,8 +5,8 @@ import { pageEditorActions } from "@ax/containers/PageEditor";
 import { sitesActions } from "@ax/containers/Sites";
 import { structuredDataActions } from "@ax/containers/StructuredData";
 import { usersActions } from "@ax/containers/Users";
-import { ISetCurrentPageIDAction } from "@ax/containers/PageEditor/interfaces";
-import { IImage, IRootState, ISite, IUser } from "@ax/types";
+import type { ISetCurrentPageIDAction } from "@ax/containers/PageEditor/interfaces";
+import type { IImage, IRootState, ISite, IUser } from "@ax/types";
 import { images } from "@ax/api";
 import { isReqOk } from "@ax/helpers";
 import { EmptyState, Loading } from "@ax/components";

package/src/modules/MediaGallery/hooks.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 const useSortedListStatus = () => {
 	const sortedInitialState: {

package/src/modules/Navigation/Defaults/DefaultsEditor/Editor/DefaultsBrowser/index.tsx

@@ -1,9 +1,9 @@
-import React from "react";
+import type React from "react";
 import { connect } from "react-redux";
 import { navigationActions } from "@ax/containers/Navigation/Defaults";
 
 import { Browser } from "@ax/components";
-import { ILanguage, IRootState, ISite, ISocialState } from "@ax/types";
+import type { ILanguage, IRootState, ISite, ISocialState } from "@ax/types";
 
 const DefaultsBrowser = (props: IProps) => {
 	const { socials, cloudinaryName, content, currentSiteInfo, siteLangs, browserRef, actions, isDisabled } = props;

package/src/modules/Navigation/Defaults/DefaultsEditor/Editor/index.tsx

@@ -1,9 +1,9 @@
-import React from "react";
+import type React from "react";
 import { connect } from "react-redux";
 import { navigationActions } from "@ax/containers/Navigation/Defaults";
 
 import { ResizePanel, ConfigPanel } from "@ax/components";
-import { IBreadcrumbItem, IModule, INotification, IRootState, ISchema, ISite } from "@ax/types";
+import type { IBreadcrumbItem, IModule, INotification, IRootState, ISchema, ISite } from "@ax/types";
 import DefaultsBrowser from "./DefaultsBrowser";
 
 const Editor = (props: IProps) => {

package/src/modules/Navigation/Defaults/ReplaceNavModal/index.tsx

@@ -3,7 +3,7 @@ import { connect } from "react-redux";
 
 import { navigationActions } from "@ax/containers/Navigation";
 import { CheckField, Loader, Modal, Select } from "@ax/components";
-import { ICheck, IModal, INavPages, IRootState, IUpdateNavigationParam } from "@ax/types";
+import type { ICheck, IModal, INavPages, IRootState, IUpdateNavigationParam } from "@ax/types";
 import { useBulkSelection } from "@ax/hooks";
 
 import * as S from "./style";

package/src/modules/Navigation/Menus/List/Nav/index.tsx

@@ -3,7 +3,7 @@ import { connect } from "react-redux";
 import { NavLink } from "react-router-dom";
 
 import { SubNav, MenuItem, GuardModal } from "@ax/components";
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 import { useModal } from "@ax/hooks";
 import { menuActions } from "@ax/containers/Navigation";
 

package/src/modules/Navigation/Menus/List/Table/Header/index.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { connect } from "react-redux";
 
 import { menuActions } from "@ax/containers/Navigation";
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 import { IconAction } from "@ax/components";
 import { Restricted } from "@ax/guards";
 import { useModal } from "@ax/hooks";

package/src/modules/Navigation/Menus/List/Table/Item/index.tsx

@@ -148,7 +148,12 @@ const Item = (props: IItemProps): JSX.Element => {
 				)}
 				{isOpen("config") && <ConfigPanel isOpen={isOpen("config")} toggleModal={() => toggleModal("config")} />}
 			</S.Container>
-			<RemoveModal isOpen={isOpen("remove")} toggleModal={() => toggleModal("remove")} deleteItem={deleteItem} item={item} />
+			<RemoveModal
+				isOpen={isOpen("remove")}
+				toggleModal={() => toggleModal("remove")}
+				deleteItem={deleteItem}
+				item={item}
+			/>
 			<ContextMenu position={contextMenu} options={actionMenuOptions} onClose={closeContextMenu} />
 		</>
 	);

package/src/modules/Navigation/Menus/List/Table/Item/style.tsx

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { CSS, Transform } from "@dnd-kit/utilities";
+import { CSS, type Transform } from "@dnd-kit/utilities";
 
 import { ActionMenu } from "@ax/components";
 

package/src/modules/Navigation/Menus/List/Table/helpers.tsx

@@ -1,4 +1,4 @@
-import { IMenuItem } from "@ax/types";
+import type { IMenuItem } from "@ax/types";
 import type { UniqueIdentifier } from "@dnd-kit/core";
 import { arrayMove } from "@dnd-kit/sortable";
 

package/src/modules/PublicPreview/index.tsx

@@ -38,13 +38,7 @@ const PublicPreview = () => {
 					setShareEndDate(shareResponse.data.endDate);
 				}
 			} else {
-				setTokenError(
-					response.status === 404
-						? "404"
-						: response.status === 410
-							? "linkExpired"
-							: "wrong",
-				);
+				setTokenError(response.status === 404 ? "404" : response.status === 410 ? "linkExpired" : "wrong");
 			}
 
 			setIsLoading(false);
@@ -64,12 +58,10 @@ const PublicPreview = () => {
 	const globalTheme = getDefaultTheme();
 	const theme = state?.site ? state.siteInfo.theme : globalTheme;
 	const socials = state?.site ? state.siteInfo.socials : [];
-	const derivedLangs = (state?.pageLanguages ?? []).map(
-		(pl: { languageId: number; locale: string }) => ({
-			id: pl.languageId,
-			locale: pl.locale,
-		}),
-	);
+	const derivedLangs = (state?.pageLanguages ?? []).map((pl: { languageId: number; locale: string }) => ({
+		id: pl.languageId,
+		locale: pl.locale,
+	}));
 	const langs = state?.site ? state.siteInfo.siteLanguages : derivedLangs;
 	const siteID = state?.siteInfo ? state.siteInfo.siteId : undefined;
 

package/src/modules/Redirects/BulkHeader/TableHeader/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { CheckField, SiteFilter, TableCounter, DateFilter, Tooltip } from "@ax/components";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/Redirects/BulkHeader/index.tsx

@@ -2,7 +2,7 @@ import { BulkSelectionOptions } from "@ax/components";
 import { itemLabel } from "@ax/constants";
 import type { IQueryValue } from "@ax/types";
 
-import type { IBulkSelectedItems } from "src/hooks/bulk";
+import type { IBulkSelectedItems } from "@ax/hooks";
 
 import TableHeader from "./TableHeader";
 

package/src/modules/Redirects/RedirectPanel/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { connect } from "react-redux";
 
-import { IRedirect } from "@ax/types";
+import type { IRedirect } from "@ax/types";
 import { Button, FieldsBehavior, FloatingPanel } from "@ax/components";
 import { redirectsActions } from "@ax/containers/Redirects";
 

package/src/modules/Redirects/hooks.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { IQueryValue, ISite } from "@ax/types";
+import type { IQueryValue, ISite } from "@ax/types";
 
 const useSortedListStatus = () => {
 	const sortedInitialState: { isAscending: boolean; sortedByDate: boolean } = {

package/src/modules/Settings/ContentTypes/DataPacks/AddModal/Filter/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { IDataPackCategory } from "@ax/types";
+import type { IDataPackCategory } from "@ax/types";
 import { Icon, FloatingMenu, ListTitle, ListItem } from "@ax/components";
 
 import * as S from "./style";

package/src/modules/Settings/ContentTypes/DataPacks/AddModal/SidePanel/DetailPanel/index.tsx

@@ -1,5 +1,5 @@
 import React, { memo } from "react";
-import { IDataPack } from "@ax/types";
+import type { IDataPack } from "@ax/types";
 import { Button, Tag } from "@ax/components";
 import Item from "./Item";
 

package/src/modules/Settings/ContentTypes/DataPacks/AddModal/SidePanel/index.tsx

@@ -1,5 +1,5 @@
 import React, { memo } from "react";
-import { IDataPack } from "@ax/types";
+import type { IDataPack } from "@ax/types";
 import EmptyPanel from "./EmptyPanel";
 import MultiplePanel from "./MultiplePanel";
 import DetailPanel from "./DetailPanel";

package/src/modules/Settings/ContentTypes/DataPacks/AddModal/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { connect } from "react-redux";
 
-import { IDataPack, IDataPackCategory, IRootState, ISite } from "@ax/types";
+import type { IDataPack, IDataPackCategory, IRootState, ISite } from "@ax/types";
 import { getDataPackSchema, sortBy } from "@ax/helpers";
 import { Icon, Loader } from "@ax/components";
 

package/src/modules/Settings/ContentTypes/DataPacks/Config/Form/TemplateConfig/TemplateEditor/Editor/ConfigPanel/IntegrationsField/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { FieldsBehavior } from "@ax/components";
-import { IIntegration } from "@ax/types";
+import type { IIntegration } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/Settings/ContentTypes/DataPacks/Config/Form/TemplateConfig/TemplateEditor/Editor/ConfigPanel/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { connect } from "react-redux";
 
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 import { Loading } from "@ax/components";
 import { pageEditorActions } from "@ax/containers/PageEditor";
 import { dataPacksActions } from "@ax/containers/Settings";

package/src/modules/Settings/ContentTypes/DataPacks/Config/Form/TemplateConfig/TemplateEditor/Editor/TemplateBrowser/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { connect } from "react-redux";
 
 import { Browser } from "@ax/components";
-import { ILanguage, IRootState, ISite, ISocialState } from "@ax/types";
+import type { ILanguage, IRootState, ISite, ISocialState } from "@ax/types";
 
 const TemplateBrowser = (props: IProps) => {
 	const { socials, cloudinaryName, content, currentSiteInfo, siteLangs } = props;

package/src/modules/Settings/ContentTypes/DataPacks/Config/Form/TemplateConfig/TemplateEditor/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { connect } from "react-redux";
 
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 import { useIsDirty } from "@ax/hooks";
 import { RouteLeavingGuard } from "@ax/guards";
 import { ErrorToast, Loading, MainWrapper } from "@ax/components";

package/src/modules/Settings/ContentTypes/DataPacks/Config/Form/TemplateConfig/index.tsx

@@ -1,7 +1,7 @@
-import React from "react";
+import type React from "react";
 import { connect } from "react-redux";
 
-import { ITemplate } from "@ax/types";
+import type { ITemplate } from "@ax/types";
 import { appActions } from "@ax/containers/App";
 import { pageEditorActions } from "@ax/containers/PageEditor";
 import { getTemplateThumbnails } from "@ax/helpers";

package/src/modules/Settings/ContentTypes/DataPacks/Item/index.tsx

@@ -1,10 +1,11 @@
-import React, { Dispatch, SetStateAction } from "react";
+import type React from "react";
+import type { Dispatch, SetStateAction } from "react";
 import { connect } from "react-redux";
 
 import { useModal } from "@ax/hooks";
 import { getDataPackSchema } from "@ax/helpers";
 import { dataPacksActions } from "@ax/containers/Settings";
-import { IRootState, ISite } from "@ax/types";
+import type { IRootState, ISite } from "@ax/types";
 import { IconAction, InformativeMenu, Modal } from "@ax/components";
 
 import * as S from "./style";

package/src/modules/Settings/ContentTypes/DataPacks/List/index.tsx

@@ -1,7 +1,7 @@
-import React, { Dispatch, SetStateAction } from "react";
+import React, { type Dispatch, type SetStateAction } from "react";
 import { connect } from "react-redux";
 
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 import Item from "./../Item";
 
 import * as S from "./style";

package/src/modules/Settings/ContentTypes/DataPacks/Nav/index.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { connect } from "react-redux";
 import { NavLink } from "react-router-dom";
 
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 import { useModal } from "@ax/hooks";
 import { dataPacksActions } from "@ax/containers/Settings";
 import { MenuItem, SubNav, InformativeMenu, GuardModal } from "@ax/components";

package/src/modules/Settings/Globals/NavigationModules/SideModal/index.tsx

@@ -1,4 +1,4 @@
-import React, { Dispatch, SetStateAction, useEffect, useRef, useState } from "react";
+import React, { type Dispatch, type SetStateAction, useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 
 import { useHandleClickOutside } from "@ax/hooks";

package/src/modules/Settings/Globals/NavigationModules/index.tsx

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from "react";
+import type { Dispatch, SetStateAction } from "react";
 
 import { Button, Modal } from "@ax/components";
 import { useModal } from "@ax/hooks";

package/src/modules/Settings/Globals/constants.tsx

@@ -1270,5 +1270,5 @@ export const timezones = [
 	{
 		label: "(GMT+14:00) Kiritimati",
 		value: "Pacific/Kiritimati",
-	}
+	},
 ];

package/src/modules/Settings/Integrations/BulkHeader/TableHeader/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { CheckField, TableCounter, CheckGroupFilter, StateFilter, Tooltip } from "@ax/components";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/Settings/Integrations/IntegrationForm/VariableItem/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { useModal, useContextMenu } from "@ax/hooks";
 import { Modal, Tooltip, ContextMenu } from "@ax/components";
-import { IIntegrationVariable, ILanguage, IVariableLang } from "@ax/types";
+import type { IIntegrationVariable, ILanguage, IVariableLang } from "@ax/types";
 import { trimText } from "@ax/helpers";
 import VariablePanel from "../VariablePanel";
 

package/src/modules/Settings/Integrations/IntegrationForm/VariablePanel/index.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Button, FieldsBehavior, FloatingPanel, NoteField } from "@ax/components";
-import { IIntegrationVariable, ILanguage, IVariableLang } from "@ax/types";
+import type { IIntegrationVariable, ILanguage, IVariableLang } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/Settings/Integrations/IntegrationForm/index.tsx

@@ -4,8 +4,8 @@ import { connect } from "react-redux";
 import { appActions } from "@ax/containers/App";
 import { integrationsActions } from "@ax/containers/Integrations";
 import { ErrorToast, FieldsBehavior, MainWrapper, Button, FloatingPanel, PageFinder, Toast } from "@ax/components";
-import { IIntegration, IIntegrationVariable, ILanguage, IPage, IRootState } from "@ax/types";
-import { IError } from "@ax/containers/App/reducer";
+import type { IIntegration, IIntegrationVariable, ILanguage, IPage, IRootState } from "@ax/types";
+import type { IError } from "@ax/containers/App/reducer";
 import { RouteLeavingGuard } from "@ax/guards";
 import { useIsDirty, useModal, useToast } from "@ax/hooks";
 

package/src/modules/Settings/Integrations/IntegrationItem/style.tsx

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { CSS, Transform } from "@dnd-kit/utilities";
+import { CSS, type Transform } from "@dnd-kit/utilities";
 
 import { Cell, Row } from "@ax/components/TableList/TableItem/style";
 import { ActionMenu } from "@ax/components";

package/src/modules/Settings/Integrations/hooks.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 const useSortedListStatus = () => {
 	const sortedInitialState: { isAscending: boolean; sortedByTitle: boolean } = {

package/src/modules/Settings/Integrations/index.tsx

@@ -205,7 +205,6 @@ const Integrations = (props: IIntegrationsProps): JSX.Element => {
 		}
 	};
 
-
 	const deletedToastProps = {
 		setIsVisible: setIsVisibleDelete,
 		message: stateToastDelete?.total > 1 ? `${stateToastDelete?.total} add-ons deleted` : "Add-on deleted",

package/src/modules/Settings/Integrations/utils.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { IIntegration } from "@ax/types";
+import type { IIntegration } from "@ax/types";
 
 const getSortedListStatus = (
 	orderPointer: string,

package/src/modules/Settings/Languages/LanguagePanel/Form/ConnectedField/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { connect } from "react-redux";
 
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 import { languagesActions } from "@ax/containers/Settings";
 import { FieldsBehavior } from "@ax/components";
 

package/src/modules/Settings/Languages/LanguagePanel/Form/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { connect } from "react-redux";
 
-import { ILanguage, IRootState } from "@ax/types";
+import type { ILanguage, IRootState } from "@ax/types";
 import { Flag } from "@ax/components";
 import ConnectedField from "./ConnectedField";
 

package/src/modules/Settings/Languages/LanguagePanel/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { connect } from "react-redux";
 
-import { ILanguage, IRootState, ISiteLanguage } from "@ax/types";
+import type { ILanguage, IRootState, ISiteLanguage } from "@ax/types";
 import { languagesActions } from "@ax/containers/Settings";
 import { FloatingPanel, Button } from "@ax/components";
 

package/src/modules/Settings/Languages/Table/Header/index.tsx

@@ -3,7 +3,7 @@ import { connect } from "react-redux";
 
 import { useModal } from "@ax/hooks";
 import { languagesActions } from "@ax/containers/Settings";
-import { ILanguage } from "@ax/types";
+import type { ILanguage } from "@ax/types";
 import { IconAction } from "@ax/components";
 import { Restricted } from "@ax/guards";
 import LanguagePanel from "../../LanguagePanel";

package/src/modules/Settings/Languages/Table/Item/index.tsx

@@ -3,7 +3,7 @@ import { connect } from "react-redux";
 
 import { ContextMenu, Flag } from "@ax/components";
 import { useContextMenu, useModal, usePermission } from "@ax/hooks";
-import { ILanguage, ISiteLanguage, IRootState, ISite } from "@ax/types";
+import type { ILanguage, ISiteLanguage, IRootState, ISite } from "@ax/types";
 import { languagesActions } from "@ax/containers/Settings";
 import LanguagePanel from "../../LanguagePanel";
 

package/src/modules/Settings/Languages/Table/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { connect } from "react-redux";
 
-import { ILanguage, IRootState } from "@ax/types";
+import type { ILanguage, IRootState } from "@ax/types";
 
 import Item from "./Item";
 import Header from "./Header";

package/src/modules/Settings/Languages/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { connect } from "react-redux";
 
-import { INavItem, IRootState, ISite } from "@ax/types";
+import type { INavItem, IRootState, ISite } from "@ax/types";
 import { sitesActions } from "@ax/containers/Sites";
 import { appActions } from "@ax/containers/App";
 import { MainWrapper, Loading, ErrorToast, Nav } from "@ax/components";