@griddo/ax 12.5.1 → 12.6.0

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";

package/src/modules/Settings/SeoAnalyticsSettings/Analytics/atoms.tsx

@@ -1,9 +1,9 @@
-import React from "react";
+import type React from "react";
 import { Link } from "react-router-dom";
 
 import { Button, Modal } from "@ax/components";
 import { FieldsBehavior } from "@ax/components";
-import { IDimension, IDimensionsGroup, IModal } from "@ax/types";
+import type { IDimension, IDimensionsGroup, IModal } from "@ax/types";
 import { splitAndTrim, splitAndJoin } from "@ax/helpers";
 
 import * as S from "./style";

package/src/modules/Settings/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { Switch, Route } from "react-router-dom";
-import { INavItem } from "@ax/types";
+import type { INavItem } from "@ax/types";
 import { usePermission } from "@ax/hooks";
 
 import Globals from "./Globals";

package/src/modules/Sites/SitesList/ListView/ListSiteItem/index.tsx

@@ -65,7 +65,13 @@ const ListSiteItem = (props: IListSiteItemProps): JSX.Element => {
 
 	return (
 		<>
-			<S.SiteItemRow key={site.id} role="rowgroup" selected={isSelected} onContextMenu={handleContextMenu} data-testid="list-site-item">
+			<S.SiteItemRow
+				key={site.id}
+				role="rowgroup"
+				selected={isSelected}
+				onContextMenu={handleContextMenu}
+				data-testid="list-site-item"
+			>
 				<S.CheckCell role="cell">
 					<CheckField name="check" value={site.id} checked={isSelected || hoverCheck} onChange={handleOnChange} />
 				</S.CheckCell>

package/src/modules/StructuredData/StructuredDataList/ContentFilters/utils.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { IContentFilter, IDynamicFilter, IStructuredData } from "@ax/types";
+import type { IContentFilter, IDynamicFilter, IStructuredData } from "@ax/types";
 
 const getDynamicFilters = (values: IStructuredData[]): IDynamicFilter[] =>
 	values &&

package/src/modules/StructuredData/StructuredDataList/GlobalPageItem/index.tsx

@@ -388,7 +388,12 @@ const GlobalPageItem = (props: IGlobalPageItemProps): JSX.Element => {
 
 	return (
 		<>
-			<S.StructuredDataRow role="rowgroup" selected={isSelected} disabled={!isEditable} onContextMenu={handleContextMenu}>
+			<S.StructuredDataRow
+				role="rowgroup"
+				selected={isSelected}
+				disabled={!isEditable}
+				onContextMenu={handleContextMenu}
+			>
 				<S.CheckCell role="cell">
 					<CheckField name="check" value={globalPage.id} checked={isSelected || hoverCheck} onChange={handleOnChange} />
 				</S.CheckCell>

package/src/modules/StructuredData/StructuredDataList/GlobalPageItem/utils.tsx

@@ -1,4 +1,4 @@
-import { ILanguage, IPageLanguage } from "@ax/types";
+import type { ILanguage, IPageLanguage } from "@ax/types";
 
 const getCurrentLanguages = (languages: ILanguage[], pageLanguages: IPageLanguage[]): ILanguage[] => {
 	const available: ILanguage[] = [];

package/src/modules/StructuredData/StructuredDataList/StructuredDataItem/index.tsx

@@ -1,7 +1,16 @@
 import { useState } from "react";
 import { connect } from "react-redux";
 
-import { CheckField, ContextMenu, Flag, FloatingMenu, Icon, LanguageMenu, Tooltip, TruncatedTooltip } from "@ax/components";
+import {
+	CheckField,
+	ContextMenu,
+	Flag,
+	FloatingMenu,
+	Icon,
+	LanguageMenu,
+	Tooltip,
+	TruncatedTooltip,
+} from "@ax/components";
 import { appActions } from "@ax/containers/App";
 import { structuredDataActions } from "@ax/containers/StructuredData";
 import {
@@ -238,7 +247,12 @@ const StructuredDataItem = (props: IStructuredDataItemProps): JSX.Element => {
 
 	return (
 		<>
-			<S.StructuredDataRow role="rowgroup" selected={isSelected} disabled={!isEditable} onContextMenu={handleContextMenu}>
+			<S.StructuredDataRow
+				role="rowgroup"
+				selected={isSelected}
+				disabled={!isEditable}
+				onContextMenu={handleContextMenu}
+			>
 				<S.CheckCell role="cell">
 					<CheckField
 						name="check"

package/src/modules/StructuredData/StructuredDataList/hooks.tsx

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

package/src/modules/Users/Roles/BulkHeader/TableHeader/index.tsx

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

package/src/modules/Users/Roles/SideModal/index.tsx

@@ -2,7 +2,7 @@ import React, { useRef } from "react";
 import { createPortal } from "react-dom";
 
 import { Icon } from "@ax/components";
-import { IPermissions } from "@ax/types";
+import type { IPermissions } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/Users/Roles/hooks.tsx

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

package/src/modules/Users/UserCreate/OptionItem/index.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 
 import { RadioField } from "@ax/components";
 

package/src/modules/Users/UserCreate/SiteItem/RolesModal/index.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 
 import { Button, Modal, NoteField, Icon } from "@ax/components";
-import { ICheck, IRole } from "@ax/types";
+import type { ICheck, IRole } from "@ax/types";
 import { useModal } from "@ax/hooks";
 
 import RoleItem from "./RoleItem";

package/src/modules/Users/UserCreate/SiteItem/style.tsx

@@ -102,4 +102,16 @@ const Actions = styled.div<{ hasTags: boolean }>`
   }
 `;
 
-export { CheckCell, NameCell, NameTitle, RolesCell, ActionCell, SiteItem, WrapperCell, Name, Title, Description, Actions };
+export {
+	CheckCell,
+	NameCell,
+	NameTitle,
+	RolesCell,
+	ActionCell,
+	SiteItem,
+	WrapperCell,
+	Name,
+	Title,
+	Description,
+	Actions,
+};

package/src/modules/Users/UserList/UserItem/index.tsx

@@ -1,6 +1,15 @@
 import { connect } from "react-redux";
 
-import { Avatar, CheckField, ContextMenu, ElementsTooltip, Tag, Toast, Tooltip, TruncatedTooltip } from "@ax/components";
+import {
+	Avatar,
+	CheckField,
+	ContextMenu,
+	ElementsTooltip,
+	Tag,
+	Toast,
+	Tooltip,
+	TruncatedTooltip,
+} from "@ax/components";
 import { usersActions } from "@ax/containers/Users";
 import { getDaysAgo } from "@ax/helpers";
 import { useContextMenu, useModal, usePermission, useToast } from "@ax/hooks";

package/src/modules/Users/UserList/hooks.tsx

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

package/tsconfig.json

@@ -1,7 +1,6 @@
 {
 	"compilerOptions": {
-		"target": "es5",
-		"downlevelIteration": true,
+		"target": "es2017",
 		"lib": ["dom", "dom.iterable", "esnext"],
 		"allowJs": true,
 		"skipLibCheck": true,
@@ -10,13 +9,21 @@
 		"strict": true,
 		"forceConsistentCasingInFileNames": true,
 		"module": "esnext",
-		"moduleResolution": "node",
+		"moduleResolution": "bundler",
 		"resolveJsonModule": true,
 		"isolatedModules": true,
 		"useUnknownInCatchVariables": false,
 		"noEmit": true,
 		"jsx": "react-jsx",
-		"types": ["vitest/globals", "react", "reflect-metadata", "node", "webpack-env", "react-dom", "@testing-library/jest-dom"]
+		"types": [
+			"vitest/globals",
+			"react",
+			"reflect-metadata",
+			"node",
+			"webpack-env",
+			"react-dom",
+			"@testing-library/jest-dom"
+		]
 	},
 	"include": ["src"],
 	"extends": "./tsconfig.paths.json"