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

package/src/components/FormElements/ToggleButton/ToggleButton.tsx

@@ -1,14 +1,14 @@
 import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
 import { noop } from '../../../helpers/utils';
-import { CommonJsButtonOptions } from '../../Buttons/Button.model';
+import type { CommonJsButtonOptions } from '../../Buttons/Button.model';
 import {
   ConfirmDialog,
-  ConfirmationConfig,
-  ConfirmationMode,
+  type ConfirmationConfig,
+  type ConfirmationMode,
 } from '../../ConfirmDialog';
 import { SvgElement } from '../../VisualElements/SvgElement';
-import { BaseFormControl } from '../Form.models';
+import type { BaseFormControl } from '../Form.models';
 import { FormElementContainer } from '../FormElementContainer';
 import classes from './ToggleButton.scss';
 

package/src/components/FormElements/ToggleButton/ToggleButtonField.tsx

@@ -1,7 +1,7 @@
 import { useField } from 'formik';
 import React from 'react';
 import { useFormikError } from '../useFormikError';
-import { ToggleButton, ToggleButtonProps } from './ToggleButton';
+import { ToggleButton, type ToggleButtonProps } from './ToggleButton';
 export const ToggleButtonField: React.FC<Omit<ToggleButtonProps, 'error'>> = (
   props,
 ) => {

package/src/components/FormElements/formElements.mdx

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/addon-docs/blocks';
+import { SampleForm } from './formStoryHelper';
+
+<Meta title="Primary Components/Form Elements" />
+
+# Form Components
+
+This is a sample form, using the form components of this library.  
+For a more detailed description of the single elements, please refer to the
+other stories in this folder.
+
+<SampleForm />

package/src/components/FormElements/formStoryHelper.tsx

@@ -13,7 +13,7 @@ import {
 } from '.';
 import { generateItemArray } from '../../helpers/storybook';
 import { TextButton } from '../Buttons';
-import { DynamicListColumn } from '../DynamicDataList/DynamicDataList.model';
+import type { DynamicListColumn } from '../DynamicDataList/DynamicDataList.model';
 import {
   createInputRenderer,
   createSelectRenderer,
@@ -21,7 +21,7 @@ import {
 import { formatDateTime } from '../Utils';
 import { BooleanViewField } from './BooleanView/BooleanViewField';
 import { DynamicDataListControl } from './DynamicDataListControl/DynamicDataListControl';
-import { FileUpload } from './FileUploadControl/FileUploadControl';
+import type { FileUpload } from './FileUploadControl/FileUploadControl';
 import { TextArea } from './TextArea/TextArea';
 
 interface DynamicListStoryData {

package/src/components/FormElements/index.ts

@@ -1,58 +1,70 @@
 export {
   BooleanViewField,
-  BooleanViewFieldProps,
+  type BooleanViewFieldProps,
 } from './BooleanView/BooleanViewField';
-export { Checkbox, CheckboxProps } from './Checkbox/Checkbox';
+export { Checkbox, type CheckboxProps } from './Checkbox/Checkbox';
 export { CheckboxField } from './Checkbox/CheckboxField';
-export { CustomTags, CustomTagsProps } from './CustomTags/CustomTags';
+export { CustomTags, type CustomTagsProps } from './CustomTags/CustomTags';
 export { CustomTagsField } from './CustomTags/CustomTagsField';
-export { DateTimeText, DateTimeTextProps } from './DateTimeField/DateTimeText';
+export {
+  DateTimeText,
+  type DateTimeTextProps,
+} from './DateTimeField/DateTimeText';
 export { DateTimeTextField } from './DateTimeField/DateTimeTextField';
-export { Divider, DividerProps } from './Divider/Divider';
+export { Divider, type DividerProps } from './Divider/Divider';
 export {
   DynamicDataListControl,
-  DynamicDataListControlProps,
+  type DynamicDataListControlProps,
 } from './DynamicDataListControl/DynamicDataListControl';
 export { DynamicDataListField } from './DynamicDataListControl/DynamicDataListField';
 export {
-  FileUpload,
   FileUploadControl,
-  FileUploadProps,
+  type FileUpload,
+  type FileUploadProps,
 } from './FileUploadControl/FileUploadControl';
 export { FileUploadField } from './FileUploadControl/FileUploadField';
 export * from './Form.models';
 export { FormElementContainer } from './FormElementContainer';
-export { FormGroup, FormGroupProps } from './FormGroup/FormGroup';
+export { FormGroup, type FormGroupProps } from './FormGroup/FormGroup';
 export {
   FormGroupTitle,
-  FormGroupTitleProps,
+  type FormGroupTitleProps,
 } from './FormGroupTitle/FormGroupTitle';
 export { FormikDebug } from './FormikDebug/FormikDebug';
-export { GenericField, GenericFieldProps } from './GenericField/GenericField';
-export { LinkField, LinkFieldProps } from './Link/LinkField';
+export {
+  GenericField,
+  type GenericFieldProps,
+} from './GenericField/GenericField';
+export { LinkField, type LinkFieldProps } from './Link/LinkField';
 export {
   MaskedSingleLineText,
-  MaskedSingleLineTextProps,
+  type MaskedSingleLineTextProps,
 } from './MaskedSingleLineText/MaskedSingleLineText';
 export { MaskedSingleLineTextField } from './MaskedSingleLineText/MaskedSingleLineTextField';
-export { Radio, RadioProps } from './Radio/Radio';
+export { Radio, type RadioProps } from './Radio/Radio';
 export { RadioField } from './Radio/RadioField';
-export { ReadOnlyField, ReadOnlyFieldProps } from './ReadOnly/ReadOnlyField';
+export {
+  ReadOnlyField,
+  type ReadOnlyFieldProps,
+} from './ReadOnly/ReadOnlyField';
 export {
   ReadOnlyTextField,
-  ReadOnlyTextFieldProps,
+  type ReadOnlyTextFieldProps,
 } from './ReadOnlyText/ReadOnlyTextField';
-export { Select, SelectProps } from './Select/Select';
+export { Select, type SelectProps } from './Select/Select';
 export { SelectField } from './Select/SelectField';
 export {
   SingleLineText,
-  SingleLineTextProps,
+  type SingleLineTextProps,
 } from './SingleLineText/SingleLineText';
 export { SingleLineTextField } from './SingleLineText/SingleLineTextField';
-export { Tags, TagsProps } from './Tags/Tags';
+export { Tags, type TagsProps } from './Tags/Tags';
 export { TagsField } from './Tags/TagsField';
-export { TextArea, TextAreaProps } from './TextArea/TextArea';
+export { TextArea, type TextAreaProps } from './TextArea/TextArea';
 export { TextAreaField } from './TextArea/TextAreaField';
-export { ToggleButton, ToggleButtonProps } from './ToggleButton/ToggleButton';
+export {
+  ToggleButton,
+  type ToggleButtonProps,
+} from './ToggleButton/ToggleButton';
 export { ToggleButtonField } from './ToggleButton/ToggleButtonField';
 export { useFormikError } from './useFormikError';

package/src/components/FormStation/Create/Create.stories.tsx

@@ -1,20 +1,20 @@
-import { action } from '@storybook/addon-actions';
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Field } from 'formik';
 import React from 'react';
 import { MemoryRouter } from 'react-router';
+import { action } from 'storybook/actions';
 import * as Yup from 'yup';
 import { createGroups } from '../../../helpers/storybook';
 import {
   CustomTagsField,
   DateTimeTextField,
-  FileUpload,
+  type FileUpload,
   SelectField,
   SingleLineTextField,
   TagsField,
 } from '../../FormElements';
 import { FileUploadField } from '../../FormElements/FileUploadControl/FileUploadField';
-import { ObjectSchemaDefinition } from '../FormStation.models';
+import type { ObjectSchemaDefinition } from '../FormStation.models';
 import { Create } from './Create';
 
 interface CreateValues {

package/src/components/FormStation/Create/Create.tsx

@@ -1,7 +1,7 @@
-import React, { PropsWithChildren } from 'react';
-import { Data } from '../../../types/data';
-import { FormStation, FormStationProps } from '../FormStation';
-import { ActionHandler } from '../FormStation.models';
+import React, { type PropsWithChildren } from 'react';
+import type { Data } from '../../../types/data';
+import { FormStation, type FormStationProps } from '../FormStation';
+import type { ActionHandler } from '../FormStation.models';
 
 export type CreateProps<TValues extends Data, TSubmitResponse = unknown> = Omit<
   FormStationProps<TValues, TSubmitResponse>,

package/src/components/FormStation/Details/Details.tsx

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import { Data } from '../../../types/data';
-import { FormStation, FormStationProps } from '../FormStation';
+import React, { type PropsWithChildren } from 'react';
+import type { Data } from '../../../types/data';
+import { FormStation, type FormStationProps } from '../FormStation';
 
 export type DetailsProps<
   TValues extends Data,

package/src/components/FormStation/FormStation.models.ts

@@ -1,7 +1,7 @@
-import { FormikHelpers, FormikValues } from 'formik';
-import { Data } from '../../types';
-import { ActionData } from '../Actions';
-import { ErrorType, StationError } from '../models';
+import type { FormikHelpers, FormikValues } from 'formik';
+import type { Data } from '../../types';
+import type { ActionData } from '../Actions';
+import type { ErrorType, StationError } from '../models';
 
 export interface InitialFormData<T> {
   /** Indicates whether the data is still loading or not */

package/src/components/FormStation/FormStation.spec.tsx

@@ -8,9 +8,9 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 import * as Yup from 'yup';
 import { noop } from '../../helpers/utils';
 import { initializeUi } from '../../initialize';
-import { ActionData } from '../Actions';
+import type { ActionData } from '../Actions';
 import { FormStation } from './FormStation';
-import { ObjectSchemaDefinition } from './FormStation.models';
+import type { ObjectSchemaDefinition } from './FormStation.models';
 
 vi.mock('../../initialize');
 

package/src/components/FormStation/FormStation.stories.tsx

@@ -1,13 +1,13 @@
 import { faker } from '@faker-js/faker';
-import { action } from '@storybook/addon-actions';
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Field } from 'formik';
 import React from 'react';
 import { MemoryRouter } from 'react-router';
 import { Link } from 'react-router-dom';
+import { action } from 'storybook/actions';
 import * as Yup from 'yup';
 import { createGroups, generateItemArray } from '../../helpers/storybook';
-import { ActionData } from '../Actions';
+import type { ActionData } from '../Actions';
 import {
   createInputRenderer,
   createSelectRenderer,
@@ -26,10 +26,10 @@ import { DynamicDataListField } from '../FormElements/DynamicDataListControl/Dyn
 import { MaskedSingleLineTextField } from '../FormElements/MaskedSingleLineText/MaskedSingleLineTextField';
 import { InfoPanel, Paragraph, Section } from '../InfoPanel';
 import { Tab, TabList, TabPanel, Tabs } from '../Tabs';
-import { ErrorType } from '../models';
-import { Details, DetailsProps } from './Details/Details';
+import type { ErrorType } from '../models';
+import { Details, type DetailsProps } from './Details/Details';
 import { FormGrid } from './FormGrid';
-import { ObjectSchemaDefinition } from './FormStation.models';
+import type { ObjectSchemaDefinition } from './FormStation.models';
 
 const groups = createGroups({
   Content: [

package/src/components/FormStation/FormStation.tsx

@@ -1,13 +1,13 @@
 import clsx from 'clsx';
-import { Formik, FormikValues } from 'formik';
-import React, { PropsWithChildren, useContext } from 'react';
-import { OptionalObjectSchema } from 'yup/lib/object';
-import { Data } from '../../types/data';
+import { Formik, type FormikValues } from 'formik';
+import React, { type PropsWithChildren, useContext } from 'react';
+import type { OptionalObjectSchema } from 'yup/lib/object';
+import type { Data } from '../../types/data';
 import { BulkEditContext } from '../Explorer/BulkEdit/BulkEditContext';
 import { QuickEditContext } from '../Explorer/QuickEdit/QuickEditContext';
-import { PageHeaderJsActionProps } from '../PageHeader/PageHeaderAction';
-import { StationMessage } from '../models';
-import {
+import type { PageHeaderJsActionProps } from '../PageHeader/PageHeaderAction';
+import type { StationMessage } from '../models';
+import type {
   FormActionData,
   InitialFormData,
   ObjectSchemaDefinition,

package/src/components/FormStation/FormStationActions/FormStationActions.tsx

@@ -1,12 +1,15 @@
 import { useFormikContext } from 'formik';
-import React, { PropsWithChildren, useMemo } from 'react';
-import { OptionalObjectSchema } from 'yup/lib/object';
-import { ObjectSchemaDefinition } from '..';
+import React, { type PropsWithChildren, useMemo } from 'react';
+import type { OptionalObjectSchema } from 'yup/lib/object';
+import type { ObjectSchemaDefinition } from '..';
 import { ErrorTypeToStationError } from '../../../utils/ErrorTypeToStationError';
-import { Actions, ActionsProps } from '../../Actions';
+import { Actions, type ActionsProps } from '../../Actions';
 import { isNavigationAction } from '../../Actions/Action/Action';
-import { ErrorType } from '../../models';
-import { FormActionData, StationErrorStateType } from '../FormStation.models';
+import type { ErrorType } from '../../models';
+import type {
+  FormActionData,
+  StationErrorStateType,
+} from '../FormStation.models';
 
 interface FormActionProps<T, Y> extends Omit<ActionsProps, 'actions'> {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/components/FormStation/FormStationContentWrapper/FormStationContentWrapper.tsx

@@ -1,11 +1,11 @@
 import clsx from 'clsx';
 import { Form } from 'formik';
 import React from 'react';
-import { Data } from '../../../types';
+import type { Data } from '../../../types';
 import { MessageBar } from '../../MessageBar';
 import { FormGrid } from '../FormGrid';
-import { FormStationProps } from '../FormStation';
-import { StationErrorStateType } from '../FormStation.models';
+import type { FormStationProps } from '../FormStation';
+import type { StationErrorStateType } from '../FormStation.models';
 import classes from './FormStationContentWrapper.scss';
 
 interface FormStationContentWrapperProps

package/src/components/FormStation/FormStationHeader/FormStationHeader.tsx

@@ -1,4 +1,4 @@
-import { FormikValues, useFormikContext } from 'formik';
+import { type FormikValues, useFormikContext } from 'formik';
 import React, { useContext, useMemo } from 'react';
 import { useHistory } from 'react-router-dom';
 import { BulkEditContext } from '../../Explorer/BulkEdit/BulkEditContext';
@@ -6,11 +6,11 @@ import { QuickEditContext } from '../../Explorer/QuickEdit/QuickEditContext';
 import { IconName } from '../../Icons';
 import {
   PageHeader,
-  PageHeaderActionItemProps,
+  type PageHeaderActionItemProps,
   PageHeaderActionType,
-  PageHeaderProps,
+  type PageHeaderProps,
 } from '../../PageHeader';
-import { PageHeaderJsActionProps } from '../../PageHeader/PageHeaderAction';
+import type { PageHeaderJsActionProps } from '../../PageHeader/PageHeaderAction';
 import { useTitle } from '../helpers/useTitle';
 
 /**

package/src/components/FormStation/SaveOnNavigate/SaveOnNavigate.tsx

@@ -1,7 +1,8 @@
 import { useFormikContext } from 'formik';
-import React, { useState } from 'react';
+import type React from 'react';
+import { useState } from 'react';
 import { noop } from '../../../helpers/utils';
-import { NavigationAPI, useReactRouterPause } from '../../../hooks';
+import { type NavigationAPI, useReactRouterPause } from '../../../hooks';
 import { handleNavigationAttempt } from './handleNavigationAttempt';
 
 interface SaveOnNavigateProps {

package/src/components/FormStation/SaveOnNavigate/handleNavigationAttempt.spec.ts

@@ -1,5 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { NavigationAPI } from '../../../hooks';
+import type { NavigationAPI } from '../../../hooks';
 import { handleNavigationAttempt } from './handleNavigationAttempt';
 
 describe('handleNavigationAttempt', () => {

package/src/components/FormStation/SaveOnNavigate/handleNavigationAttempt.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { NavigationAPI } from '../../../hooks';
+import type React from 'react';
+import type { NavigationAPI } from '../../../hooks';
 
 export const handleNavigationAttempt = async (
   navigation: NavigationAPI,

package/src/components/FormStation/helpers/useDataProvider.ts

@@ -1,17 +1,17 @@
-import { FormikHelpers } from 'formik';
+import type { FormikHelpers } from 'formik';
 import {
-  Dispatch,
-  SetStateAction,
+  type Dispatch,
+  type SetStateAction,
   useCallback,
   useEffect,
   useRef,
   useState,
 } from 'react';
 import { showNotification } from '../../../initialize';
-import { Data } from '../../../types';
+import type { Data } from '../../../types';
 import { ErrorTypeToStationError } from '../../../utils/ErrorTypeToStationError';
-import { ErrorType } from '../../models';
-import {
+import type { ErrorType } from '../../models';
+import type {
   InitialFormData,
   SaveDataFunction,
   StationErrorStateType,

package/src/components/FormStation/helpers/useTitle.ts

@@ -1,5 +1,5 @@
 import { useFormikContext } from 'formik';
-import { Data } from '../../../types';
+import type { Data } from '../../../types';
 
 export const useTitle = <TValues extends Data>(
   titleProperty?: string,

package/src/components/FormStation/helpers/useValidationError.tsx

@@ -1,6 +1,6 @@
 import { useFormikContext } from 'formik';
 import React, { useCallback, useEffect, useState } from 'react';
-import { StationErrorStateType } from '../FormStation.models';
+import type { StationErrorStateType } from '../FormStation.models';
 
 /**
  * Component that watches for changes in the form validation state

package/src/components/FormStation/index.ts

@@ -1,5 +1,5 @@
-export { Create, CreateProps } from './Create/Create';
-export { Details, DetailsProps } from './Details/Details';
+export { Create, type CreateProps } from './Create/Create';
+export { Details, type DetailsProps } from './Details/Details';
 export { FormGrid } from './FormGrid';
-export { FormStation, FormStationProps } from './FormStation';
+export { FormStation, type FormStationProps } from './FormStation';
 export * from './FormStation.models';

package/src/components/Hub/Hub.model.ts

@@ -1,4 +1,4 @@
-import { TileProps } from './Tile/Tile.model';
+import type { TileProps } from './Tile/Tile.model';
 
 export interface HubItem extends TileProps {
   /** Group name of the item */

package/src/components/Hub/Hub.spec.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { describe, expect, it } from 'vitest';
 import { Hub } from './Hub';
-import { HubItem } from './Hub.model';
+import type { HubItem } from './Hub.model';
 
 const renderWithRouter = (component: React.ReactElement) => {
   return render(<Router>{component}</Router>);

package/src/components/Hub/Hub.stories.tsx

@@ -1,9 +1,9 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { SvgElement } from '../VisualElements/SvgElement';
 import { Hub } from './Hub';
-import { HubItem } from './Hub.model';
+import type { HubItem } from './Hub.model';
 
 const defaultContainer = {
   width: '100%',

package/src/components/Hub/Hub.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import React from 'react';
-import { HubItem } from './Hub.model';
+import type { HubItem } from './Hub.model';
 import classes from './Hub.scss';
 import { Tile } from './Tile';
 

package/src/components/Hub/Tile/Tile.model.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 export interface TileProps {
   /** url path */

package/src/components/Hub/Tile/Tile.spec.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { BrowserRouter } from 'react-router-dom';
 import { describe, expect, it } from 'vitest';
 import { Tile } from './Tile';
-import { TileProps } from './Tile.model';
+import type { TileProps } from './Tile.model';
 
 const mockProps: TileProps = {
   path: 'test-path',

package/src/components/Hub/Tile/Tile.tsx

@@ -2,7 +2,7 @@ import clsx from 'clsx';
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { ImgElement } from '../../VisualElements/ImgElement';
-import { TileProps } from './Tile.model';
+import type { TileProps } from './Tile.model';
 import classes from './Tile.scss';
 
 // TODO: Support for background colors and hover effect

package/src/components/Hub/Tile/index.ts

@@ -1,2 +1,2 @@
 export { Tile } from './Tile';
-export { TileProps } from './Tile.model';
+export type { TileProps } from './Tile.model';

package/src/components/Hub/index.ts

@@ -1,2 +1,2 @@
-export { Hub, HubProps } from './Hub';
+export { Hub, type HubProps } from './Hub';
 export * from './Hub.model';

package/src/components/Icons/Icons.models.ts

@@ -1,4 +1,4 @@
-import { SvgElementProps } from '../VisualElements';
+import type { SvgElementProps } from '../VisualElements';
 
 /**
  * Icon enums used for determining which icon should be displayed

package/src/components/Icons/Icons.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 import classes from '../../../.storybook/static/css/icons.scss';
 import { SvgElement, SvgElementProps } from '../VisualElements/SvgElement';

package/src/components/Icons/Icons.tsx

@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import React from 'react';
-import { SvgElement, SvgElementProps } from '../VisualElements/SvgElement';
-import { IconName, IconsProps } from './Icons.models';
+import { SvgElement, type SvgElementProps } from '../VisualElements/SvgElement';
+import { IconName, type IconsProps } from './Icons.models';
 import classes from './Icons.scss';
 
 const DEFAULT_PATH_PROPS = {

package/src/components/Icons/index.ts

@@ -1,2 +1,3 @@
 export { Icons } from './Icons';
-export { IconComponent, IconName, IconsProps } from './Icons.models';
+export { IconName } from './Icons.models';
+export type { IconComponent, IconsProps } from './Icons.models';

package/src/components/InfoPanel/InfoImage/InfoImage.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import React from 'react';
-import { ActionData } from '../../Actions';
+import type { ActionData } from '../../Actions';
 import { InlineMenu } from '../../InlineMenu/InlineMenu';
-import { ImageLoader, ImageLoaderProps } from '../../Loaders';
+import { ImageLoader, type ImageLoaderProps } from '../../Loaders';
 import classes from './InfoImage.scss';
 
 export interface InfoImageProps extends ImageLoaderProps {

package/src/components/InfoPanel/InfoPanel.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-dom';
 import { InfoImage } from './InfoImage/InfoImage';

package/src/components/InfoTooltip/InfoTooltip.stories.tsx

@@ -1,5 +1,5 @@
 import { faker } from '@faker-js/faker';
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
 import { InfoTooltip } from './InfoTooltip';
 

package/src/components/InlineMenu/InlineMenu.stories.tsx

@@ -1,9 +1,9 @@
-import { action } from '@storybook/addon-actions';
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
+import { action } from 'storybook/actions';
 import classes from '../../../.storybook/static/css/confirm-dialog.scss';
 import { createGroups, enumToObj } from '../../helpers/storybook';
-import { ActionData } from '../Actions';
+import type { ActionData } from '../Actions';
 import { ButtonContext } from '../Buttons/Button.model';
 import { IconName } from '../Icons/Icons.models';
 import { InlineMenu } from './InlineMenu';

package/src/components/InlineMenu/InlineMenu.tsx

@@ -1,12 +1,12 @@
-import { Placement } from '@popperjs/core';
+import type { Placement } from '@popperjs/core';
 import clsx from 'clsx';
-import React, { Ref, useState } from 'react';
+import React, { type Ref, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
 import { useExpand } from '../../hooks/useExpand/useExpand';
-import { Actions, ActionsProps } from '../Actions';
-import { Button, ButtonContext } from '../Buttons';
-import { IconComponent, IconName } from '../Icons';
+import { Actions, type ActionsProps } from '../Actions';
+import { Button, type ButtonContext } from '../Buttons';
+import { IconName, type IconComponent } from '../Icons';
 import classes from './InlineMenu.scss';
 
 export interface InlineMenuProps extends ActionsProps {

package/src/components/InlineMenu/index.ts

@@ -1 +1 @@
-export { InlineMenu, InlineMenuProps } from './InlineMenu';
+export { InlineMenu, type InlineMenuProps } from './InlineMenu';

package/src/components/LandingPageHeader/LandingPageHeader.stories.tsx

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

package/src/components/LandingPageHeader/index.ts

@@ -1 +1,4 @@
-export { LandingPageHeader, LandingPageHeaderProps } from './LandingPageHeader';
+export {
+  LandingPageHeader,
+  type LandingPageHeaderProps,
+} from './LandingPageHeader';