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

package/src/components/EmptyStation/EmptyStation.spec.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { noop } from '../../helpers/utils';
 import { initializeUi } from '../../initialize';
-import { StationError } from '../models';
-import { EmptyStation, EmptyStationProps } from './EmptyStation';
+import type { StationError } from '../models';
+import { EmptyStation, type EmptyStationProps } from './EmptyStation';
 
 describe('EmptyStation', () => {
   global.ResizeObserver = vi.fn().mockImplementation(function () {

package/src/components/EmptyStation/EmptyStation.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 from 'react';
+import { action } from 'storybook/actions';
 import { createGroups } from '../../helpers/storybook';
 import { IconName } from '../Icons/Icons.models';
 import { EmptyStation } from './EmptyStation';

package/src/components/EmptyStation/EmptyStation.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
-import React, { PropsWithChildren } from 'react';
-import { MessageBar, MessageBarProps } from '../MessageBar';
-import { PageHeader, PageHeaderProps } from '../PageHeader';
-import { StationError } from '../models';
+import React, { type PropsWithChildren } from 'react';
+import { MessageBar, type MessageBarProps } from '../MessageBar';
+import { PageHeader, type PageHeaderProps } from '../PageHeader';
+import type { StationError } from '../models';
 import classes from './EmptyStation.scss';
 
 export type EmptyStationProps = PageHeaderProps & {

package/src/components/Explorer/BulkEdit/BulkEdit.model.ts

@@ -1,4 +1,4 @@
-import { BaseSchema } from 'yup';
+import type { BaseSchema } from 'yup';
 
 export interface BulkEditFieldConfig {
   type: string | { [key: string]: unknown }[];
@@ -23,5 +23,12 @@ export interface BulkEditConfig {
     set?: string;
     filter?: string;
   };
+  /**
+   * Names of the filter fields whose values are backed by a GraphQL enum.
+   * Their values are wrapped so they are emitted as bare enum literals
+   * (e.g. `status: { in: [ACTIVE] }`) rather than quoted strings when the
+   * filter is inlined into the generated mutation document.
+   */
+  filterEnumFields?: string[];
   fields: BulkEditFieldConfigMap;
 }

package/src/components/Explorer/BulkEdit/FormFieldsConfigConverter.spec.tsx

@@ -2,7 +2,7 @@ import { render } from '@testing-library/react';
 import { Field } from 'formik';
 import React from 'react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { BulkEditFieldConfigMap } from './BulkEdit.model';
+import type { BulkEditFieldConfigMap } from './BulkEdit.model';
 import { BulkEditFormFieldsConfigConverter } from './FormFieldsConfigConverter';
 
 vi.mock('../../FormElements', () => ({
@@ -184,7 +184,9 @@ describe('BulkEditFormFieldsConfigConverter', () => {
   });
 
   it('logs a warning for unsupported field types', () => {
-    const consoleWarnSpy = vi.spyOn(console, 'warn').mockReturnValue(undefined);
+    const consoleWarnSpy = vi
+      .spyOn(console, 'warn')
+      .mockImplementation(() => undefined);
     const config: BulkEditFieldConfigMap = {
       unsupportedField: {
         type: 'UnsupportedType' as any,

package/src/components/Explorer/BulkEdit/FormFieldsConfigConverter.tsx

@@ -1,13 +1,13 @@
 import { useFormikContext } from 'formik';
 import React, { useMemo } from 'react';
-import { Data } from '../../../types';
+import type { Data } from '../../../types';
 import { FieldSelection } from '../../FieldSelection';
 import {
   CheckboxField,
   CustomTagsField,
   SingleLineTextField,
 } from '../../FormElements';
-import { BulkEditFieldConfigMap } from './BulkEdit.model';
+import type { BulkEditFieldConfigMap } from './BulkEdit.model';
 import { FieldWrapper } from './helpers/FieldWrapper';
 
 export const defaultComponentMap = {

package/src/components/Explorer/BulkEdit/GenerateMutation.spec.tsx

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { BulkEditConfig } from './BulkEdit.model';
+import type { BulkEditConfig } from './BulkEdit.model';
 import { generateBulkEditMutation } from './GenerateMutation';
 
 describe('generateBulkEditMutation', () => {
@@ -157,6 +157,57 @@ describe('generateBulkEditMutation', () => {
     );
   });
 
+  it('should emit enum filter values as bare enum literals, not quoted strings', () => {
+    const config: BulkEditConfig = {
+      mutation: 'bulkEditUsersAsync',
+      filterEnumFields: ['status'],
+      fields: {
+        name: {
+          type: 'String',
+          label: 'Name',
+          originalFieldName: 'name',
+          action: 'set',
+        },
+      },
+    };
+
+    const result = generateBulkEditMutation(
+      config,
+      { name: 'New Name' },
+      { status: { in: ['ACTIVE', 'BLOCKED'], isNull: false } },
+    );
+
+    // `status` values are bare enum literals, while `isNull` stays boolean.
+    expect(result).toBe(
+      `mutation { bulkEditUsersAsync (set: {name: "New Name"}, filter: {status: {in: [ACTIVE, BLOCKED], isNull: false}}) { filterMatchedIds } }`,
+    );
+  });
+
+  it('should leave the filter untouched when no filterEnumFields are configured', () => {
+    const config: BulkEditConfig = {
+      mutation: 'bulkEditUsersAsync',
+      fields: {
+        name: {
+          type: 'String',
+          label: 'Name',
+          originalFieldName: 'name',
+          action: 'set',
+        },
+      },
+    };
+
+    const result = generateBulkEditMutation(
+      config,
+      { name: 'New Name' },
+      { status: { in: ['ACTIVE'] } },
+    );
+
+    // Without filterEnumFields the value remains a quoted string.
+    expect(result).toBe(
+      `mutation { bulkEditUsersAsync (set: {name: "New Name"}, filter: {status: {in: ["ACTIVE"]}}) { filterMatchedIds } }`,
+    );
+  });
+
   it('should use custom key names when provided in config', () => {
     const configWithCustomKeys: BulkEditConfig = {
       mutation: 'bulkEditCustom',

package/src/components/Explorer/BulkEdit/GenerateMutation.tsx

@@ -1,6 +1,7 @@
 import { jsonToGraphQLQuery } from 'json-to-graphql-query';
-import { Data } from '../../../types';
-import { BulkEditConfig } from './BulkEdit.model';
+import type { Data } from '../../../types';
+import type { BulkEditConfig } from './BulkEdit.model';
+import { wrapFilterEnums } from './helpers/wrapFilterEnums';
 
 export const generateBulkEditMutation = <T extends Data>(
   config: BulkEditConfig,
@@ -154,6 +155,15 @@ export const generateBulkEditMutation = <T extends Data>(
     throw new Error('No valid fields to generate mutation');
   }
 
+  // Enum filter values must be emitted as bare GraphQL enum literals
+  // (e.g. `status: { in: [ACTIVE] }`), not quoted strings, when inlined into
+  // the mutation document. Wrap them based on the enum fields declared in the
+  // config so `jsonToGraphQLQuery` renders them without quotes.
+  const wrappedFilter: object | undefined =
+    filter && config.filterEnumFields?.length
+      ? (wrapFilterEnums(filter, config.filterEnumFields) as object)
+      : filter;
+
   return jsonToGraphQLQuery({
     mutation: {
       [mutation]: {
@@ -170,7 +180,7 @@ export const generateBulkEditMutation = <T extends Data>(
           ...(Object.keys(set).length > 0 && {
             [setKey]: set,
           }),
-          ...(filter && { [filterKey]: filter }),
+          ...(wrappedFilter && { [filterKey]: wrappedFilter }),
         },
         filterMatchedIds: true,
       },

package/src/components/Explorer/BulkEdit/helpers/FieldWrapper.tsx

@@ -1,9 +1,9 @@
 import { Field, useFormikContext } from 'formik';
 import React, { useEffect } from 'react';
-import { Data } from '../../../../types';
+import type { Data } from '../../../../types';
 import { Button, ButtonContext } from '../../../Buttons';
 import { IconName } from '../../../Icons';
-import { BulkEditFieldConfig } from '../BulkEdit.model';
+import type { BulkEditFieldConfig } from '../BulkEdit.model';
 import classes from './FieldWrapper.scss';
 
 interface FieldWrapperProps {

package/src/components/Explorer/BulkEdit/helpers/wrapFilterEnums.spec.ts

@@ -0,0 +1,80 @@
+import { EnumType } from 'json-to-graphql-query';
+import { describe, expect, it } from 'vitest';
+import { wrapFilterEnums } from './wrapFilterEnums';
+
+describe('wrapFilterEnums', () => {
+  it('wraps the values of an `in` list as enum literals', () => {
+    expect(
+      wrapFilterEnums({ status: { in: ['ACTIVE', 'BLOCKED'] } }, ['status']),
+    ).toEqual({
+      status: { in: [new EnumType('ACTIVE'), new EnumType('BLOCKED')] },
+    });
+  });
+
+  it('wraps a scalar operator value as an enum literal', () => {
+    expect(
+      wrapFilterEnums({ status: { equalTo: 'ACTIVE' } }, ['status']),
+    ).toEqual({ status: { equalTo: new EnumType('ACTIVE') } });
+  });
+
+  it('leaves the boolean `isNull` operator untouched', () => {
+    expect(
+      wrapFilterEnums({ status: { in: ['ACTIVE'], isNull: false } }, [
+        'status',
+      ]),
+    ).toEqual({ status: { in: [new EnumType('ACTIVE')], isNull: false } });
+  });
+
+  it('leaves fields that are not enum-backed untouched', () => {
+    expect(
+      wrapFilterEnums(
+        {
+          status: { equalTo: 'ACTIVE' },
+          email: { includesInsensitive: 'axinom' },
+        },
+        ['status'],
+      ),
+    ).toEqual({
+      status: { equalTo: new EnumType('ACTIVE') },
+      email: { includesInsensitive: 'axinom' },
+    });
+  });
+
+  it('recurses through the logical and/or/not operators', () => {
+    expect(
+      wrapFilterEnums(
+        {
+          and: [
+            { status: { equalTo: 'ACTIVE' } },
+            { not: { status: { equalTo: 'BLOCKED' } } },
+          ],
+        },
+        ['status'],
+      ),
+    ).toEqual({
+      and: [
+        { status: { equalTo: new EnumType('ACTIVE') } },
+        { not: { status: { equalTo: new EnumType('BLOCKED') } } },
+      ],
+    });
+  });
+
+  it('returns the filter unchanged when no enum fields are present', () => {
+    const filter = { status: { in: ['ACTIVE'] } };
+    expect(wrapFilterEnums(filter, [])).toEqual({ status: { in: ['ACTIVE'] } });
+  });
+
+  it('leaves a null enum value untouched rather than wrapping it', () => {
+    expect(wrapFilterEnums({ status: { equalTo: null } }, ['status'])).toEqual({
+      status: { equalTo: null },
+    });
+  });
+
+  it('throws for a value that is not a valid enum literal token', () => {
+    expect(() =>
+      wrapFilterEnums({ status: { equalTo: 'ACTIVE"} injection' } }, [
+        'status',
+      ]),
+    ).toThrow(/Invalid enum value/);
+  });
+});

package/src/components/Explorer/BulkEdit/helpers/wrapFilterEnums.ts

@@ -0,0 +1,87 @@
+import { EnumType } from 'json-to-graphql-query';
+
+// A GraphQL enum value is a Name: /[_A-Za-z][_0-9A-Za-z]*/.
+const ENUM_LITERAL_PATTERN = /^[_A-Za-z][_0-9A-Za-z]*$/;
+
+/**
+ * Recursively wraps the values of enum-backed filter fields with `EnumType` so
+ * they are serialized as bare GraphQL enum literals (e.g. `status: { in: [ACTIVE] }`)
+ * rather than quoted strings when the filter is inlined into a mutation document.
+ * Descends through the logical `and`/`or`/`not` operators and leaves every other
+ * field untouched.
+ *
+ * @param filter     the (PostGraphile) filter object to transform.
+ * @param enumFields names of the filter fields whose values are enum-backed.
+ */
+export function wrapFilterEnums(
+  filter: unknown,
+  enumFields: string[],
+): unknown {
+  if (Array.isArray(filter)) {
+    return filter.map((item) => wrapFilterEnums(item, enumFields));
+  }
+
+  if (filter === null || typeof filter !== 'object') {
+    return filter;
+  }
+
+  return Object.entries(filter as Record<string, unknown>).reduce(
+    (acc, [key, value]) => {
+      if (key === 'and' || key === 'or' || key === 'not') {
+        acc[key] = wrapFilterEnums(value, enumFields);
+      } else if (enumFields.includes(key)) {
+        acc[key] = wrapEnumCondition(value);
+      } else {
+        acc[key] = value;
+      }
+      return acc;
+    },
+    {} as Record<string, unknown>,
+  );
+}
+
+/**
+ * Wraps each operator value of a filter condition (e.g. `{ in: ['ACTIVE'] }`,
+ * `{ equalTo: 'ACTIVE' }`) with `EnumType`. The boolean `isNull` operator is
+ * left as-is since it is not an enum value.
+ */
+function wrapEnumCondition(condition: unknown): unknown {
+  if (condition === null || typeof condition !== 'object') {
+    return condition;
+  }
+
+  return Object.entries(condition as Record<string, unknown>).reduce(
+    (acc, [op, value]) => {
+      if (op === 'isNull') {
+        acc[op] = value;
+      } else {
+        acc[op] = Array.isArray(value)
+          ? value.map((item) => toEnumLiteral(item))
+          : toEnumLiteral(value);
+      }
+      return acc;
+    },
+    {} as Record<string, unknown>,
+  );
+}
+
+/**
+ * Wraps a single enum value with `EnumType` so it is emitted as a bare GraphQL
+ * enum literal. `null`/`undefined` are left untouched (e.g. `equalTo: null`),
+ * and any value that is not a valid enum literal token throws instead of being
+ * inlined unquoted — guarding against an invalid (or injectable) document.
+ */
+function toEnumLiteral(value: unknown): unknown {
+  if (value === null || value === undefined) {
+    return value;
+  }
+
+  const token = String(value);
+  if (!ENUM_LITERAL_PATTERN.test(token)) {
+    throw new Error(
+      `Invalid enum value "${token}" in bulk edit filter: enum values must match ${ENUM_LITERAL_PATTERN}.`,
+    );
+  }
+
+  return new EnumType(token);
+}

package/src/components/Explorer/BulkEdit/index.ts

@@ -1,6 +1,6 @@
 export { EnumType as BulkEditEnumType } from 'json-to-graphql-query';
 export type * from './BulkEdit.model';
-export { BulkEditContext, BulkEditContextType } from './BulkEditContext';
+export { BulkEditContext, type BulkEditContextType } from './BulkEditContext';
 export {
   BulkEditFormFieldsConfigConverter,
   defaultComponentMap,

package/src/components/Explorer/BulkEdit/useBulkEdit.tsx

@@ -5,10 +5,10 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import { Data } from '../../../types';
+import type { Data } from '../../../types';
 import { FormStation } from '../../FormStation';
 import { IconName } from '../../Icons';
-import {
+import type {
   BulkEditRegistration,
   ExplorerBulkAction,
   ItemSelection,

package/src/components/Explorer/ConditionalSplit/ConditionalSplit.tsx

@@ -1,4 +1,4 @@
-import { Split, SplitProps } from '@geoffcox/react-splitter';
+import { Split, type SplitProps } from '@geoffcox/react-splitter';
 import React from 'react';
 
 interface ConditionalSplitProps extends React.PropsWithChildren<SplitProps> {

package/src/components/Explorer/Explorer.model.ts

@@ -1,11 +1,11 @@
-import { LocationDescriptor } from 'history';
-import { Data } from '../../types/data';
-import { FilterValues } from '../Filters';
-import { IconName } from '../Icons';
-import { SortData } from '../List';
-import { PageHeaderJsActionProps } from '../PageHeader/PageHeaderAction/PageHeaderAction.model';
-import { ErrorType } from '../models';
-import { BulkEditConfig } from './BulkEdit';
+import type { LocationDescriptor } from 'history';
+import type { Data } from '../../types/data';
+import type { FilterValues } from '../Filters';
+import type { IconName } from '../Icons';
+import type { SortData } from '../List';
+import type { PageHeaderJsActionProps } from '../PageHeader/PageHeaderAction/PageHeaderAction.model';
+import type { ErrorType } from '../models';
+import type { BulkEditConfig } from './BulkEdit';
 
 /**
  * Item selection can have two modes:

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

@@ -10,19 +10,19 @@ import { noop } from '../../helpers/utils';
 import * as expandHook from '../../hooks/useExpand/useExpand';
 import * as app from '../../initialize';
 import { initializeUi } from '../../initialize';
-import { Data } from '../../types/data';
-import { ActionData } from '../Actions';
-import { FilterTypes, FilterValues } from '../Filters/Filters.model';
-import { Column, ListSelectMode, SortData } from '../List';
+import type { Data } from '../../types/data';
+import type { ActionData } from '../Actions';
+import { FilterTypes, type FilterValues } from '../Filters/Filters.model';
+import { type Column, ListSelectMode, type SortData } from '../List';
 import * as GS from '../Utils/State/GlobalState';
-import { StationError } from '../models';
-import { Explorer, ExplorerProps } from './Explorer';
-import {
+import type { StationError } from '../models';
+import { Explorer, type ExplorerProps } from './Explorer';
+import type {
   ExplorerBulkAction,
   ExplorerDataProvider,
   ExplorerDataProviderConnection,
 } from './Explorer.model';
-import { StationMessage } from './helpers/useStationMessage';
+import type { StationMessage } from './helpers/useStationMessage';
 vi.mock('../Utils/State/GlobalState');
 
 vi.mock('../../utils/GenerateId', () => ({

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

@@ -1,9 +1,9 @@
 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, { useContext } from 'react';
 import { MemoryRouter } from 'react-router';
+import { action } from 'storybook/actions';
 import * as Yup from 'yup';
 import {
   createGroups,
@@ -16,14 +16,14 @@ import { FilterTypes } from '../Filters/Filters.model';
 import { ReadOnlyField, SingleLineTextField } from '../FormElements';
 import {
   FormStation,
-  InitialFormData,
-  ObjectSchemaDefinition,
+  type InitialFormData,
+  type ObjectSchemaDefinition,
 } from '../FormStation';
 import { IconName } from '../Icons';
 import { InfoPanel, Paragraph, Section } from '../InfoPanel';
 import { ListSelectMode } from '../List';
 import { createConnectionRenderer } from '../Utils';
-import { BulkEditConfig } from './BulkEdit';
+import type { BulkEditConfig } from './BulkEdit';
 import { generateBulkEditMutation } from './BulkEdit/GenerateMutation';
 import { Explorer } from './Explorer';
 import { QuickEditContext } from './QuickEdit/QuickEditContext';

package/src/components/Explorer/Explorer.tsx

@@ -1,32 +1,32 @@
 import clsx from 'clsx';
-import { LocationDescriptor } from 'history';
+import type { LocationDescriptor } from 'history';
 import {
-  ForwardedRef,
+  type ForwardedRef,
   default as React,
   useCallback,
   useEffect,
   useState,
 } from 'react';
 import { noop } from '../../helpers/utils';
-import { Data } from '../../types/data';
+import type { Data } from '../../types/data';
 import { ErrorTypeToStationError } from '../../utils/ErrorTypeToStationError';
 import { isContextAction } from '../Actions/Action/Action';
-import { ActionData } from '../Actions/Actions.models';
-import { FilterType, FilterValues } from '../Filters/Filters.model';
+import type { ActionData } from '../Actions/Actions.models';
+import type { FilterType, FilterValues } from '../Filters/Filters.model';
 import {
-  Column,
-  ItemSelectEventArgs,
+  type Column,
+  type ItemSelectEventArgs,
   List,
-  ListElement,
+  type ListElement,
   ListSelectMode,
-  SortData,
+  type SortData,
 } from '../List';
-import { PageHeader, PageHeaderActionProps } from '../PageHeader';
+import { PageHeader, type PageHeaderActionProps } from '../PageHeader';
 import { getState, storeState } from '../Utils/State/GlobalState';
-import { ErrorType } from '../models';
+import type { ErrorType } from '../models';
 import { useBulkEdit } from './BulkEdit/';
 import { ConditionalSplit } from './ConditionalSplit/ConditionalSplit';
-import {
+import type {
   BulkEditRegistration,
   ExplorerBulkAction,
   ExplorerDataProvider,
@@ -41,7 +41,10 @@ import { useQuickEdit } from './QuickEdit/useQuickEdit';
 import { useActions } from './helpers/useActions';
 import { useDataProvider } from './helpers/useDataProvider';
 import { useFilters } from './helpers/useFilters';
-import { StationMessage, useStationMessage } from './helpers/useStationMessage';
+import {
+  type StationMessage,
+  useStationMessage,
+} from './helpers/useStationMessage';
 import { useSubtitle } from './helpers/useSubtitle';
 
 export interface ExplorerProps<T extends Data> {

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

@@ -1,12 +1,11 @@
 import { render, waitFor } from '@testing-library/react';
 import React from 'react';
-import type { Mock } from 'vitest';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { beforeEach, describe, expect, it, type Mock, vi } from 'vitest';
 import { noop } from '../../../helpers/utils';
 import { initializeUi } from '../../../initialize';
-import { Column } from '../../List';
-import { PageHeaderActionProps } from '../../PageHeader';
-import { ExplorerDataProvider } from '../Explorer.model';
+import type { Column } from '../../List';
+import type { PageHeaderActionProps } from '../../PageHeader';
+import type { ExplorerDataProvider } from '../Explorer.model';
 import { NavigationExplorer } from './NavigationExplorer';
 
 interface NavExplorerTestData {

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

@@ -1,17 +1,20 @@
 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, { useMemo } from 'react';
 import { MemoryRouter } from 'react-router-dom';
+import { action } from 'storybook/actions';
 import {
   createGroups,
   generateItemArray,
   randomDate,
 } from '../../../helpers/storybook';
-import { Data } from '../../../types/data';
-import { FilterType, FilterTypes } from '../../Filters/Filters.model';
+import type { Data } from '../../../types/data';
+import { type FilterType, FilterTypes } from '../../Filters/Filters.model';
 import { IconName } from '../../Icons';
-import { ExplorerBulkAction, ExplorerDataProvider } from '../Explorer.model';
+import type {
+  ExplorerBulkAction,
+  ExplorerDataProvider,
+} from '../Explorer.model';
 import { NavigationExplorer } from '../NavigationExplorer/NavigationExplorer';
 import {
   createInMemoryDataProvider,

package/src/components/Explorer/NavigationExplorer/NavigationExplorer.tsx

@@ -1,10 +1,10 @@
-import { LocationDescriptor } from 'history';
-import React, { ForwardedRef } from 'react';
-import { Data } from '../../../types/data';
+import type { LocationDescriptor } from 'history';
+import React, { type ForwardedRef } from 'react';
+import type { Data } from '../../../types/data';
 import { IconName } from '../../Icons';
 import { ListSelectMode } from '../../List';
-import { Explorer, ExplorerProps } from '../Explorer';
-import { ExplorerDataProviderConnection } from '../Explorer.model';
+import { Explorer, type ExplorerProps } from '../Explorer';
+import type { ExplorerDataProviderConnection } from '../Explorer.model';
 
 export interface NavigationExplorerProps<T extends Data>
   extends Omit<

package/src/components/Explorer/QuickEdit/QuickEditContext.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { LocationDescriptor } from 'history';
+import type { LocationDescriptor } from 'history';
 import React from 'react';
 
 export interface QuickEditContextType<T> {

package/src/components/Explorer/QuickEdit/useQuickEdit.spec.tsx

@@ -2,12 +2,15 @@ import { render } from '@testing-library/react';
 import React from 'react';
 import { act } from 'react-dom/test-utils';
 import { describe, expect, it, vi } from 'vitest';
-import { QuickEditConfig, QuickEditRegistration } from '../Explorer.model';
-import { QuickEditContext, QuickEditContextType } from './QuickEditContext';
+import type { QuickEditConfig, QuickEditRegistration } from '../Explorer.model';
+import {
+  QuickEditContext,
+  type QuickEditContextType,
+} from './QuickEditContext';
 import {
   useQuickEdit,
-  useQuickEditProps,
-  useQuickEditReturnType,
+  type useQuickEditProps,
+  type useQuickEditReturnType,
 } from './useQuickEdit';
 
 const getTestWrapper = (

package/src/components/Explorer/QuickEdit/useQuickEdit.tsx

@@ -1,13 +1,13 @@
-import { LocationDescriptor } from 'history';
+import type { LocationDescriptor } from 'history';
 import React, { useCallback, useMemo, useState } from 'react';
-import { Data } from '../../../types';
+import type { Data } from '../../../types';
 import { IconName } from '../../Icons';
-import { ListElement } from '../../List';
+import type { ListElement } from '../../List';
 import {
-  PageHeaderActionItemProps,
+  type PageHeaderActionItemProps,
   PageHeaderActionType,
 } from '../../PageHeader';
-import { QuickEditConfig, QuickEditRegistration } from '../Explorer.model';
+import type { QuickEditConfig, QuickEditRegistration } from '../Explorer.model';
 import { QuickEditContext } from './QuickEditContext';
 
 export interface useQuickEditProps<T extends Data> {