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

package/src/components/Explorer/SelectionExplorer/SelectionExplorer.spec.tsx

@@ -2,10 +2,9 @@ import { render, waitFor } from '@testing-library/react';
 import { noop } from 'lodash';
 import React from 'react';
 import { act } from 'react-dom/test-utils';
-import type { Mock } from 'vitest';
-import { describe, expect, it, vi } from 'vitest';
-import { Column } from '../../List';
-import { ExplorerDataProvider } from '../Explorer.model';
+import { describe, expect, it, type Mock, vi } from 'vitest';
+import type { Column } from '../../List';
+import type { ExplorerDataProvider } from '../Explorer.model';
 import { SelectionExplorer } from './SelectionExplorer';
 
 vi.mock('../../../utils/GenerateId', () => ({

package/src/components/Explorer/SelectionExplorer/SelectionExplorer.stories.tsx

@@ -1,17 +1,17 @@
 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 { noop } from 'lodash';
 import React, { useMemo } from 'react';
 import { MemoryRouter } from 'react-router';
+import { action } from 'storybook/actions';
 import {
   createGroups,
   generateItemArray,
   randomDate,
 } from '../../../helpers/storybook';
-import { FilterType, FilterTypes } from '../../Filters/Filters.model';
+import { type FilterType, FilterTypes } from '../../Filters/Filters.model';
 import { IconName } from '../../Icons';
-import {
+import type {
   ExplorerDataProvider,
   ExplorerDataProviderConfiguration,
 } from '../Explorer.model';

package/src/components/Explorer/SelectionExplorer/SelectionExplorer.tsx

@@ -1,12 +1,12 @@
-import { LocationDescriptor } from 'history';
-import React, { ForwardedRef } from 'react';
+import type { LocationDescriptor } from 'history';
+import React, { type ForwardedRef } from 'react';
 import { noop } from '../../../helpers/utils';
-import { Data } from '../../../types/data';
-import { ActionData } from '../../Actions/Actions.models';
+import type { Data } from '../../../types/data';
+import type { ActionData } from '../../Actions/Actions.models';
 import { IconName } from '../../Icons';
 import { ListSelectMode } from '../../List';
-import { Explorer, ExplorerProps } from '../Explorer';
-import {
+import { Explorer, type ExplorerProps } from '../Explorer';
+import type {
   ExplorerBulkAction,
   ExplorerDataProviderConnection,
   ItemSelection,

package/src/components/Explorer/helpers/InMemoryDataProvider.ts

@@ -1,7 +1,7 @@
-import { Data } from '../../../types/data';
-import { FilterValue, FilterValues } from '../../Filters';
-import { SortData } from '../../List';
-import { ExplorerDataProvider } from '../Explorer.model';
+import type { Data } from '../../../types/data';
+import type { FilterValue, FilterValues } from '../../Filters';
+import type { SortData } from '../../List';
+import type { ExplorerDataProvider } from '../Explorer.model';
 
 type FilterFunction<T extends Data> = (
   value: unknown,

package/src/components/Explorer/helpers/useActions.ts

@@ -1,20 +1,20 @@
 import { useMemo } from 'react';
 import { showNotification } from '../../../initialize';
-import { Data } from '../../../types';
+import type { Data } from '../../../types';
 import { ErrorTypeToStationError } from '../../../utils/ErrorTypeToStationError';
 import { IconName } from '../../Icons';
-import { ItemSelectEventArgs } from '../../List';
-import { PageHeaderActionItemProps } from '../../PageHeader';
+import type { ItemSelectEventArgs } from '../../List';
+import type { PageHeaderActionItemProps } from '../../PageHeader';
 import {
-  PageHeaderActionProps,
+  type PageHeaderActionProps,
   PageHeaderActionType,
-  PageHeaderJsActionProps,
+  type PageHeaderJsActionProps,
   isPageHeaderNavigationAction,
 } from '../../PageHeader/PageHeaderAction';
-import { ErrorType } from '../../models';
-import { ExplorerBulkAction, ItemSelection } from '../Explorer.model';
-import { ResultCounts } from './useDataProvider';
-import { StationMessage } from './useStationMessage';
+import type { ErrorType } from '../../models';
+import type { ExplorerBulkAction, ItemSelection } from '../Explorer.model';
+import type { ResultCounts } from './useDataProvider';
+import type { StationMessage } from './useStationMessage';
 
 interface UseActionsProps<T extends Data> {
   actions?: PageHeaderActionProps[];

package/src/components/Explorer/helpers/useDataProvider.tsx

@@ -8,16 +8,16 @@ import {
   useState,
 } from 'react';
 import { useUpdatingRef } from '../../../hooks/useUpdatingRef/useUpdatingRef';
-import { Data } from '../../../types/data';
+import type { Data } from '../../../types/data';
 import { ErrorTypeToStationError } from '../../../utils/ErrorTypeToStationError';
-import { FilterValues } from '../../Filters/Filters.model';
-import { SortData } from '../../List/List.model';
-import { ErrorType } from '../../models';
-import {
+import type { FilterValues } from '../../Filters/Filters.model';
+import type { SortData } from '../../List/List.model';
+import type { ErrorType } from '../../models';
+import type {
   ExplorerDataProvider,
   ExplorerDataProviderConnection,
 } from '../Explorer.model';
-import { StationMessage } from './useStationMessage';
+import type { StationMessage } from './useStationMessage';
 
 interface DataProviderReturnType<T> {
   readonly data: T[];

package/src/components/Explorer/helpers/useFilters.spec.tsx

@@ -1,8 +1,8 @@
 import { act, renderHook } from '@testing-library/react-hooks';
 import type { Mock } from 'vitest';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { Data } from '../../../types';
-import { FilterType, FilterValues } from '../../Filters';
+import type { Data } from '../../../types';
+import type { FilterType, FilterValues } from '../../Filters';
 import { getState, storeState } from '../../Utils/State/GlobalState';
 import { useFilters } from './useFilters';
 

package/src/components/Explorer/helpers/useFilters.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from 'react';
 import { useExpand } from '../../../hooks';
-import { Data } from '../../../types';
-import { FilterType, FilterValues } from '../../Filters';
+import type { Data } from '../../../types';
+import type { FilterType, FilterValues } from '../../Filters';
 import { Filters } from '../../Filters/Filters';
 import { getState, storeState } from '../../Utils/State/GlobalState';
-import { ExplorerStateOptions } from '../Explorer.model';
+import type { ExplorerStateOptions } from '../Explorer.model';
 
 interface UseFiltersProps<T extends Data> {
   stationKey: string;

package/src/components/Explorer/helpers/useStationMessage.spec.tsx

@@ -2,7 +2,7 @@ import { render } from '@testing-library/react';
 import { act, renderHook } from '@testing-library/react-hooks';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { MessageBar } from '../../MessageBar/MessageBar';
-import { StationMessage, useStationMessage } from './useStationMessage';
+import { type StationMessage, useStationMessage } from './useStationMessage';
 
 vi.mock('../../MessageBar/MessageBar', () => ({
   MessageBar: vi.fn(() => null),

package/src/components/Explorer/helpers/useStationMessage.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { MessageBar, MessageBarProps } from '../../MessageBar/MessageBar';
+import { MessageBar, type MessageBarProps } from '../../MessageBar/MessageBar';
 
 export interface StationMessage {
   type: MessageBarProps['type'];

package/src/components/Explorer/helpers/useSubtitle.spec.tsx

@@ -1,7 +1,10 @@
 import { renderHook } from '@testing-library/react-hooks';
 import { describe, expect, it } from 'vitest';
-import { ItemSelectEventArgs, ListSelectMode } from '../../List/List.model';
-import { ResultCounts } from './useDataProvider';
+import {
+  type ItemSelectEventArgs,
+  ListSelectMode,
+} from '../../List/List.model';
+import type { ResultCounts } from './useDataProvider';
 import { useSubtitle } from './useSubtitle';
 
 describe('useSubtitle', () => {

package/src/components/Explorer/helpers/useSubtitle.tsx

@@ -1,6 +1,9 @@
-import { Data } from '../../../types';
-import { ItemSelectEventArgs, ListSelectMode } from '../../List/List.model';
-import { ResultCounts } from './useDataProvider';
+import type { Data } from '../../../types';
+import {
+  type ItemSelectEventArgs,
+  ListSelectMode,
+} from '../../List/List.model';
+import type { ResultCounts } from './useDataProvider';
 
 /**
  * Sets PageHeader subtitle

package/src/components/Explorer/index.ts

@@ -1,37 +1,39 @@
 export {
-  BulkEditConfig,
   BulkEditContext,
-  BulkEditContextType,
   BulkEditEnumType,
-  BulkEditFieldConfig,
-  BulkEditFieldConfigMap,
   BulkEditFormFieldsConfigConverter,
   defaultComponentMap,
   generateBulkEditMutation,
 } from './BulkEdit';
-export { Explorer, ExplorerProps } from './Explorer';
-export {
+export type {
+  BulkEditConfig,
+  BulkEditContextType,
+  BulkEditFieldConfig,
+  BulkEditFieldConfigMap,
+} from './BulkEdit';
+export { Explorer, type ExplorerProps } from './Explorer';
+export type {
   ExplorerBulkAction,
   ExplorerDataProvider,
   ExplorerDataProviderConnection,
   ItemSelection,
   PageIdentifier,
 } from './Explorer.model';
+export {
+  createInMemoryDataProvider,
+  findAnywhereInString,
+  findAnywhereInStringCaseInsensitive,
+  findExact,
+} from './helpers/InMemoryDataProvider';
 export {
   NavigationExplorer,
-  NavigationExplorerProps,
+  type NavigationExplorerProps,
 } from './NavigationExplorer/NavigationExplorer';
 export {
   QuickEditContext,
-  QuickEditContextType,
+  type QuickEditContextType,
 } from './QuickEdit/QuickEditContext';
 export {
   SelectionExplorer,
-  SelectionExplorerProps,
+  type SelectionExplorerProps,
 } from './SelectionExplorer/SelectionExplorer';
-export {
-  createInMemoryDataProvider,
-  findAnywhereInString,
-  findAnywhereInStringCaseInsensitive,
-  findExact,
-} from './helpers/InMemoryDataProvider';

package/src/components/FieldSelection/FieldSelection.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { Field, Formik } from 'formik';
 import React from 'react';
 import { noop } from '../../helpers/utils';

package/src/components/FieldSelection/FieldSelection.tsx

@@ -4,7 +4,7 @@ import { noop } from '../../helpers/utils';
 import { Accordion, AccordionItem } from '../Accordion';
 import { Button, ButtonContext } from '../Buttons';
 import { Select } from '../FormElements';
-import { SelectOption } from '../FormElements/Select/Select';
+import type { SelectOption } from '../FormElements/Select/Select';
 import { IconName } from '../Icons';
 import classes from './FieldSelection.scss';
 

package/src/components/Filters/Filter/Filter.spec.tsx

@@ -2,12 +2,12 @@ import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import { afterEach, describe, expect, it, vi } from 'vitest';
 import {
-  CustomFilterProps,
-  FilterType,
+  type CustomFilterProps,
+  type FilterType,
   FilterTypes,
-  SelectedValueRenderer,
+  type SelectedValueRenderer,
 } from '../Filters.model';
-import { Filter, FilterProps } from './Filter';
+import { Filter, type FilterProps } from './Filter';
 
 interface FilterTestData {
   createdAt: string;

package/src/components/Filters/Filter/Filter.tsx

@@ -1,11 +1,15 @@
 import clsx from 'clsx';
-import React, { PropsWithChildren, ReactNode, useState } from 'react';
+import React, { type PropsWithChildren, type ReactNode, useState } from 'react';
 import { assertNever } from '../../../helpers/utils';
-import { Data } from '../../../types/data';
+import type { Data } from '../../../types/data';
 import { Button, ButtonContext } from '../../Buttons';
 import { IconName } from '../../Icons';
 import { formatDate, formatDateTime } from '../../Utils/Transformers/DateTime';
-import { FilterType, FilterTypes, FilterValue } from '../Filters.model';
+import {
+  type FilterType,
+  FilterTypes,
+  type FilterValue,
+} from '../Filters.model';
 import { DateTimeFilter } from '../SelectionTypes/DateTimeFilter/DateTimeFilter';
 import { FreeTextFilter } from '../SelectionTypes/FreeTextFilter/FreeTextFilter';
 import { MultiOptionsFilter } from '../SelectionTypes/MultiOptionFilter/MultiOptionFilter';

package/src/components/Filters/Filters.model.ts

@@ -1,4 +1,4 @@
-import { Data } from '../../types/data';
+import type { Data } from '../../types/data';
 
 export enum FilterTypes {
   FreeText,

package/src/components/Filters/Filters.spec.tsx

@@ -2,7 +2,11 @@ import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
 import { Filters } from './Filters';
-import { FilterType, FilterTypes, FilterValues } from './Filters.model';
+import {
+  type FilterType,
+  FilterTypes,
+  type FilterValues,
+} from './Filters.model';
 
 interface TestFilterData {
   createdAt: string;

package/src/components/Filters/Filters.stories.tsx

@@ -1,17 +1,17 @@
 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 React, { useState } from 'react';
+import { action } from 'storybook/actions';
 import { generateItemArray } from '../../helpers/storybook';
 import { TextButton } from '../Buttons/TextButton/TextButton';
 import { Checkbox } from '../FormElements';
 import { Filters } from './Filters';
 import {
-  CustomFilterProps,
-  FilterType,
+  type CustomFilterProps,
+  type FilterType,
   FilterTypes,
-  FilterValues,
-  Option,
+  type FilterValues,
+  type Option,
 } from './Filters.model';
 import { createDateRangeFilterValidators } from './Validators/DateRangeFilterValidator';
 

package/src/components/Filters/Filters.tsx

@@ -1,8 +1,13 @@
 import clsx from 'clsx';
-import React, { PropsWithChildren, useEffect, useRef, useState } from 'react';
-import { Data } from '../../types/data';
+import React, {
+  type PropsWithChildren,
+  useEffect,
+  useRef,
+  useState,
+} from 'react';
+import type { Data } from '../../types/data';
 import { Filter } from './Filter/Filter';
-import { FilterType, FilterValue, FilterValues } from './Filters.model';
+import type { FilterType, FilterValue, FilterValues } from './Filters.model';
 import classes from './Filters.scss';
 
 export interface FiltersProps<T extends Data> {

package/src/components/Filters/SelectionTypes/DateTimeFilter/DateTimeFilter.tsx

@@ -1,7 +1,7 @@
 import clsx from 'clsx';
 import { DateTime } from 'luxon';
 import React, {
-  KeyboardEventHandler,
+  type KeyboardEventHandler,
   useEffect,
   useRef,
   useState,
@@ -14,7 +14,7 @@ import { Button, ButtonContext } from '../../../Buttons';
 import { DateTimePicker } from '../../../DateTime/DateTimePicker';
 import { IconName } from '../../../Icons';
 import { formatDate, formatDateTime } from '../../../Utils/Transformers';
-import { FilterValidationResult, FilterValue } from '../../Filters.model';
+import type { FilterValidationResult, FilterValue } from '../../Filters.model';
 import classes from './DateTimeFilter.scss';
 
 export interface DateTimeFilterProps {

package/src/components/Filters/SelectionTypes/FreeTextFilter/FreeTextFilter.tsx

@@ -1,7 +1,7 @@
 import clsx from 'clsx';
-import React, { KeyboardEventHandler, useRef, useState } from 'react';
+import React, { type KeyboardEventHandler, useRef, useState } from 'react';
 import { noop } from '../../../../helpers/utils';
-import { FilterValidationResult, FilterValue } from '../../Filters.model';
+import type { FilterValidationResult, FilterValue } from '../../Filters.model';
 import classes from './FreeTextFilter.scss';
 
 export interface FreeTextFilterProps {

package/src/components/Filters/SelectionTypes/MultiOptionFilter/MultiOptionFilter.tsx

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { ButtonContext } from '../../../Buttons';
 import { TextButton } from '../../../Buttons/TextButton/TextButton';
 import { Checkbox } from '../../../FormElements';
-import { Option } from '../../Filters.model';
+import type { Option } from '../../Filters.model';
 import classes from './MultiOptionFilter.scss';
 
 export interface MultiOptionFilterProps {

package/src/components/Filters/SelectionTypes/NumericTextFilter/NumericTextFilter.tsx

@@ -1,7 +1,7 @@
 import clsx from 'clsx';
-import React, { KeyboardEventHandler, useState } from 'react';
+import React, { type KeyboardEventHandler, useState } from 'react';
 import { noop } from '../../../../helpers/utils';
-import { FilterValidationResult, FilterValue } from '../../Filters.model';
+import type { FilterValidationResult, FilterValue } from '../../Filters.model';
 import classes from './NumericTextFilter.scss';
 
 export interface NumericTextFilterProps {

package/src/components/Filters/SelectionTypes/OptionsFilter/OptionsFilter.spec.tsx

@@ -1,7 +1,7 @@
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
-import { Option } from '../../Filters.model';
+import type { Option } from '../../Filters.model';
 import { OptionsFilter } from './OptionsFilter';
 
 const options: Option[] = [

package/src/components/Filters/SelectionTypes/OptionsFilter/OptionsFilter.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import React from 'react';
-import { Option } from '../../Filters.model';
+import type { Option } from '../../Filters.model';
 import classes from './OptionsFilter.scss';
 
 export interface OptionFilterProps {

package/src/components/Filters/SelectionTypes/SearcheableOptionsFilter/SearcheableOptionsFilter.tsx

@@ -1,9 +1,14 @@
 import clsx from 'clsx';
 import { debounce } from 'lodash';
-import React, { ChangeEvent, useCallback, useEffect, useState } from 'react';
-import { Option } from '../../Filters.model';
+import React, {
+  type ChangeEvent,
+  useCallback,
+  useEffect,
+  useState,
+} from 'react';
+import type { Option } from '../../Filters.model';
 import {
-  OptionFilterProps,
+  type OptionFilterProps,
   OptionsFilter,
 } from '../OptionsFilter/OptionsFilter';
 import classes from './SearcheableOptionsFilter.scss';

package/src/components/Filters/SelectionTypes/SearcheableOptionsFilter/helpers.ts

@@ -1,5 +1,8 @@
-import { Data } from '../../../../types';
-import { FilterValue, SearcheableOptionsFilter } from '../../Filters.model';
+import type { Data } from '../../../../types';
+import type {
+  FilterValue,
+  SearcheableOptionsFilter,
+} from '../../Filters.model';
 
 export function renderSearcheableOptionsFilterValue<T extends Data>(
   value: FilterValue,

package/src/components/Filters/Validators/DateRangeFilterValidator.spec.ts

@@ -1,6 +1,6 @@
 import { DateTime, Settings } from 'luxon';
 import { describe, expect, it } from 'vitest';
-import { FilterValues } from '../Filters.model';
+import type { FilterValues } from '../Filters.model';
 import { createDateRangeFilterValidators } from './DateRangeFilterValidator';
 
 interface DateRangeFilterValidatorTestData {

package/src/components/Filters/Validators/DateRangeFilterValidator.ts

@@ -1,4 +1,4 @@
-import { FilterValidatorFunction } from '../Filters.model';
+import type { FilterValidatorFunction } from '../Filters.model';
 
 interface DateRangeFilterValidatorOptions {
   fromDateIndex: number;

package/src/components/Filters/Validators/NumberRangeFilterValidator.spec.ts

@@ -1,6 +1,6 @@
 import { Settings } from 'luxon';
 import { describe, expect, it } from 'vitest';
-import { FilterValues } from '../Filters.model';
+import type { FilterValues } from '../Filters.model';
 import { createNumberRangeFilterValidators } from './NumberRangeFilterValidator';
 
 interface NumberRangeFilterValidatorTestData {

package/src/components/Filters/Validators/NumberRangeFilterValidator.ts

@@ -1,4 +1,4 @@
-import { FilterValidatorFunction } from '../Filters.model';
+import type { FilterValidatorFunction } from '../Filters.model';
 
 interface NumberRangeFilterValidatorOptions {
   fromIndex: number;

package/src/components/FormElements/BooleanView/BooleanViewField.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 { createGroups } from '../../../helpers/storybook';
 import { BooleanViewField } from './BooleanViewField';
 

package/src/components/FormElements/BooleanView/BooleanViewField.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import React from 'react';
-import { BaseFormElement } from '../Form.models';
+import type { BaseFormElement } from '../Form.models';
 import { FormElementContainer } from '../FormElementContainer';
 import classes from './BooleanViewField.scss';
 

package/src/components/FormElements/Checkbox/Checkbox.scss

@@ -26,7 +26,8 @@
     // transition: background-color 0.15s ease-in-out 0s;
 
     &.hasConfirm {
-      border: 1px solid var(--checkbox-warning-border-color, $checkbox-warning-border-color);
+      border: 1px solid
+        var(--checkbox-warning-border-color, $checkbox-warning-border-color);
     }
 
     &.hasError {
@@ -54,8 +55,16 @@
     box-shadow: 0 0 0 2px var(--input-hover-color, $input-hover-color);
 
     &.hasConfirm {
-      border: 1px solid var(--checkbox-warning-hover-border-color, $checkbox-warning-hover-border-color);
-      box-shadow: 0 0 0 2px var(--checkbox-warning-hover-border-color, $checkbox-warning-hover-border-color);
+      border: 1px solid
+        var(
+          --checkbox-warning-hover-border-color,
+          $checkbox-warning-hover-border-color
+        );
+      box-shadow: 0 0 0 2px
+        var(
+          --checkbox-warning-hover-border-color,
+          $checkbox-warning-hover-border-color
+        );
     }
 
     &.hasError {
@@ -70,7 +79,10 @@
     background-color: var(--input-hover-color, $input-hover-color);
 
     &.hasConfirm {
-      background-color: var(--checkbox-warning-checked-bg-color, $checkbox-warning-checked-bg-color);
+      background-color: var(
+        --checkbox-warning-checked-bg-color,
+        $checkbox-warning-checked-bg-color
+      );
     }
 
     &.hasError {

package/src/components/FormElements/Checkbox/Checkbox.spec.tsx

@@ -3,7 +3,7 @@ import { fireEvent, render, waitFor } from '@testing-library/react';
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { describe, expect, it, vi } from 'vitest';
-import { Checkbox, CheckboxProps } from './Checkbox';
+import { Checkbox, type CheckboxProps } from './Checkbox';
 
 describe('Checkbox', () => {
   it('renders the component without crashing', () => {

package/src/components/FormElements/Checkbox/Checkbox.stories.tsx

@@ -1,7 +1,7 @@
 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 React, { useState } from 'react';
+import { action } from 'storybook/actions';
 import { createGroups } from '../../../helpers/storybook';
 import { Checkbox } from './Checkbox';
 

package/src/components/FormElements/Checkbox/Checkbox.tsx

@@ -2,10 +2,10 @@ import clsx from 'clsx';
 import React, { useRef, useState } from 'react';
 import {
   ConfirmDialog,
-  ConfirmationConfig,
-  ConfirmationMode,
+  type ConfirmationConfig,
+  type ConfirmationMode,
 } from '../../ConfirmDialog';
-import { BaseFormControl, BaseInputEvents } from '../Form.models';
+import type { BaseFormControl, BaseInputEvents } from '../Form.models';
 import { FormElementContainer } from '../FormElementContainer';
 import classes from './Checkbox.scss';
 

package/src/components/FormElements/Checkbox/CheckboxField.tsx

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

package/src/components/FormElements/CustomTags/CustomTags.stories.tsx

@@ -1,6 +1,6 @@
-import { action } from '@storybook/addon-actions';
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React, { useState } from 'react';
+import { action } from 'storybook/actions';
 import { createGroups } from '../../../helpers/storybook';
 import { CustomTags } from './CustomTags';