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

package/src/components/Buttons/CompositeButton/CompositeButton.scss

@@ -121,11 +121,21 @@
     }
 
     &:disabled {
-      border: 1px solid var(--composite-button-context-disabled-border-color, $composite-button-context-disabled-border-color);
-      color: var(--composite-button-context-disabled-color, $composite-button-context-disabled-color);
+      border: 1px solid
+        var(
+          --composite-button-context-disabled-border-color,
+          $composite-button-context-disabled-border-color
+        );
+      color: var(
+        --composite-button-context-disabled-color,
+        $composite-button-context-disabled-color
+      );
 
       svg * {
-        stroke: var(--composite-button-context-disabled-color, $composite-button-context-disabled-color);
+        stroke: var(
+          --composite-button-context-disabled-color,
+          $composite-button-context-disabled-color
+        );
       }
     }
   }
@@ -146,11 +156,17 @@
 
     &:active {
       background-color: white;
-      color: var(--composite-button-active-color, $composite-button-active-color);
+      color: var(
+        --composite-button-active-color,
+        $composite-button-active-color
+      );
     }
 
     &:disabled {
-      background-color: var(--composite-button-active-disabled-background-color, $composite-button-active-disabled-background-color);
+      background-color: var(
+        --composite-button-active-disabled-background-color,
+        $composite-button-active-disabled-background-color
+      );
       color: color-mix(in srgb, white 50%, transparent);
     }
   }

package/src/components/Buttons/CompositeButton/CompositeButton.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/Buttons/CompositeButton/CompositeButton.tsx

@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 import { noop } from '../../../helpers/utils';
 import { IconName, Icons } from '../../Icons';
 import { ButtonContext } from '../Button.model';
-import {
+import type {
   CompositeButtonProps,
   CompositeJsButtonProps,
   CompositeNavigationButtonProps,

package/src/components/Buttons/CompositeButton/index.ts

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

package/src/components/Buttons/TextButton/TextButton.model.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   CommonJsButtonOptions,
   CommonNavigationButtonOptions,
   TextButtonOptions,

package/src/components/Buttons/TextButton/TextButton.scss

@@ -84,8 +84,15 @@
     }
 
     &:disabled {
-      border: 1px solid var(--text-button-context-disabled-border-color, $text-button-context-disabled-border-color);
-      color: var(--text-button-context-disabled-color, $text-button-context-disabled-color);
+      border: 1px solid
+        var(
+          --text-button-context-disabled-border-color,
+          $text-button-context-disabled-border-color
+        );
+      color: var(
+        --text-button-context-disabled-color,
+        $text-button-context-disabled-color
+      );
     }
   }
 
@@ -109,7 +116,10 @@
     }
 
     &:disabled {
-      background-color: var(--text-button-active-disabled-background-color, $text-button-active-disabled-background-color);
+      background-color: var(
+        --text-button-active-disabled-background-color,
+        $text-button-active-disabled-background-color
+      );
       color: color-mix(in srgb, white 50%, transparent);
     }
   }

package/src/components/Buttons/TextButton/TextButton.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/Buttons/TextButton/TextButton.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import { noop } from '../../../helpers/utils';
 import { ButtonContext } from '../Button.model';
-import {
+import type {
   TextButtonProps,
   TextContextButtonProps,
   TextNavigationButtonProps,

package/src/components/Buttons/TextButton/index.ts

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

package/src/components/ConfirmDialog/ConfirmDialog.scss

@@ -32,7 +32,10 @@ $pop-up-horizontal-arrow: 47%;
 
       padding: 5px;
 
-      color: var(--confirm-dialog-body-text-color, $confirm-dialog-body-text-color);
+      color: var(
+        --confirm-dialog-body-text-color,
+        $confirm-dialog-body-text-color
+      );
       font-size: 14px;
 
       .defaultText {

package/src/components/ConfirmDialog/ConfirmDialog.spec.tsx

@@ -2,7 +2,7 @@ import { fireEvent, render, screen } from '@testing-library/react';
 import React, { useState } from 'react';
 import { describe, expect, it, vi } from 'vitest';
 import { ConfirmDialog } from './ConfirmDialog';
-import { ConfirmationConfig } from './ConfirmDialog.models';
+import type { ConfirmationConfig } from './ConfirmDialog.models';
 
 const TestWrapper: React.FC<{
   onConfirmOpen: ConfirmationConfig['onConfirmOpen'];

package/src/components/ConfirmDialog/ConfirmDialog.stories.tsx

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import React, { useState } from 'react';
 import classes from '../../../.storybook/static/css/confirm-dialog.scss';
 import { useExpand } from '../../hooks/useExpand/useExpand';

package/src/components/ConfirmDialog/ConfirmDialog.tsx

@@ -4,7 +4,7 @@ import { usePopper } from 'react-popper';
 import { noop } from '../../helpers/utils';
 import { ButtonContext, TextButton } from '../Buttons';
 import { Message } from '../Message';
-import {
+import type {
   ConfirmationMode,
   ConfirmationPlacement,
 } from './ConfirmDialog.models';

package/src/components/DateTime/DatePicker/DatePicker.scss

@@ -36,7 +36,10 @@
     cursor: pointer;
   }
   :global(.react-calendar__navigation) button[disabled] {
-    background-color: var(--datepicker-navigation-button-disabled-bg, $datepicker-navigation-button-disabled-bg);
+    background-color: var(
+      --datepicker-navigation-button-disabled-bg,
+      $datepicker-navigation-button-disabled-bg
+    );
   }
   :global(.react-calendar__month-view__weekdays) {
     text-align: center;
@@ -59,7 +62,10 @@
     padding: calc(0.75em / 0.75) calc(0.5em / 0.75);
   }
   :global(.react-calendar__month-view__days__day--neighboringMonth) {
-    color: var(--datepicker-neighbor-month-color, $datepicker-neighbor-month-color);
+    color: var(
+      --datepicker-neighbor-month-color,
+      $datepicker-neighbor-month-color
+    );
   }
   :global(.react-calendar__year-view) :global(.react-calendar__tile),
   :global(.react-calendar__decade-view) :global(.react-calendar__tile),
@@ -74,17 +80,29 @@
     background: none;
   }
   :global(.react-calendar__tile):disabled {
-    background-color: var(--datepicker-tile-disabled-bg, $datepicker-tile-disabled-bg);
+    background-color: var(
+      --datepicker-tile-disabled-bg,
+      $datepicker-tile-disabled-bg
+    );
   }
   :global(.react-calendar__tile):enabled:hover {
-    background-color: var(--datepicker-tile-hover-bg, $datepicker-tile-hover-bg);
+    background-color: var(
+      --datepicker-tile-hover-bg,
+      $datepicker-tile-hover-bg
+    );
   }
   :global(.react-calendar__tile--hasActive) {
-    background: var(--datepicker-tile-has-active-bg, $datepicker-tile-has-active-bg);
+    background: var(
+      --datepicker-tile-has-active-bg,
+      $datepicker-tile-has-active-bg
+    );
   }
   :global(.react-calendar__tile--hasActive):enabled:hover,
   :global(.react-calendar__tile--hasActive):enabled:focus {
-    background: var(--datepicker-tile-has-active-hover-bg, $datepicker-tile-has-active-hover-bg);
+    background: var(
+      --datepicker-tile-has-active-hover-bg,
+      $datepicker-tile-has-active-hover-bg
+    );
   }
   :global(.react-calendar__tile--active) {
     background: var(--datepicker-tile-active-bg, $datepicker-tile-active-bg);
@@ -92,10 +110,16 @@
   }
   :global(.react-calendar__tile--active):enabled:hover,
   :global(.react-calendar__tile--active):enabled:focus {
-    background: var(--datepicker-tile-active-hover-bg, $datepicker-tile-active-hover-bg);
+    background: var(
+      --datepicker-tile-active-hover-bg,
+      $datepicker-tile-active-hover-bg
+    );
   }
   :global(.react-calendar--selectRange) :global(.react-calendar__tile--hover) {
-    background-color: var(--datepicker-select-range-hover-bg, $datepicker-select-range-hover-bg);
+    background-color: var(
+      --datepicker-select-range-hover-bg,
+      $datepicker-select-range-hover-bg
+    );
   }
 
   :global(.react-calendar__tile) {
@@ -171,7 +195,10 @@
   }
 
   :global(.react-calendar__month-view__days__day--neighboringMonth) * {
-    color: var(--datepicker-neighbor-month-light-color, $datepicker-neighbor-month-light-color);
+    color: var(
+      --datepicker-neighbor-month-light-color,
+      $datepicker-neighbor-month-light-color
+    );
   }
 
   :global(.react-calendar__tile--active),

package/src/components/DateTime/DateTimePicker.stories.tsx

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

package/src/components/DateTime/TimePicker/ScrollColumn/ScrollColumn.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import React, {
-  PropsWithChildren,
+  type PropsWithChildren,
   useEffect,
   useLayoutEffect,
   useRef,

package/src/components/DateTime/TimePicker/TimePicker.tsx

@@ -1,4 +1,4 @@
-import { DateTime } from 'luxon';
+import type { DateTime } from 'luxon';
 import React, { useState } from 'react';
 import { noop } from '../../../helpers/utils';
 import { ScrollColumn } from './ScrollColumn/ScrollColumn';

package/src/components/DynamicDataList/DynamicDataList.model.ts

@@ -1,5 +1,5 @@
-import { Data } from '../../types/data';
-import { ColumnRenderer } from '../List/List.model';
+import type { Data } from '../../types/data';
+import type { ColumnRenderer } from '../List/List.model';
 
 interface DDLUnboundColumn<T extends Data> extends DDLBaseColumn<T> {
   /** The name of the property on the Data object that should be rendered in that column. */

package/src/components/DynamicDataList/DynamicDataList.spec.tsx

@@ -2,8 +2,8 @@ import { render } from '@testing-library/react';
 import React from 'react';
 import type { MockedFunction } from 'vitest';
 import { describe, expect, it, vi } from 'vitest';
-import { DynamicDataList, DynamicDataListProps } from './DynamicDataList';
-import { DynamicListColumn } from './DynamicDataList.model';
+import { DynamicDataList, type DynamicDataListProps } from './DynamicDataList';
+import type { DynamicListColumn } from './DynamicDataList.model';
 import { useDataHandler } from './helpers/useDataHandler';
 
 vi.mock('./helpers/useDataHandler');

package/src/components/DynamicDataList/DynamicDataList.stories.tsx

@@ -1,15 +1,15 @@
 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 from 'react';
+import { action } from 'storybook/actions';
 import * as Yup from 'yup';
 import { createGroups, generateItemArray } from '../../helpers/storybook';
 import { ButtonContext } from '../Buttons';
-import { DynamicDataList, DynamicDataListProps } from './DynamicDataList';
-import { DynamicListColumn } from './DynamicDataList.model';
+import { DynamicDataList, type DynamicDataListProps } from './DynamicDataList';
+import type { DynamicListColumn } from './DynamicDataList.model';
 import {
   DynamicListDataEntry,
-  DynamicListDataEntryProps,
+  type DynamicListDataEntryProps,
 } from './DynamicListDataEntry/DynamicListDataEntry';
 import { createInputRenderer } from './DynamicListDataEntry/Renderers/createInputRenderer/createInputRenderer';
 import { createSelectRenderer } from './DynamicListDataEntry/Renderers/createSelectRenderer/createSelectRenderer';

package/src/components/DynamicDataList/DynamicDataList.tsx

@@ -1,24 +1,24 @@
 import clsx from 'clsx';
-import React, { PropsWithChildren, useCallback } from 'react';
+import React, { type PropsWithChildren, useCallback } from 'react';
 import {
   DragDropContext,
   Draggable,
-  DraggableProvided,
-  DropResult,
+  type DraggableProvided,
+  type DropResult,
   Droppable,
 } from 'react-beautiful-dnd';
-import { OptionalObjectSchema } from 'yup/lib/object';
+import type { OptionalObjectSchema } from 'yup/lib/object';
 import { noop } from '../../helpers/utils';
-import { Data } from '../../types/data';
+import type { Data } from '../../types/data';
 import { uuid } from '../../utils/GenerateId';
-import { ActionData } from '../Actions';
-import { ObjectSchemaDefinition } from '../FormStation';
-import { DynamicListColumn } from './DynamicDataList.model';
+import type { ActionData } from '../Actions';
+import type { ObjectSchemaDefinition } from '../FormStation';
+import type { DynamicListColumn } from './DynamicDataList.model';
 import classes from './DynamicDataList.scss';
 import {
   DynamicListDataEntry,
   DynamicListDataEntryMode,
-  DynamicListDataEntryProps,
+  type DynamicListDataEntryProps,
 } from './DynamicListDataEntry/DynamicListDataEntry';
 import { DynamicListHeader } from './DynamicListHeader/DynamicListHeader';
 import { DynamicListRow } from './DynamicListRow/DynamicListRow';

package/src/components/DynamicDataList/DynamicListDataEntry/DynamicListDataEntry.spec.tsx

@@ -1,16 +1,16 @@
 import { fireEvent, render } from '@testing-library/react';
-import React, { ChangeEvent, useState } from 'react';
+import React, { type ChangeEvent, useState } from 'react';
 import { act } from 'react-dom/test-utils';
 import { describe, expect, it, vi } from 'vitest';
 import * as Yup from 'yup';
-import { ObjectSchemaDefinition } from '../../FormStation';
-import {
+import type { ObjectSchemaDefinition } from '../../FormStation';
+import type {
   DynamicListColumn,
   DynamicListDataEntryRenderer,
 } from '../DynamicDataList.model';
 import {
   DynamicListDataEntry,
-  DynamicListDataEntryProps,
+  type DynamicListDataEntryProps,
 } from './DynamicListDataEntry';
 
 interface TestData {

package/src/components/DynamicDataList/DynamicListDataEntry/DynamicListDataEntry.tsx

@@ -1,19 +1,19 @@
 import clsx from 'clsx';
 import React, {
-  PropsWithChildren,
-  ReactElement,
+  type PropsWithChildren,
+  type ReactElement,
   useCallback,
   useEffect,
   useState,
 } from 'react';
-import { ValidationError } from 'yup';
-import { OptionalObjectSchema } from 'yup/lib/object';
+import type { ValidationError } from 'yup';
+import type { OptionalObjectSchema } from 'yup/lib/object';
 import { noop } from '../../../helpers/utils';
-import { Data } from '../../../types/data';
+import type { Data } from '../../../types/data';
 import { Button, ButtonContext } from '../../Buttons';
-import { ObjectSchemaDefinition } from '../../FormStation';
+import type { ObjectSchemaDefinition } from '../../FormStation';
 import { IconName, Icons } from '../../Icons';
-import { DynamicListColumn } from '../DynamicDataList.model';
+import type { DynamicListColumn } from '../DynamicDataList.model';
 import classes from './DynamicListDataEntry.scss';
 
 export enum DynamicListDataEntryMode {

package/src/components/DynamicDataList/DynamicListDataEntry/Renderers/createInputRenderer/createInputRenderer.spec.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { describe, expect, it, vi } from 'vitest';
 import { noop } from '../../../../../helpers/utils';
-import { CreateInputRendererConfig } from '../renderers.model';
+import type { CreateInputRendererConfig } from '../renderers.model';
 import { createInputRenderer } from './createInputRenderer';
 
 interface RendererWrapperProps extends CreateInputRendererConfig {

package/src/components/DynamicDataList/DynamicListDataEntry/Renderers/createInputRenderer/createInputRenderer.tsx

@@ -1,7 +1,7 @@
-import React, { ChangeEvent } from 'react';
-import { DynamicListDataEntryRenderer } from '../../../../DynamicDataList/DynamicDataList.model';
+import React, { type ChangeEvent } from 'react';
+import type { DynamicListDataEntryRenderer } from '../../../../DynamicDataList/DynamicDataList.model';
 import { SingleLineText } from '../../../../FormElements';
-import { CreateInputRendererConfig } from '../renderers.model';
+import type { CreateInputRendererConfig } from '../renderers.model';
 import classes from './createInputRenderer.scss';
 
 /**

package/src/components/DynamicDataList/DynamicListDataEntry/Renderers/createSelectRenderer/createSelectRenderer.spec.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { describe, expect, it, vi } from 'vitest';
 import { noop } from '../../../../../helpers/utils';
-import { CreateSelectRendererConfig } from '../renderers.model';
+import type { CreateSelectRendererConfig } from '../renderers.model';
 import { createSelectRenderer } from './createSelectRenderer';
 
 interface RendererWrapperProps extends CreateSelectRendererConfig {

package/src/components/DynamicDataList/DynamicListDataEntry/Renderers/createSelectRenderer/createSelectRenderer.tsx

@@ -1,7 +1,7 @@
-import React, { ChangeEvent } from 'react';
-import { DynamicListDataEntryRenderer } from '../../../../DynamicDataList/DynamicDataList.model';
+import React, { type ChangeEvent } from 'react';
+import type { DynamicListDataEntryRenderer } from '../../../../DynamicDataList/DynamicDataList.model';
 import { Select } from '../../../../FormElements';
-import { CreateSelectRendererConfig } from '../renderers.model';
+import type { CreateSelectRendererConfig } from '../renderers.model';
 import classes from './createSelectRenderer.scss';
 
 /**

package/src/components/DynamicDataList/DynamicListDataEntry/Renderers/renderers.model.ts

@@ -1,4 +1,7 @@
-import { BaseFormControl, SingleLineTextProps } from '../../../FormElements';
+import type {
+  BaseFormControl,
+  SingleLineTextProps,
+} from '../../../FormElements';
 
 export interface BaseRendererConfig {
   /** id html element id attribute */

package/src/components/DynamicDataList/DynamicListHeader/DynamicListHeader.spec.tsx

@@ -1,8 +1,11 @@
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
-import { DynamicListColumn } from '../DynamicDataList.model';
-import { DynamicListHeader, DynamicListHeaderProps } from './DynamicListHeader';
+import type { DynamicListColumn } from '../DynamicDataList.model';
+import {
+  DynamicListHeader,
+  type DynamicListHeaderProps,
+} from './DynamicListHeader';
 
 interface DynamicListHeaderTestData {
   id: number;

package/src/components/DynamicDataList/DynamicListHeader/DynamicListHeader.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
-import React, { PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 import { useResize } from '../../../hooks/useResize/useResize';
-import { Data } from '../../../types/data';
-import { DynamicListColumn } from '../DynamicDataList.model';
+import type { Data } from '../../../types/data';
+import type { DynamicListColumn } from '../DynamicDataList.model';
 import classes from './DynamicListHeader.scss';
 
 // TODO: Remove this data type, generic should actually be column type

package/src/components/DynamicDataList/DynamicListRow/DynamicListRow.spec.tsx

@@ -1,8 +1,8 @@
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
 import { describe, expect, it, vi } from 'vitest';
-import { DynamicListColumn } from '../DynamicDataList.model';
-import { DynamicListRow, DynamicListRowProps } from './DynamicListRow';
+import type { DynamicListColumn } from '../DynamicDataList.model';
+import { DynamicListRow, type DynamicListRowProps } from './DynamicListRow';
 
 interface DynamicListRowTestData {
   id: number;

package/src/components/DynamicDataList/DynamicListRow/DynamicListRow.tsx

@@ -1,14 +1,14 @@
 import clsx from 'clsx';
-import React, { PropsWithChildren, useEffect, useState } from 'react';
-import { DraggableProvided } from 'react-beautiful-dnd';
+import React, { type PropsWithChildren, useEffect, useState } from 'react';
+import type { DraggableProvided } from 'react-beautiful-dnd';
 import { noop } from '../../../helpers/utils';
-import { Data } from '../../../types/data';
+import type { Data } from '../../../types/data';
 import { getTooltipText } from '../../../utils/ToolTipHelpers';
-import { ActionData } from '../../Actions';
+import type { ActionData } from '../../Actions';
 import { Button, ButtonContext } from '../../Buttons';
 import { IconName, Icons } from '../../Icons';
 import { InlineMenu } from '../../InlineMenu';
-import { DynamicListColumn } from '../DynamicDataList.model';
+import type { DynamicListColumn } from '../DynamicDataList.model';
 import classes from './DynamicListRow.scss';
 
 export interface DynamicListRowProps<T extends Data> {

package/src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.actions.ts

@@ -1,5 +1,5 @@
-import { Data } from '../../../../types';
-import { DynamicListReducerState } from './DynamicListReducer.types';
+import type { Data } from '../../../../types';
+import type { DynamicListReducerState } from './DynamicListReducer.types';
 
 export const addItem = <T extends Data>(
   item: T,

package/src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.init.ts

@@ -1,5 +1,5 @@
-import { Data } from '../../../../types';
-import {
+import type { Data } from '../../../../types';
+import type {
   DynamicListReducerInitArgs,
   DynamicListReducerState,
 } from './DynamicListReducer.types';

package/src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.spec.ts

@@ -4,7 +4,7 @@ import { addItem, removeItem } from './DynamicListReducer.actions';
 import { DynamicListReducerInit } from './DynamicListReducer.init';
 import {
   DynamicListReducerActionType,
-  DynamicListReducerState,
+  type DynamicListReducerState,
 } from './DynamicListReducer.types';
 
 vi.mock('./DynamicListReducer.init');

package/src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.ts

@@ -1,10 +1,10 @@
-import { Data } from '../../../../types';
+import type { Data } from '../../../../types';
 import { addItem, removeItem } from './DynamicListReducer.actions';
 import { DynamicListReducerInit } from './DynamicListReducer.init';
 import {
-  DynamicListReducerAction,
+  type DynamicListReducerAction,
   DynamicListReducerActionType,
-  DynamicListReducerState,
+  type DynamicListReducerState,
 } from './DynamicListReducer.types';
 
 export const DynamicListReducer = <T extends Data>(

package/src/components/DynamicDataList/helpers/DynamicListReducer/DynamicListReducer.types.ts

@@ -1,4 +1,4 @@
-import { Data } from '../../../../types';
+import type { Data } from '../../../../types';
 
 export interface DynamicListReducerInitArgs<T extends Data> {
   initialValue: T[];

package/src/components/DynamicDataList/helpers/useColumnDefs.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
-import { Data } from '../../../types';
-import { DynamicListColumn } from '../DynamicDataList.model';
+import type { Data } from '../../../types';
+import type { DynamicListColumn } from '../DynamicDataList.model';
 
 /**
  * Generates a combined string of all columns.columnSize values, to be used as CSS value

package/src/components/DynamicDataList/helpers/useDataHandler.ts

@@ -1,12 +1,12 @@
-import { Reducer, useEffect, useReducer, useState } from 'react';
-import { Data } from '../../../types';
+import { type Reducer, useEffect, useReducer, useState } from 'react';
+import type { Data } from '../../../types';
 import {
   DynamicListReducer,
-  DynamicListReducerAction,
+  type DynamicListReducerAction,
   DynamicListReducerActionType,
   DynamicListReducerInit,
-  DynamicListReducerInitArgs,
-  DynamicListReducerState,
+  type DynamicListReducerInitArgs,
+  type DynamicListReducerState,
 } from './DynamicListReducer';
 
 export const useDataHandler = <T extends Data>(

package/src/components/DynamicDataList/helpers/useRowAnimation.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { Data } from '../../../types';
+import type { Data } from '../../../types';
 
 interface RowAnimationProps<T> {
   data: T;

package/src/components/DynamicDataList/helpers/useRowEditing.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { Data } from '../../../types';
+import type { Data } from '../../../types';
 
 export const useRowEditing = <T extends Data>(
   allowEditing: boolean,

package/src/components/DynamicDataList/index.ts

@@ -2,8 +2,8 @@ export * from './DynamicDataList';
 export * from './DynamicDataList.model';
 export * from './DynamicListDataEntry';
 export {
-  CreateInputRendererConfig,
-  CreateSelectRendererConfig,
   createInputRenderer,
   createSelectRenderer,
+  type CreateInputRendererConfig,
+  type CreateSelectRendererConfig,
 } from './DynamicListDataEntry/Renderers';