@griddo/ax 12.5.0 → 12.5.2-rc.0

package/src/forms/validators.tsx

@@ -17,7 +17,7 @@ import {
 } from "@ax/helpers";
 
 import { findByEditorID } from "@ax/forms";
-import { IErrorItem, ISchemaField, ITemplate } from "@ax/types";
+import type { IErrorItem, ISchemaField, ITemplate } from "@ax/types";
 import { ERRORS } from "./errors";
 
 const VALIDATORS = {

package/src/guards/error/index.tsx

@@ -3,7 +3,7 @@ import { createPortal } from "react-dom";
 import { connect } from "react-redux";
 
 import { appActions } from "@ax/containers/App";
-import { IRootState } from "@ax/types";
+import type { IRootState } from "@ax/types";
 import { Notification } from "@ax/components";
 
 const blockingErrors: any[] = [];

package/src/helpers/customColumns.tsx

@@ -1,4 +1,4 @@
-import { IColumn } from "@ax/types";
+import type { IColumn } from "@ax/types";
 
 const getMaxColumns = (width: number, isSimple: boolean): { value: number; text: string } => {
 	let maxColumns = 5;

package/src/helpers/dates.tsx

@@ -6,7 +6,7 @@ const formatString = "dd/MM/yyyy";
 const dateToString = (date: Date, formatDate = formatString): string => format(new Date(date), formatDate);
 
 const stringToDate = (value: string): Date => {
-	const regEx = /^[0-9]{4}[\/][0-9]{2}[\/][0-9]{2}$/g;
+	const regEx = /^[0-9]{4}[/][0-9]{2}[/][0-9]{2}$/g;
 	const isInversed = regEx.test(value);
 	const formatDate = isInversed ? "yyyy/MM/dd" : "dd/MM/yyyy";
 
@@ -14,8 +14,8 @@ const stringToDate = (value: string): Date => {
 };
 
 const isValidDate = (value: string): boolean => {
-	const regEx = /^[0-9]{4}[\/][0-9]{2}[\/][0-9]{2}$/g;
-	const regEx2 = /^[0-9]{2}[\/][0-9]{2}[\/][0-9]{4}$/g;
+	const regEx = /^[0-9]{4}[/][0-9]{2}[/][0-9]{2}$/g;
+	const regEx2 = /^[0-9]{2}[/][0-9]{2}[/][0-9]{4}$/g;
 
 	if (regEx.test(value) || regEx2.test(value)) {
 		const date = stringToDate(value);

package/src/helpers/files.tsx

@@ -1,4 +1,4 @@
-import { IFolderTree } from "@ax/types";
+import type { IFolderTree } from "@ax/types";
 
 const getFileIcon = (type: string) => {
 	switch (type) {

package/src/helpers/parseTheme.js

@@ -209,7 +209,7 @@ const parseShadows = (theme) => {
 const parseMediaqueries = (theme) => {
 	try {
 		const mediaqueries = theme.mediaquery.mediaqueries;
-		let mqObject = {};
+		const mqObject = {};
 		mediaqueries.forEach((mq) => {
 			if (mq.label !== "default") {
 				const minWidth = mq.minWidth ? `and (min-width: ${mq.minWidth})` : "";
@@ -267,7 +267,7 @@ export const parseTextStyles = (theme) => {
 		const textStyles = theme.textStyle.textStyles;
 
 		// fontRes
-		let textStyleObject = {};
+		const textStyleObject = {};
 		textStyles.forEach((style) => {
 			let FONTSIZE = getUnitValue(style.fontSize);
 			let CROPTOP = style.croptop !== undefined ? style.croptop : 0;

package/src/helpers/strings.tsx

@@ -41,7 +41,7 @@ const capitalize = (s: string): string => {
 const getInitials = (name?: string): string => {
 	if (!name) return "";
 
-	const rgx = new RegExp(String.raw`(\p{L}{1})\p{L}+`, "gu");
+	const rgx = /(\p{L}{1})\p{L}+/gu;
 	const words: string[] = name.match(rgx) || [];
 	const initials = words.reduce((previous: string[], current: string) => [...previous, current[0]], []);
 	return initials.join("").slice(0, 2).toUpperCase();

package/src/hooks/content.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState, useLayoutEffect } from "react";
-import { IEmptyStateProps } from "@ax/types";
+import type { IEmptyStateProps } from "@ax/types";
 import { useWindowSize } from "./window";
 
 const useCategoryColors = (

package/src/hooks/index.tsx

@@ -13,7 +13,13 @@ import { useURLSearchParam } from "./location";
 import { useContextMenu, useHandleClickOutside, useModal, useModals, useToast } from "./modals";
 import { useNetworkStatus } from "./network";
 import { useResizable } from "./resize";
-import { useGlobalPermission, usePermission, usePermissions, usePermissionsForPage, usePermissionsForSite } from "./users";
+import {
+	useGlobalPermission,
+	usePermission,
+	usePermissions,
+	usePermissionsForPage,
+	usePermissionsForSite,
+} from "./users";
 import { useFirefoxScrollLock, useWindowSize } from "./window";
 
 export {

package/src/hooks/users.tsx

@@ -241,9 +241,7 @@ const usePermissionsForPage = <T extends Record<string, string | string[]>>(
 
 			// Check if user has access via originalGlobalPage inheritance
 			if (originalGlobalPage !== undefined && currentUser.pagePermissions?.length) {
-				const globalSiteEntry = currentUser.pagePermissions.find(
-					(entry) => entry.siteId === "global",
-				);
+				const globalSiteEntry = currentUser.pagePermissions.find((entry) => entry.siteId === "global");
 				hasPermissionBypass = globalSiteEntry?.pageIds.includes(originalGlobalPage) ?? false;
 			}
 

package/src/modules/ActivityLog/DetailModal/index.tsx

@@ -1,9 +1,9 @@
-import React from "react";
+import type React from "react";
 import { format } from "date-fns";
 
-import { LogActivityDTO } from "@griddo/api-types";
+import type { LogActivityDTO } from "@griddo/api-types";
 
-import { IModal } from "@ax/types";
+import type { IModal } from "@ax/types";
 import { Button, Modal } from "@ax/components";
 import { eventKey } from "../constants";
 

package/src/modules/ActivityLog/DownloadModal/index.tsx

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

package/src/modules/ActivityLog/ItemLog/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { LogActivityGroupedDayDTO } from "@griddo/api-types";
+import type { LogActivityGroupedDayDTO } from "@griddo/api-types";
 import ItemGroup from "../ItemGroup";
 import EventItem from "./EventItem";
 

package/src/modules/ActivityLog/LogFilters/ContentFilter/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 
 import { CheckGroupFilter } from "@ax/components";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 import { isReqOk } from "@ax/helpers";
 import { schemas } from "@ax/api";
 

package/src/modules/ActivityLog/LogFilters/EventFilter/index.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from "react";
 import { CheckGroupFilter } from "@ax/components";
 import { isReqOk } from "@ax/helpers";
 import { logs } from "@ax/api";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 const EventFilter = (props: IEventFilterProps): JSX.Element => {
 	const { filterItems, value } = props;

package/src/modules/ActivityLog/TableHeader/index.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { SiteFilter } from "@ax/components";
-import { IQueryValue } from "@ax/types";
+import type { IQueryValue } from "@ax/types";
 
 import UserFilter from "../LogFilters/UserFilter";
 import EventFilter from "../LogFilters/EventFilter";

package/src/modules/ActivityLog/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/ActivityLog/index.tsx

@@ -2,8 +2,8 @@ import React, { useCallback, useEffect, useRef, useState } from "react";
 import { connect } from "react-redux";
 import { format, subDays } from "date-fns";
 
-import { LogActivityExportRequest, LogActivityPaginationRequest } from "@griddo/api-types";
-import { ILogItemsByDay, ILogItemsByUser, IQueryValue, IRootState, IStructuredData } from "@ax/types";
+import type { LogActivityExportRequest, LogActivityPaginationRequest } from "@griddo/api-types";
+import type { ILogItemsByDay, ILogItemsByUser, IQueryValue, IRootState, IStructuredData } from "@ax/types";
 import { EmptyState, ErrorToast, FilterTagsBar, MainWrapper, SearchTagsBar, Select, TableList } from "@ax/components";
 import { activityLogActions } from "@ax/containers/ActivityLog";
 import { structuredDataActions } from "@ax/containers/StructuredData";

package/src/modules/ActivityLog/utils.tsx

@@ -1,6 +1,6 @@
 import { pages, structuredData } from "@ax/api";
 import { isReqOk } from "@ax/helpers";
-import { IPage, IStructuredDataContent } from "@ax/types";
+import type { IPage, IStructuredDataContent } from "@ax/types";
 
 const getPageSchemaVersion = async (id: number) => {
 	try {

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 (