@griddo/ax 12.5.1 → 12.6.0

package/src/modules/Analytics/DimensionPanel/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 
-import { IDimension } from "@ax/types";
+import type { IDimension } from "@ax/types";
 import { FloatingPanel, Button, FieldsBehavior, NoteField } from "@ax/components";
 import { splitAndJoin } from "@ax/helpers";
 

package/src/modules/Analytics/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { connect } from "react-redux";
 
-import { IAnalytics, IDimension, IDimensionsGroup, IRootState } from "@ax/types";
+import type { IAnalytics, IDimension, IDimensionsGroup, IRootState } from "@ax/types";
 import { appActions } from "@ax/containers/App";
 import { analyticsActions } from "@ax/containers/Analytics";
 import { MainWrapper, ErrorToast, Loading, FieldsBehavior } from "@ax/components";

package/src/modules/App/Routing/NavMenu/NavItem/NavSubItem/index.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 
 import * as S from "./style";
 

package/src/modules/App/Routing/PrivateRoute/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Route, Redirect } from "react-router-dom";
 
 import { usePermission } from "@ax/hooks";
-import { IUser } from "@ax/types";
+import type { IUser } from "@ax/types";
 import { ErrorPage } from "@ax/components";
 
 const PrivateRoute = (props: IProps): JSX.Element => {

package/src/modules/App/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { connect } from "react-redux";
 import { ErrorBoundary } from "react-error-boundary";
 
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 import { ErrorPage, Loading } from "@ax/components";
 
 import Routing from "./Routing";

package/src/modules/Categories/CategoriesList/CategoryNav/NavItem/index.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { NavLink } from "react-router-dom";
 
-import { IDataPack, IStructuredData } from "@ax/types";
+import type { IDataPack, IStructuredData } from "@ax/types";
 import { Icon, MenuItem } from "@ax/components";
 
 import * as S from "./style";

package/src/modules/Categories/CategoriesList/CategoryNav/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { IDataPack, IStructuredData } from "@ax/types";
+import type { IDataPack, IStructuredData } from "@ax/types";
 import { SubNav } from "@ax/components";
 import NavItem from "./NavItem";
 

package/src/modules/Categories/CategoriesList/CategoryPanel/Form/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { FieldsBehavior } from "@ax/components";
 import { slugify } from "@ax/helpers";
-import { IFormState } from "..";
+import type { IFormState } from "..";
 
 const Form = (props: IFormProps): JSX.Element => {
 	const { edit, form, isTranslation, setForm } = props;

package/src/modules/Categories/CategoriesList/atoms.tsx

@@ -53,14 +53,7 @@ interface IDeleteGroupModal extends IDeleteModal {
 }
 
 const DeleteGroupModal = (props: IDeleteGroupModal): JSX.Element => {
-	const {
-		isOpen,
-		toggleModal,
-		onDelete,
-		isLoading = false,
-		deleteGroupCategories,
-		setDeleteGroupCategories,
-	} = props;
+	const { isOpen, toggleModal, onDelete, isLoading = false, deleteGroupCategories, setDeleteGroupCategories } = props;
 
 	const mainModalAction = {
 		title: isLoading ? "deleting" : "delete",

package/src/modules/Categories/CategoriesList/helpers.tsx

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

package/src/modules/Categories/CategoriesList/hooks.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 const useFilterQuery = () => {
 	const initialQueryValues: Record<string, IQueryValue[]> = {

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

@@ -11,7 +11,7 @@ import {
 	TranslationsFilter,
 	Tooltip,
 } from "@ax/components";
-import { IColumn, IQueryValue, ISchemaField } from "@ax/types";
+import type { IColumn, IQueryValue, ISchemaField } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/Content/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/Content/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/FileDrive/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/FileDrive/FileFilters/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/FileDrive/FileFilters/Type/index.tsx

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

package/src/modules/FileDrive/FileModal/DetailPanel/UsageContent/ItemGroup/index.tsx

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

package/src/modules/FileDrive/FileModal/DetailPanel/UsageContent/index.tsx

@@ -4,8 +4,8 @@ import { appActions } from "@ax/containers/App";
 import { pageEditorActions } from "@ax/containers/PageEditor";
 import { sitesActions } from "@ax/containers/Sites";
 import { structuredDataActions } from "@ax/containers/StructuredData";
-import { ISetCurrentPageIDAction } from "@ax/containers/PageEditor/interfaces";
-import { IFile, IFileUseItem, IFileUsePages, IRootState } from "@ax/types";
+import type { ISetCurrentPageIDAction } from "@ax/containers/PageEditor/interfaces";
+import type { IFile, IFileUseItem, IFileUsePages, IRootState } from "@ax/types";
 import Item from "./Item";
 import ItemGroup from "./ItemGroup";
 

package/src/modules/FileDrive/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/FileDrive/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/FileDrive/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/FileDrive/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/Forms/FormCategoriesList/CategoryItem/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/Forms/FormCategoriesList/CategoryPanel/Form/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { FieldsBehavior } from "@ax/components";
 import { slugify } from "@ax/helpers";
-import { IFormState } from "..";
+import type { IFormState } from "..";
 
 const Form = (props: IFormProps): JSX.Element => {
 	const { edit, form, setForm } = props;

package/src/modules/Forms/FormCategoriesList/CategoryPanel/index.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { connect } from "react-redux";
 
 import { formsActions } from "@ax/containers/Forms";
-import { FormCategory } from "@ax/types";
+import type { FormCategory } from "@ax/types";
 import { Button, FloatingPanel } from "@ax/components";
 import Form from "./Form";
 

package/src/modules/Forms/FormCategoriesList/hooks.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 const useFilterQuery = () => {
 	const initialQueryValues: Record<string, IQueryValue[]> = {

package/src/modules/Forms/FormEditor/Editor/FormConfigPanel/Form/ConnectedField/Field/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import { getInnerFields } from "@ax/forms";
 import { FieldContainer, FieldGroup } from "@ax/components";
-import { IErrorItem, IPage, ISite, ILanguage } from "@ax/types";
+import type { IErrorItem, IPage, ISite, ILanguage } from "@ax/types";
 
 const Field = (props: IFieldProps): JSX.Element => {
 	const {

package/src/modules/Forms/FormEditor/Editor/FormConfigPanel/Form/ConnectedField/TemplateManager/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { IErrorItem, ISchema, ISchemaField, ISite } from "@ax/types";
+import type { IErrorItem, ISchema, ISchemaField, ISite } from "@ax/types";
 import Field from "../Field";
 
 import * as S from "./style";

package/src/modules/Forms/FormEditor/Editor/FormConfigPanel/Header/index.tsx

@@ -1,6 +1,7 @@
-import React, { memo, useCallback, useEffect, useState } from "react";
+import type React from "react";
+import { memo, useCallback, useEffect, useState } from "react";
 
-import { IBreadcrumbItem, ISchema } from "@ax/types";
+import type { IBreadcrumbItem, ISchema } from "@ax/types";
 import { Breadcrumb, Toast } from "@ax/components";
 import { useToast } from "@ax/hooks";
 

package/src/modules/Forms/FormEditor/Editor/FormConfigPanel/index.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useRef, useState } from "react";
 
 import { isEmptyObj } from "@ax/helpers";
 import { Loading } from "@ax/components";
-import { IBreadcrumbItem, IErrorItem, ISchema } from "@ax/types";
+import type { IBreadcrumbItem, IErrorItem, ISchema } from "@ax/types";
 
 import Form from "./Form";
 import Header from "./Header";

package/src/modules/Forms/FormEditor/Editor/index.tsx

@@ -1,7 +1,8 @@
-import React, { useEffect, useState } from "react";
+import type React from "react";
+import { useEffect, useState } from "react";
 import { connect } from "react-redux";
 import { ResizePanel } from "@ax/components";
-import { IBreadcrumbItem, IErrorItem, IModule, INotification, IRootState, ISchema, ISchemaField } from "@ax/types";
+import type { IBreadcrumbItem, IErrorItem, IModule, INotification, IRootState, ISchema, ISchemaField } from "@ax/types";
 import { formsActions } from "@ax/containers/Forms";
 import { getFormTemplate } from "@ax/helpers";
 import PageBrowser from "../PageBrowser";

package/src/modules/Forms/FormList/BulkHeader/TableHeader/index.tsx

@@ -9,7 +9,7 @@ import {
 	TableCounter,
 	Tooltip,
 } from "@ax/components";
-import { IFilterValue, IQueryValue } from "@ax/types";
+import type { IFilterValue, IQueryValue } from "@ax/types";
 
 import * as S from "./style";
 

package/src/modules/Forms/FormList/FormItem/index.tsx

@@ -262,7 +262,13 @@ const FormItem = (props: IFormItemProps): JSX.Element => {
 
 	return (
 		<>
-			<S.FormRow role="rowgroup" selected={isSelected} onClick={handleClick} onContextMenu={handleContextMenu} clickable={isAllowedTo.editForms}>
+			<S.FormRow
+				role="rowgroup"
+				selected={isSelected}
+				onClick={handleClick}
+				onContextMenu={handleContextMenu}
+				clickable={isAllowedTo.editForms}
+			>
 				<S.CheckCell role="cell" onClick={handleCheckClick}>
 					<CheckField name={`form-${id}`} value={id} checked={isSelected || hoverCheck} onChange={handleOnChange} />
 				</S.CheckCell>

package/src/modules/Forms/FormList/Summary/index.tsx

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

package/src/modules/Forms/FormList/TemplateModal/index.tsx

@@ -1,6 +1,7 @@
-import React, { useState } from "react";
+import type React from "react";
+import { useState } from "react";
 
-import { IModal, ISchema } from "@ax/types";
+import type { IModal, ISchema } from "@ax/types";
 import { EmptyState, Modal, SearchField, Select } from "@ax/components";
 import { getFormTemplateCategories, getFormTemplateThumbnailProps } from "@ax/helpers";
 

package/src/modules/Forms/FormList/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/Forms/FormUseModal/utils.tsx

@@ -1,6 +1,6 @@
 import { navigation, pages, sites } from "@ax/api";
 import { getStructuredDataTitle, isReqOk } from "@ax/helpers";
-import { IFilterValue, IGetPagesParams, INavigation, IPage, ISite } from "@ax/types";
+import type { IFilterValue, IGetPagesParams, INavigation, IPage, ISite } from "@ax/types";
 
 const getSite = async (siteID: number) => {
 	try {

package/src/modules/Forms/FormsMenu/index.tsx

@@ -9,7 +9,7 @@ import { getSchemaFormCategories } from "@ax/helpers";
 import MenuGroup from "./MenuGroup";
 
 import * as S from "./style";
-import { IRootState, ISite } from "@ax/types";
+import type { IRootState, ISite } from "@ax/types";
 
 const FormsMenu = (props: IProps): JSX.Element => {
 	const { selected, currentSiteInfo, setHistoryPush } = props;

package/src/modules/Forms/atoms.tsx

@@ -71,7 +71,11 @@ const UnPublishModal = (props: IUnpublishModal): JSX.Element => {
 
 	const formTitle = title ? <strong>{title}</strong> : "this form";
 
-	const mainAction = { title: isUnpublishing ? "Unpublishing" : "Unpublish form", onClick: onUnpublish, disabled: isUnpublishing };
+	const mainAction = {
+		title: isUnpublishing ? "Unpublishing" : "Unpublish form",
+		onClick: onUnpublish,
+		disabled: isUnpublishing,
+	};
 	const secondaryAction = { title: "Cancel", onClick: toggleModal };
 
 	return (

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