@axinom/mosaic-ui 0.71.0 → 0.72.0-rc.3

package/src/components/NavigationAwareStation/NavigationAwareStation.stories.tsx

@@ -1,10 +1,10 @@
-import { action } from '@storybook/addon-actions';
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React, { useCallback, useState } from 'react';
 import { Link, MemoryRouter, Route, Switch } from 'react-router-dom';
+import { action } from 'storybook/actions';
 import {
   NavigationAwareStation,
-  NavigationAwareStationProps,
+  type NavigationAwareStationProps,
 } from './NavigationAwareStation';
 
 const meta: Meta<NavigationAwareStationProps> = {

package/src/components/NavigationAwareStation/NavigationAwareStation.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { NavigationAPI } from '../../hooks/models';
+import type { NavigationAPI } from '../../hooks/models';
 import { useReactRouterPause } from '../../hooks/useReactRouterPause/useReactRouterPause';
 
 export interface NavigationAwareStationProps {

package/src/components/PageHeader/PageHeader.model.ts

@@ -1,5 +1,5 @@
-import { PageHeaderActionProps } from './PageHeaderAction/PageHeaderAction.model';
-import { PageHeaderActionsGroupProps } from './PageHeaderActionsGroup/PageHeaderActionsGroup';
+import type { PageHeaderActionProps } from './PageHeaderAction/PageHeaderAction.model';
+import type { PageHeaderActionsGroupProps } from './PageHeaderActionsGroup/PageHeaderActionsGroup';
 
 export interface PageHeaderProps {
   /** Title shown in page header */

package/src/components/PageHeader/PageHeader.spec.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
 import { noop } from '../../helpers/utils';
 import { PageHeader } from './PageHeader';
-import { PageHeaderActionItemProps } from './PageHeader.model';
-import { PageHeaderActionProps } from './PageHeaderAction';
+import type { PageHeaderActionItemProps } from './PageHeader.model';
+import type { PageHeaderActionProps } from './PageHeaderAction';
 
 vi.mock('../../hooks/useTabTitle/useTabTitle');
 

package/src/components/PageHeader/PageHeader.stories.tsx

@@ -1,10 +1,10 @@
-import { action } from '@storybook/addon-actions';
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { action } from 'storybook/actions';
 import { IconName } from '../Icons';
 import { PageHeader } from './PageHeader';
-import { PageHeaderActionItemProps } from './PageHeader.model';
+import type { PageHeaderActionItemProps } from './PageHeader.model';
 import {
-  PageHeaderActionProps,
+  type PageHeaderActionProps,
   PageHeaderActionType,
 } from './PageHeaderAction';
 import {} from './PageHeaderAction/PageHeaderAction';

package/src/components/PageHeader/PageHeader.tsx

@@ -1,9 +1,9 @@
 import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
 import { useTabTitle } from '../../hooks/useTabTitle/useTabTitle';
-import { PageHeaderProps } from './PageHeader.model';
+import type { PageHeaderProps } from './PageHeader.model';
 import classes from './PageHeader.scss';
-import { PageHeaderActionProps } from './PageHeaderAction';
+import type { PageHeaderActionProps } from './PageHeaderAction';
 import { PageHeaderAction } from './PageHeaderAction/PageHeaderAction';
 import { PageHeaderActionsGroup } from './PageHeaderActionsGroup/PageHeaderActionsGroup';
 import { PageHeaderActionsGroupContextProvider } from './PageHeaderActionsGroup/PageHeaderActionsGroupsContextProvider';

package/src/components/PageHeader/PageHeaderAction/PageHeaderAction.model.ts

@@ -1,6 +1,6 @@
-import { Not } from '../../../types';
-import { IconName } from '../../Icons';
-import { ConfirmAction, DefaultHandler, LinkAction } from '../../models';
+import type { Not } from '../../../types';
+import type { IconName } from '../../Icons';
+import type { ConfirmAction, DefaultHandler, LinkAction } from '../../models';
 
 export enum PageHeaderActionType {
   Active,

package/src/components/PageHeader/PageHeaderAction/PageHeaderAction.spec.tsx

@@ -4,7 +4,7 @@ import { act } from 'react-dom/test-utils';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { describe, expect, it, vi } from 'vitest';
 import { noop } from '../../../helpers/utils';
-import { ConfirmationConfig } from '../../ConfirmDialog';
+import type { ConfirmationConfig } from '../../ConfirmDialog';
 import { IconName } from '../../Icons';
 import {
   PageHeaderAction,
@@ -12,7 +12,7 @@ import {
   isPageHeaderNavigationAction,
 } from './PageHeaderAction';
 import {
-  PageHeaderActionProps,
+  type PageHeaderActionProps,
   PageHeaderActionType,
 } from './PageHeaderAction.model';
 

package/src/components/PageHeader/PageHeaderAction/PageHeaderAction.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 import { MemoryRouter } from 'react-router';
 import { enumToObj } from '../../../helpers/storybook';

package/src/components/PageHeader/PageHeaderAction/PageHeaderAction.tsx

@@ -4,17 +4,17 @@ import { Link } from 'react-router-dom';
 import { noop } from '../../../helpers/utils';
 import {
   ConfirmDialog,
-  ConfirmationConfig,
-  ConfirmationMode,
+  type ConfirmationConfig,
+  type ConfirmationMode,
   useConfirmationDelay,
 } from '../../ConfirmDialog';
 import { IconName, Icons } from '../../Icons';
 import { ImgElement } from '../../VisualElements';
 import {
-  PageHeaderActionProps,
+  type PageHeaderActionProps,
   PageHeaderActionType,
-  PageHeaderJsActionProps,
-  PageHeaderNavigationActionProps,
+  type PageHeaderJsActionProps,
+  type PageHeaderNavigationActionProps,
 } from './PageHeaderAction.model';
 import classes from './PageHeaderAction.scss';
 

package/src/components/PageHeader/PageHeaderActionsGroup/PageHeaderActionsGroup.spec.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { describe, expect, it, vi } from 'vitest';
 import { noop } from '../../../helpers/utils';
-import { PageHeaderActionProps } from '../PageHeaderAction/PageHeaderAction.model';
+import type { PageHeaderActionProps } from '../PageHeaderAction/PageHeaderAction.model';
 import {
   PageHeaderActionsGroup,
-  PageHeaderActionsGroupProps,
+  type PageHeaderActionsGroupProps,
 } from './PageHeaderActionsGroup';
 
 vi.mock('../../../utils/GenerateId', () => ({

package/src/components/PageHeader/PageHeaderActionsGroup/PageHeaderActionsGroup.tsx

@@ -3,14 +3,14 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { noop } from '../../../helpers/utils';
 import { useExpand } from '../../../hooks/useExpand/useExpand';
 import { uuid } from '../../../utils/GenerateId';
-import { ConfirmationMode } from '../../ConfirmDialog';
+import type { ConfirmationMode } from '../../ConfirmDialog';
 import { IconName } from '../../Icons';
 import {
   PageHeaderAction,
   isPageHeaderJsAction,
 } from '../PageHeaderAction/PageHeaderAction';
 import {
-  PageHeaderActionProps,
+  type PageHeaderActionProps,
   PageHeaderActionType,
 } from '../PageHeaderAction/PageHeaderAction.model';
 import classes from './PageHeaderActionsGroup.scss';

package/src/components/PageHeader/index.ts

@@ -1,7 +1,10 @@
 export { PageHeader } from './PageHeader';
-export { PageHeaderActionItemProps, PageHeaderProps } from './PageHeader.model';
+export type {
+  PageHeaderActionItemProps,
+  PageHeaderProps,
+} from './PageHeader.model';
 export {
   PageHeaderAction,
-  PageHeaderActionProps,
   PageHeaderActionType,
+  type PageHeaderActionProps,
 } from './PageHeaderAction';

package/src/components/ProgressBar/ProgressBar.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { ProgressBar } from './ProgressBar';
 
 const meta: Meta<typeof ProgressBar> = {

package/src/components/ProgressBar/ProgressBar.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import React from 'react';
-import { FullProgressBar, ProgressBarProps } from './ProgressBar.model';
+import type { FullProgressBar, ProgressBarProps } from './ProgressBar.model';
 import classes from './ProgressBar.scss';
 
 /**

package/src/components/ProgressBar/index.ts

@@ -1,2 +1,2 @@
 export { ProgressBar } from './ProgressBar';
-export { ProgressBarProps, ProgressBarStatus } from './ProgressBar.model';
+export { ProgressBarStatus, type ProgressBarProps } from './ProgressBar.model';

package/src/components/Tabs/Tab/CustomTab.tsx

@@ -1,5 +1,9 @@
 import React, { useEffect, useRef } from 'react';
-import { ReactTabsFunctionComponent, Tab, TabProps } from 'react-tabs';
+import {
+  type ReactTabsFunctionComponent,
+  Tab,
+  type TabProps,
+} from 'react-tabs';
 import classes from './CustomTab.scss';
 
 export const CustomTab: ReactTabsFunctionComponent<TabProps> = ({

package/src/components/Tabs/TabList/CustomTabList.tsx

@@ -1,6 +1,10 @@
 import clsx from 'clsx';
 import React from 'react';
-import { ReactTabsFunctionComponent, TabList, TabListProps } from 'react-tabs';
+import {
+  type ReactTabsFunctionComponent,
+  TabList,
+  type TabListProps,
+} from 'react-tabs';
 import classes from './CustomTabList.scss';
 import { ScrollContainer } from './ScrollContainer';
 

package/src/components/Tabs/TabPanel/CustomTabPanel.tsx

@@ -1,12 +1,12 @@
 import clsx from 'clsx';
 import React from 'react';
 import {
-  ReactTabsFunctionComponent,
+  type ReactTabsFunctionComponent,
   TabPanel,
-  TabPanelProps,
+  type TabPanelProps,
 } from 'react-tabs';
 import { FormGrid } from '../../FormStation';
-import { FormGridProps } from '../../FormStation/FormGrid';
+import type { FormGridProps } from '../../FormStation/FormGrid';
 import classes from './CustomTabPanel.scss';
 
 interface CustomTabPanelProps extends TabPanelProps, FormGridProps {}

package/src/components/Tabs/Tabs.stories.tsx

@@ -1,9 +1,9 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import { faker } from '@faker-js/faker';
-import { useArgs } from '@storybook/preview-api';
-import { Meta, StoryObj } from '@storybook/react';
+import { useArgs } from 'storybook/preview-api';
+import type { Meta, StoryObj } from '@storybook/react';
 import React, { useMemo } from 'react';
-import { TabsProps } from 'react-tabs';
+import type { TabsProps } from 'react-tabs';
 import { Tab, TabList, TabPanel, Tabs } from '.';
 import { createGroups } from '../../helpers/storybook';
 

package/src/components/Utils/Postgraphile/CreateConnectionRenderer.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { TagsRenderer } from '../../List';
 
 interface Connection {

package/src/components/Utils/Postgraphile/FilterTransformer.spec.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { FilterValue, FilterValues } from '../../Filters';
+import type { FilterValue, FilterValues } from '../../Filters';
 import { filterToPostGraphileFilter } from './FilterTransformer';
 
 const mockMap: { [key: string]: string } = {

package/src/components/Utils/Postgraphile/FilterTransformer.ts

@@ -1,4 +1,4 @@
-import { FilterValue, FilterValues } from '../../Filters/Filters.model';
+import type { FilterValue, FilterValues } from '../../Filters/Filters.model';
 
 interface StringKeyedObject {
   [key: string]: unknown;

package/src/components/Utils/Postgraphile/RangeTransformer.ts

@@ -1,4 +1,4 @@
-import { FilterFunction } from './FilterTransformer';
+import type { FilterFunction } from './FilterTransformer';
 
 /**
  * Accepts an array of 2 elements containing from and to values

package/src/components/Utils/Postgraphile/SortTransformer.spec.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { SortData } from '../../List';
+import type { SortData } from '../../List';
 import { sortToPostGraphileOrderBy } from './SortTransformer';
 
 interface TestData {

package/src/components/Utils/Postgraphile/SortTransformer.ts

@@ -1,5 +1,5 @@
-import { Data } from '../../../types/data';
-import { SortData } from '../../List/List.model';
+import type { Data } from '../../../types/data';
+import type { SortData } from '../../List/List.model';
 
 /**
  * Converts the column property name and order from lower case to snake case (all caps) as required by a Postgraphile backend.

package/src/components/Utils/Postgraphile/getFormDiff.ts

@@ -1,4 +1,4 @@
-import { FormikValues } from 'formik';
+import type { FormikValues } from 'formik';
 
 /**
  * Returns an object only containing the differences between the two FormikValues.

package/src/components/Utils/Transformers/Boolean.ts

@@ -1,4 +1,4 @@
-import { TransformerFunction } from './TransformerFunction';
+import type { TransformerFunction } from './TransformerFunction';
 
 /**
  * Converts an existing Boolean value to a Human Readable format.

package/src/components/Utils/Transformers/DateTime.ts

@@ -1,5 +1,5 @@
 import { DateTime, Settings } from 'luxon';
-import { TransformerFunction } from './TransformerFunction';
+import type { TransformerFunction } from './TransformerFunction';
 
 Settings.defaultLocale = navigator.language;
 

package/src/components/Utils/Transformers/FileSize.ts

@@ -1,4 +1,4 @@
-import { TransformerFunction } from './TransformerFunction';
+import type { TransformerFunction } from './TransformerFunction';
 
 /**
  * Converts a size in bytes to a human readable string

package/src/components/Utils/Transformers/SortArray.ts

@@ -1,4 +1,4 @@
-import { TransformerFunction } from './TransformerFunction';
+import type { TransformerFunction } from './TransformerFunction';
 
 /**
  * Performs sort on a Numeric or String array

package/src/components/Utils/Transformers/Timestamp.spec.ts

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import {
   TIMESTAMP_DEFAULT,
-  Timestamp,
+  type Timestamp,
   formatSecondsToTimestamp,
   timestampToSeconds,
 } from './Timestamp';

package/src/components/Utils/Transformers/Timestamp.ts

@@ -1,4 +1,4 @@
-import { TransformerFunction } from './TransformerFunction';
+import type { TransformerFunction } from './TransformerFunction';
 
 export type Timestamp = `${string}:${string}:${string}.${string}`;
 export const TIMESTAMP_DEFAULT = '00:00:00.000';

package/src/components/Utils/Transformers/TitleCase.ts

@@ -1,4 +1,4 @@
-import { TransformerFunction } from './TransformerFunction';
+import type { TransformerFunction } from './TransformerFunction';
 
 /**
  * Converts a string to Title Case.

package/src/components/VisualElements/SvgElement.spec.tsx

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it } from 'vitest';
-import { SvgElement, SvgElementProps } from './SvgElement';
+import { SvgElement, type SvgElementProps } from './SvgElement';
 
 describe('SvgElement', () => {
   it('renders the component without crashing', () => {

package/src/components/VisualElements/index.ts

@@ -1,7 +1,7 @@
 export {
-  DecorativeImageProps,
   ImgElement,
-  ImgElementProps,
-  MeaningfulImageProps,
+  type DecorativeImageProps,
+  type ImgElementProps,
+  type MeaningfulImageProps,
 } from './ImgElement';
-export { SvgElement, SvgElementProps } from './SvgElement';
+export { SvgElement, type SvgElementProps } from './SvgElement';

package/src/components/index.ts

@@ -20,10 +20,10 @@ export * from './List';
 export * from './Loaders';
 export * from './MessageBar';
 export * from './Modal';
+export * from './models';
 export * from './NavigationAwareStation';
 export * from './PageHeader';
 export * from './ProgressBar';
 export * from './Tabs';
 export * from './Utils';
 export * from './VisualElements';
-export * from './models';

package/src/components/models.ts

@@ -1,7 +1,7 @@
-import { LocationDescriptor } from 'history';
-import React from 'react';
-import { ConfirmationConfig, ConfirmationMode } from './ConfirmDialog';
-import { MessageBarProps } from './MessageBar';
+import type { LocationDescriptor } from 'history';
+import type React from 'react';
+import type { ConfirmationConfig, ConfirmationMode } from './ConfirmDialog';
+import type { MessageBarProps } from './MessageBar';
 
 export type StationError = Pick<MessageBarProps, 'title'> & {
   /**

package/src/docs/Intro.mdx

@@ -0,0 +1,35 @@
+import { Meta } from '@storybook/addon-docs/blocks';
+import classes from './intro.scss';
+
+<Meta title="Getting Started/Intro" />
+
+<div className={classes['hero']}>
+  <style>
+    {`
+      .sbdocs-content {
+        width: 100%;
+        max-width: none;
+        padding: 0;
+        margin: 0;
+        border: 0;
+      }
+    `}
+  </style>
+  <div className={classes['hero-left']}>
+    <h1>
+      <img src="images/axinom-mosaic.svg" alt="Axinom Mosaic logo" />
+    </h1>
+    <p className={classes['hero-title']}>
+      Welcome to the Axinom Mosaic UI Storybook.
+    </p>
+    <div className={classes['hero-subtitle']}>
+      <p>
+        This package provides the building blocks for building Axinom Mosaic
+        management system workflows.
+      </p>
+    </div>
+  </div>
+  <div className={classes['hero-right']}>
+    <img src="images/intro.jpg" />
+  </div>
+</div>

package/src/helpers/index.ts

@@ -3,4 +3,4 @@ export {
   scheduleIdleCallback,
   type IdleCallbackHandle,
 } from './idleCallbackHelpers';
-export { Nullable } from './utils';
+export type { Nullable } from './utils';

package/src/helpers/storybook.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 
 /**
  * Adds the properties from the defined parameters object to 'storyFunction.story.parameters._plugin_.*'

package/src/hooks/models.ts

@@ -1,4 +1,4 @@
-import { HistoryLocation } from './useReactRouterPause/useReactRouterPause';
+import type { HistoryLocation } from './useReactRouterPause/useReactRouterPause';
 export type ValueOrOnDemand =
   | string
   | number

package/src/hooks/useClickOutside/useClickOutside.ts

@@ -1,4 +1,4 @@
-import { RefObject, useEffect } from 'react';
+import { type RefObject, useEffect } from 'react';
 
 /**
  * Hook to detect clicks outside of specified elements

package/src/hooks/useDebounce/useDebounce.spec.tsx

@@ -1,5 +1,5 @@
 import { fireEvent, render } from '@testing-library/react';
-import React, { FormEvent, useEffect, useState } from 'react';
+import React, { type FormEvent, useEffect, useState } from 'react';
 import { act } from 'react-dom/test-utils';
 import { describe, expect, it, vi } from 'vitest';
 import { useDebounce } from './useDebounce';

package/src/hooks/useReactRouterPause/useReactRouterPause.tsx

@@ -4,7 +4,7 @@ import isNull from 'lodash/isNull';
 import isUndefined from 'lodash/isUndefined';
 import { useEffect, useRef } from 'react';
 import { useHistory } from 'react-router-dom';
-import { NavigationAPI } from '../models';
+import type { NavigationAPI } from '../models';
 import { isPromise } from './utils';
 
 type HistoryAction = 'POP' | 'PUSH' | 'REPLACE';

package/src/hooks/useReactRouterPause/utils.tsx

@@ -28,4 +28,4 @@ const isSameFunction = (fn1: unknown, fn2: unknown): boolean =>
 const fingerprint = (location: Record<string, unknown>): string =>
   JSON.stringify(pick(location, ['pathname', 'search', 'state']));
 
-export { isPromise, isSameFunction, fingerprint };
+export { fingerprint, isPromise, isSameFunction };

package/src/hooks/useResize/useResize.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { DynamicListColumn } from '../../components';
-import { Column } from '../../components/List/List.model';
-import { Data } from '../../types';
+import type { DynamicListColumn } from '../../components';
+import type { Column } from '../../components/List/List.model';
+import type { Data } from '../../types';
 import { ResizeIndicator } from './ResizeIndicator';
 
 /**

package/src/hooks/useUpdatingRef/useUpdatingRef.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject, useEffect, useRef } from 'react';
+import { type MutableRefObject, useEffect, useRef } from 'react';
 
 /**
  * Creates a ref, that will always update to the latest value you pass to it.

package/src/hooks/useValueOrOnDemand/useValueOrOnDemand.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { ValueOrOnDemand } from '../models';
+import type { ValueOrOnDemand } from '../models';
 
 /**
  * Returns the value and a loading indicator

package/src/initialize.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   AddIndicator,
   CustomEventEmitter,
   RemoveIndicator,

package/src/types/ui-config.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import type { Component, ReactNode } from 'react';
 
 export type ShowNotification = (notification: Notification) => NotificationId;
 

package/src/utils/ErrorMapper/ApolloClient/ApolloErrorMapper.spec.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { ErrorType } from '../../../components';
+import type { ErrorType } from '../../../components';
 import { ApolloErrorMapper } from './ApolloErrorMapper';
 
 describe('ApolloErrorMapper', () => {

package/src/utils/ErrorMapper/ApolloClient/ApolloErrorMapper.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ErrorMapper } from '../ErrorMapper.type';
+import type { ErrorMapper } from '../ErrorMapper.type';
 
 /**
  * An error mapper that maps errors from the Apollo Client to more user friendly errors.

package/src/utils/ErrorMapper/ErrorMapper.spec.ts

@@ -1,7 +1,7 @@
 import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { ErrorType } from '../../components/models';
+import type { ErrorType } from '../../components/models';
 import { mapError, setErrorMappers } from './ErrorMapper';
-import { ErrorMapper } from './ErrorMapper.type';
+import type { ErrorMapper } from './ErrorMapper.type';
 
 describe('mapError', () => {
   const errorMapper1: ErrorMapper = (error) => {

package/src/utils/ErrorMapper/ErrorMapper.ts

@@ -1,5 +1,5 @@
 import { ApolloErrorMapper } from './ApolloClient/ApolloErrorMapper';
-import { ErrorMapper } from './ErrorMapper.type';
+import type { ErrorMapper } from './ErrorMapper.type';
 
 let ErrorMappers: ErrorMapper[] = [ApolloErrorMapper];
 

package/src/utils/ErrorMapper/ErrorMapper.type.ts

@@ -1,4 +1,4 @@
-import { ErrorType } from '../../components/models';
+import type { ErrorType } from '../../components/models';
 
 export interface ErrorMapper {
   /**

package/src/utils/ErrorTypeToStationError.spec.tsx

@@ -1,7 +1,7 @@
 import { render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it } from 'vitest';
-import { StationError } from '../components/models';
+import type { StationError } from '../components/models';
 import { ErrorTypeToStationError } from './ErrorTypeToStationError';
 
 describe('ErrorTypeToStationError', () => {

package/src/utils/ErrorTypeToStationError.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ErrorType, StationError } from '../components/models';
+import type { ErrorType, StationError } from '../components/models';
 import { mapError } from './ErrorMapper/ErrorMapper';
 
 /**

package/src/validators/timestamp/timestamp.spec.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { Timestamp } from '../../components/Utils/Transformers/Timestamp';
+import type { Timestamp } from '../../components/Utils/Transformers/Timestamp';
 import { timestampValidator } from './timestamp';
 
 describe('timestampValidator', () => {