@servicetitan/table 41.0.0 → 41.2.0

package/dist/utils/use-td-props.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/use-td-props.ts"],"sourcesContent":["import { TableCellProps } from '@servicetitan/design-system';\nimport { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';\nimport { GRID_COL_INDEX_ATTRIBUTE } from '@progress/kendo-react-grid';\nimport { ComponentProps } from 'react';\n\nconst useTdProps = ({\n    id,\n    colSpan,\n    ariaColumnIndex,\n    isSelected,\n    columnIndex,\n}: TableCellProps): ComponentProps<'td'> & {\n    [GRID_COL_INDEX_ATTRIBUTE]?: number;\n} => {\n    const navigationAttributes = useTableKeyboardNavigation(id);\n    return {\n        colSpan,\n        'role': 'gridcell',\n        'aria-colindex': ariaColumnIndex,\n        'aria-selected': isSelected,\n        [GRID_COL_INDEX_ATTRIBUTE]: columnIndex,\n        ...navigationAttributes,\n    };\n};\n\nexport { useTdProps };\n"],"names":["useTableKeyboardNavigation","GRID_COL_INDEX_ATTRIBUTE","useTdProps","id","colSpan","ariaColumnIndex","isSelected","columnIndex","navigationAttributes"],"mappings":"AACA,SAASA,0BAA0B,QAAQ,mCAAmC;AAC9E,SAASC,wBAAwB,QAAQ,6BAA6B;AAGtE,MAAMC,aAAa,CAAC,EAChBC,EAAE,EACFC,OAAO,EACPC,eAAe,EACfC,UAAU,EACVC,WAAW,EACE;IAGb,MAAMC,uBAAuBR,2BAA2BG;IACxD,OAAO;QACHC;QACA,QAAQ;QACR,iBAAiBC;QACjB,iBAAiBC;QACjB,CAACL,yBAAyB,EAAEM;QAC5B,GAAGC,oBAAoB;IAC3B;AACJ;AAEA,SAASN,UAAU,GAAG"}
+{"version":3,"sources":["../../src/utils/use-td-props.ts"],"sourcesContent":["import type { TableCellProps } from '@servicetitan/design-system';\nimport { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';\nimport { GRID_COL_INDEX_ATTRIBUTE } from '@progress/kendo-react-grid';\nimport type { ComponentProps } from 'react';\n\nconst useTdProps = ({\n    id,\n    colSpan,\n    ariaColumnIndex,\n    isSelected,\n    columnIndex,\n}: TableCellProps): ComponentProps<'td'> & {\n    [GRID_COL_INDEX_ATTRIBUTE]?: number;\n} => {\n    const navigationAttributes = useTableKeyboardNavigation(id);\n    return {\n        colSpan,\n        'role': 'gridcell',\n        'aria-colindex': ariaColumnIndex,\n        'aria-selected': isSelected,\n        [GRID_COL_INDEX_ATTRIBUTE]: columnIndex,\n        ...navigationAttributes,\n    };\n};\n\nexport { useTdProps };\n"],"names":["useTableKeyboardNavigation","GRID_COL_INDEX_ATTRIBUTE","useTdProps","id","colSpan","ariaColumnIndex","isSelected","columnIndex","navigationAttributes"],"mappings":"AACA,SAASA,0BAA0B,QAAQ,mCAAmC;AAC9E,SAASC,wBAAwB,QAAQ,6BAA6B;AAGtE,MAAMC,aAAa,CAAC,EAChBC,EAAE,EACFC,OAAO,EACPC,eAAe,EACfC,UAAU,EACVC,WAAW,EACE;IAGb,MAAMC,uBAAuBR,2BAA2BG;IACxD,OAAO;QACHC;QACA,QAAQ;QACR,iBAAiBC;QACjB,iBAAiBC;QACjB,CAACL,yBAAyB,EAAEM;QAC5B,GAAGC,oBAAoB;IAC3B;AACJ;AAEA,SAASN,UAAU,GAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/table",
-    "version": "41.0.0",
+    "version": "41.2.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/table",
     "repository": {
@@ -18,7 +18,7 @@
     "dependencies": {
         "@progress/kendo-ooxml": "~1.6.2",
         "@progress/kendo-react-excel-export": "~5.5.0",
-        "@servicetitan/react-hooks": "^7.5.0",
+        "@servicetitan/react-hooks": "^7.7.0",
         "classnames": "^2.3.1",
         "memoize-one": "~6.0.0"
     },
@@ -29,11 +29,11 @@
         "@progress/kendo-react-grid": "~5.5.0",
         "@progress/kendo-react-inputs": "~5.5.0",
         "@progress/kendo-react-pdf": "~5.5.0",
-        "@servicetitan/data-query": "^41.0.0",
+        "@servicetitan/data-query": "^41.2.0",
         "@servicetitan/design-system": "~14.5.1",
-        "@servicetitan/form": "^41.0.0",
-        "@servicetitan/react-ioc": "^36.3.0",
-        "@servicetitan/suppress-warnings": "^36.3.0",
+        "@servicetitan/form": "^41.2.0",
+        "@servicetitan/react-ioc": "^38.0.0",
+        "@servicetitan/suppress-warnings": "^38.0.0",
         "@types/accounting": "~0.4.2",
         "@types/react": "~18.2.55",
         "accounting": "~0.4.1",
@@ -51,9 +51,9 @@
         "@progress/kendo-react-grid": "~5.5.0",
         "@progress/kendo-react-inputs": "~5.5.0",
         "@progress/kendo-react-pdf": "~5.5.0",
-        "@servicetitan/data-query": "^41.0.0",
+        "@servicetitan/data-query": "^41.2.0",
         "@servicetitan/design-system": ">=13.2.1",
-        "@servicetitan/form": "^41.0.0",
+        "@servicetitan/form": "^41.2.0",
         "@servicetitan/react-ioc": ">21.0.0",
         "@servicetitan/suppress-warnings": ">21.0.0",
         "accounting": "~0.4.1",
@@ -70,5 +70,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "9bf5eb2634c17330d1251d431ed5b60b28b56c21"
+    "gitHead": "a27c08d5c4a695eb24110ec1477fa23ccf28a148"
 }

package/src/demo/column-hiding/products.ts

@@ -1,4 +1,5 @@
-import { Product, UserRole, Supplier } from './product';
+import type { Product } from './product';
+import { UserRole, Supplier } from './product';
 
 export const products: Product[] = [
     {

package/src/demo/column-hiding/table.store.ts

@@ -1,6 +1,8 @@
 import { injectable } from '@servicetitan/react-ioc';
-import { IdType, InMemoryDataSource, TableState } from '../..';
-import { Product, UserRole, Supplier } from './product';
+import type { IdType } from '../..';
+import { InMemoryDataSource, TableState } from '../..';
+import type { Product } from './product';
+import { UserRole, Supplier } from './product';
 import { products } from './products';
 
 @injectable()

package/src/demo/column-hiding/table.tsx

@@ -1,8 +1,10 @@
-import { Fragment, FC, memo, useCallback, useState, ChangeEvent } from 'react';
+import type { FC, ChangeEvent } from 'react';
+import { Fragment, memo, useCallback, useState } from 'react';
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 import { observer } from 'mobx-react';
 
-import { Table, TableColumn, TableCellProps } from '../..';
+import type { TableCellProps } from '../..';
+import { Table, TableColumn } from '../..';
 import { TableStore } from './table.store';
 import { Supplier } from './product';
 import { TableCell } from '@servicetitan/design-system';

package/src/demo/filters/async-select-filter.tsx

@@ -1,4 +1,5 @@
-import { useMemo, FC, Fragment } from 'react';
+import type { FC } from 'react';
+import { useMemo, Fragment } from 'react';
 import { observer } from 'mobx-react';
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 

package/src/demo/filters/categories.tsx

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { TableCellProps } from '../../table';
+import type { FC } from 'react';
+import type { TableCellProps } from '../../table';
 
 export interface Category {
     CategoryID: number;

package/src/demo/filters/multiselect-filter.tsx

@@ -1,4 +1,5 @@
-import { useMemo, FC } from 'react';
+import type { FC } from 'react';
+import { useMemo } from 'react';
 
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 

package/src/demo/filters/range-filter.tsx

@@ -1,4 +1,5 @@
-import { FC, Fragment } from 'react';
+import type { FC } from 'react';
+import { Fragment } from 'react';
 import { observer } from 'mobx-react';
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 

package/src/demo/filters/select-filter.tsx

@@ -1,13 +1,15 @@
-import { useMemo, FC, Fragment } from 'react';
+import type { FC } from 'react';
+import { useMemo, Fragment } from 'react';
 import { observer } from 'mobx-react';
 import { Banner } from '@servicetitan/design-system';
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 
-import { Table, TableColumn, selectColumnMenuFilter, TableCellProps } from '../..';
+import type { TableCellProps } from '../..';
+import { Table, TableColumn, selectColumnMenuFilter } from '../..';
 
 import { TableStore } from './table.store';
 import { categories, CategoryCell } from './categories';
-import { Product } from '../overview/product';
+import type { Product } from '../overview/product';
 
 export const PackageCell: FC<TableCellProps> = ({ dataItem, tdProps }) => (
     <td {...tdProps}>{dataItem?.Package?.PackageName}</td>

package/src/demo/filters/single-select-filter.tsx

@@ -1,4 +1,5 @@
-import { useMemo, FC, Fragment } from 'react';
+import type { FC } from 'react';
+import { useMemo, Fragment } from 'react';
 
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 

package/src/demo/filters/table.store.ts

@@ -1,13 +1,10 @@
 import { injectable } from '@servicetitan/react-ioc';
 
-import {
-    InMemoryDataSource,
-    TableState,
-    AsyncSelectFilterDataFetcher,
-    SelectFilterDataFetcher,
-} from '../..';
+import type { AsyncSelectFilterDataFetcher, SelectFilterDataFetcher } from '../..';
+import { InMemoryDataSource, TableState } from '../..';
 import { products } from '../overview/products';
-import { categories, Category } from './categories';
+import type { Category } from './categories';
+import { categories } from './categories';
 
 @injectable()
 export class TableStore {

package/src/demo/footer-page-size/table.tsx

@@ -1,4 +1,5 @@
-import { useMemo, FC } from 'react';
+import type { FC } from 'react';
+import { useMemo } from 'react';
 
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 

package/src/demo/master-detail/detail-table.store.ts

@@ -1,6 +1,7 @@
 import { injectable, inject } from '@servicetitan/react-ioc';
 
-import { observable, action, observe, computed, Lambda, makeObservable } from 'mobx';
+import type { Lambda } from 'mobx';
+import { observable, action, observe, computed, makeObservable } from 'mobx';
 
 import { TableState } from '../..';
 

package/src/demo/master-detail/detail-table.tsx

@@ -1,12 +1,15 @@
-import { useEffect, FC } from 'react';
+import type { FC } from 'react';
+import { useEffect } from 'react';
 
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 
 import { observer } from 'mobx-react';
 
-import { Icon, Checkbox, CheckboxProps } from '@servicetitan/design-system';
+import type { CheckboxProps } from '@servicetitan/design-system';
+import { Icon, Checkbox } from '@servicetitan/design-system';
 
-import { Table, TableColumn, TableDetailRowProps } from '../..';
+import type { TableDetailRowProps } from '../..';
+import { Table, TableColumn } from '../..';
 
 import { DetailTableStore } from './detail-table.store';
 

package/src/demo/master-detail/master-table.store.ts

@@ -1,13 +1,14 @@
 import { injectable } from '@servicetitan/react-ioc';
 
-import { computed, observe, Lambda, makeObservable } from 'mobx';
+import type { Lambda } from 'mobx';
+import { computed, observe, makeObservable } from 'mobx';
 
 import { InMemoryDataSource, TableState } from '../..';
 
-import { Product } from './product';
+import type { Product } from './product';
 import { products } from './products';
 
-import { ProductDetail } from './product-detail';
+import type { ProductDetail } from './product-detail';
 import { productDetails } from './product-details';
 
 @injectable()

package/src/demo/master-detail/product-details.ts

@@ -1,4 +1,4 @@
-import { ProductDetail } from './product-detail';
+import type { ProductDetail } from './product-detail';
 
 export const productDetails: ProductDetail[] = [
     {

package/src/demo/master-detail/products.ts

@@ -1,4 +1,5 @@
-import { Product, UserRole, Supplier } from './product';
+import type { Product } from './product';
+import { UserRole, Supplier } from './product';
 
 export const products: Product[] = [
     {

package/src/demo/master-detail/table-master-detail.tsx

@@ -1,10 +1,12 @@
-import { useEffect, FC } from 'react';
+import type { FC } from 'react';
+import { useEffect } from 'react';
 
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 
 import { Button } from '@servicetitan/design-system';
 
-import { Table, TableColumn, TableCellProps, TableExpandChangeEvent } from '../..';
+import type { TableCellProps, TableExpandChangeEvent } from '../..';
+import { Table, TableColumn } from '../..';
 
 import { MasterTableStore } from './master-table.store';
 

package/src/demo/overview/actions-cell.tsx

@@ -1,10 +1,11 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
 import { Button, Icon, Stack } from '@servicetitan/design-system';
 
-import { TableCellProps, getActionCell, EditActionProps } from '../..';
+import type { TableCellProps, EditActionProps } from '../..';
+import { getActionCell } from '../..';
 
-import { Product } from './product';
+import type { Product } from './product';
 
 const ViewAction: FC<TableCellProps<Product>> = ({ tableState, dataItem, tdProps }) => {
     if (!tableState) {

package/src/demo/overview/products.ts

@@ -1,4 +1,5 @@
-import { Product, UserRole, Supplier } from './product';
+import type { Product } from './product';
+import { UserRole, Supplier } from './product';
 
 export const products: Product[] = [
     {

package/src/demo/overview/table.store.ts

@@ -7,7 +7,8 @@ import { InMemoryDataSource, TableState } from '../..';
 import { setFormStateValues, FormValidators } from '@servicetitan/form';
 import { FormState, FieldState } from 'formstate';
 
-import { Product, UserRole, Supplier } from './product';
+import type { Product } from './product';
+import { UserRole, Supplier } from './product';
 import { products } from './products';
 
 @injectable()

package/src/demo/overview/table.tsx

@@ -1,4 +1,5 @@
-import { useMemo, cloneElement, Fragment, FC, ReactElement } from 'react';
+import type { FC, ReactElement } from 'react';
+import { useMemo, cloneElement, Fragment } from 'react';
 
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 
@@ -6,11 +7,11 @@ import { observer } from 'mobx-react';
 
 import { Stack, ButtonGroup, Button, Tag, DatePicker } from '@servicetitan/design-system';
 
+import type { TableCellProps, EditorProps } from '../..';
 import {
     Table,
     TableColumn,
     TableCell,
-    TableCellProps,
     TextEditableCell,
     BooleanEditableCell,
     getSelectEditableCell,
@@ -20,7 +21,6 @@ import {
     multiSelectColumnMenuFilter,
     CurrencyRangeColumnMenuFilter,
     getEditableCell,
-    EditorProps,
 } from '../..';
 import { Export } from '../../export';
 
@@ -29,7 +29,8 @@ import { TableStore } from './table.store';
 import { ActionsCell } from './actions-cell';
 
 import { NumberInput, enumToOptions, getEnumKeys } from '@servicetitan/form';
-import { Product, UserRole, Supplier } from './product';
+import type { Product } from './product';
+import { UserRole, Supplier } from './product';
 
 const UserRoleColumnMenuFilter = multiSelectColumnMenuFilter(getEnumKeys(UserRole), userRole => (
     <Tag compact color={UserRole[userRole] === UserRole.Owner ? 'success' : 'default'}>

package/src/demo/row-details/row-details-table.store.ts

@@ -2,7 +2,7 @@ import { injectable } from '@servicetitan/react-ioc';
 
 import { InMemoryDataSource, TableState } from '../..';
 
-import { Product } from '../overview/product';
+import type { Product } from '../overview/product';
 import { products } from '../overview/products';
 
 @injectable()

package/src/demo/row-details/row-details-table.tsx

@@ -1,11 +1,12 @@
 import { Stack } from '@servicetitan/design-system';
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 import { observer } from 'mobx-react';
-import { FC } from 'react';
+import type { FC } from 'react';
 
-import { Table, TableColumn, TableDetailRowProps, useRowExpandColumn } from '../..';
+import type { TableDetailRowProps } from '../..';
+import { Table, TableColumn, useRowExpandColumn } from '../..';
 
-import { Product } from '../overview/product';
+import type { Product } from '../overview/product';
 import { RowDetailsTableStore } from './row-details-table.store';
 
 const DetailsRow: FC<TableDetailRowProps> = ({ dataItem }) => {

package/src/demo/state-caching/beverages.ts

@@ -1,4 +1,4 @@
-import { Product } from './product';
+import type { Product } from './product';
 
 export const beverages: Product[] = [
     {

package/src/demo/state-caching/products.ts

@@ -1,4 +1,4 @@
-import { Product } from './product';
+import type { Product } from './product';
 
 export const products: Product[] = [
     {

package/src/demo/state-caching/state-caching-table.store.ts

@@ -3,8 +3,8 @@ import { InMemoryDataSource, TableState } from '../..';
 
 import { products } from './products';
 import { beverages } from './beverages';
-import { Product } from './product';
-import { TableStateModel } from '../../table-state';
+import type { Product } from './product';
+import type { TableStateModel } from '../../table-state';
 
 @injectable()
 export class TableStore {

package/src/demo/state-caching/state-caching-table.tsx

@@ -1,4 +1,5 @@
-import { Fragment, FC } from 'react';
+import type { FC } from 'react';
+import { Fragment } from 'react';
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 import { observer } from 'mobx-react';
 import { ButtonGroup, Button } from '@servicetitan/design-system';

package/src/details/expand-column.tsx

@@ -1,6 +1,8 @@
 import { Button } from '@servicetitan/design-system';
-import { FC, SyntheticEvent, useCallback, useMemo } from 'react';
-import { TableCellProps, TableColumn } from '../index';
+import type { FC, SyntheticEvent } from 'react';
+import { useCallback, useMemo } from 'react';
+import type { TableCellProps } from '../index';
+import { TableColumn } from '../index';
 
 export const RowExpandCell: FC<TableCellProps> = ({
     dataItem,

package/src/editable-cell/boolean-editable-cell.tsx

@@ -1,9 +1,10 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { observer } from 'mobx-react';
 
 import { Checkbox } from '@servicetitan/design-system';
 
-import { getEditableCell, EditorProps } from './get-editable-cell';
+import type { EditorProps } from './get-editable-cell';
+import { getEditableCell } from './get-editable-cell';
 
 const Editor = observer<FC<EditorProps<boolean>>>(
     ({ fieldState: { value, onChange }, className, tdProps }) => {

package/src/editable-cell/get-action-cell.tsx

@@ -1,9 +1,9 @@
-import { ComponentType } from 'react';
+import type { ComponentType } from 'react';
 
 import { TableCell } from '@servicetitan/design-system';
-import { TableCellProps } from '../table';
+import type { TableCellProps } from '../table';
 
-import { PossibleFormState } from '../table-state';
+import type { PossibleFormState } from '../table-state';
 
 export interface EditActionProps<T> extends TableCellProps<T> {
     formState: PossibleFormState<T>;

package/src/editable-cell/get-editable-cell.tsx

@@ -1,10 +1,10 @@
-import { ComponentType } from 'react';
+import type { ComponentType } from 'react';
 
-import { FieldState } from 'formstate';
+import type { FieldState } from 'formstate';
 
 import { TableCell } from '@servicetitan/design-system';
-import { TableCellProps } from '../table';
-import { PossibleFormState } from '../table-state';
+import type { TableCellProps } from '../table';
+import type { PossibleFormState } from '../table-state';
 
 export interface EditorProps<T, TRow = unknown> extends TableCellProps<any> {
     fieldState: FieldState<T>;

package/src/editable-cell/get-select-editable-cell.tsx

@@ -1,13 +1,15 @@
-import { ComponentType, FC } from 'react';
+import type { ComponentType, FC } from 'react';
 
 import { observer } from 'mobx-react';
 
-import { DropDownList, DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
+import type { DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
+import { DropDownList } from '@progress/kendo-react-dropdowns';
 
-import { TableCellProps } from '../table';
-import { getEditableCell, EditorProps } from './get-editable-cell';
+import type { TableCellProps } from '../table';
+import type { EditorProps } from './get-editable-cell';
+import { getEditableCell } from './get-editable-cell';
 
-import { Option } from '@servicetitan/form';
+import type { Option } from '@servicetitan/form';
 
 import classNames from 'classnames';
 

package/src/editable-cell/text-editable-cell.tsx

@@ -1,10 +1,12 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 
 import { observer } from 'mobx-react';
 
-import { Input, InputChangeEvent } from '@progress/kendo-react-inputs';
+import type { InputChangeEvent } from '@progress/kendo-react-inputs';
+import { Input } from '@progress/kendo-react-inputs';
 
-import { getEditableCell, EditorProps } from './get-editable-cell';
+import type { EditorProps } from './get-editable-cell';
+import { getEditableCell } from './get-editable-cell';
 
 import { Label } from '@servicetitan/form';
 

package/src/export/export.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { Button, Dropdown, Icon } from '@servicetitan/design-system';
 import { formatNumber } from 'accounting';
 

package/src/filters/async-select/async-select-filter.tsx

@@ -1,19 +1,12 @@
-import { Component, SyntheticEvent, ReactNode, Fragment, KeyboardEvent, FC } from 'react';
+import type { SyntheticEvent, ReactNode, KeyboardEvent, FC } from 'react';
+import { Component, Fragment } from 'react';
 
-import {
-    Checkbox,
-    TableFilterCellProps,
-    Radio,
-    Input,
-    Spinner,
-    BodyText,
-} from '@servicetitan/design-system';
-import { IdType } from '@servicetitan/data-query';
+import type { TableFilterCellProps } from '@servicetitan/design-system';
+import { Checkbox, Radio, Input, Spinner, BodyText } from '@servicetitan/design-system';
+import type { IdType } from '@servicetitan/data-query';
 
-import {
-    CustomColumnMenuFilterSingleOpts,
-    renderCustomColumnMenuFilter,
-} from '../column-menu-filters';
+import type { CustomColumnMenuFilterSingleOpts } from '../column-menu-filters';
+import { renderCustomColumnMenuFilter } from '../column-menu-filters';
 import { makeObservable, observable, runInAction } from 'mobx';
 import { observer } from 'mobx-react';
 

package/src/filters/column-menu-filters.tsx

@@ -1,10 +1,7 @@
-import { ComponentType, CSSProperties, FC } from 'react';
-import {
-    TableColumnMenuFilter,
-    TableColumnMenuProps,
-    TableFilterCellProps,
-} from '@servicetitan/design-system';
-import { TableColumnMenuFilterUIProps } from '..';
+import type { ComponentType, CSSProperties, FC } from 'react';
+import type { TableColumnMenuProps, TableFilterCellProps } from '@servicetitan/design-system';
+import { TableColumnMenuFilter } from '@servicetitan/design-system';
+import type { TableColumnMenuFilterUIProps } from '..';
 import { DropDownList } from '@progress/kendo-react-dropdowns';
 
 export const StandardColumnMenuFilter = (props: TableColumnMenuProps) => (

package/src/filters/datetime-filter/datetime-filter.tsx

@@ -3,13 +3,13 @@ import { Component, Fragment } from 'react';
 import { observer } from 'mobx-react';
 import { observable, action, makeObservable } from 'mobx';
 
-import { DropDownList, DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
-import {
-    DatePicker,
+import type { DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
+import { DropDownList } from '@progress/kendo-react-dropdowns';
+import type {
     DatePickerChangeEvent,
-    TimePicker,
     TimePickerChangeEvent,
 } from '@progress/kendo-react-dateinputs';
+import { DatePicker, TimePicker } from '@progress/kendo-react-dateinputs';
 
 import {
     IsUnaryFilter,

package/src/filters/field-values-filter.tsx

@@ -1,13 +1,15 @@
 import type { TableFilterCellProps } from '@servicetitan/design-system';
 import { Checkbox } from '@servicetitan/design-system';
-import { Component, Fragment, FormEvent } from 'react';
+import type { FormEvent } from 'react';
+import { Component, Fragment } from 'react';
 
 import { observer } from 'mobx-react';
 import { observable, computed, runInAction, action, makeObservable } from 'mobx';
 
-import { Input, InputChangeEvent } from '@progress/kendo-react-inputs';
+import type { InputChangeEvent } from '@progress/kendo-react-inputs';
+import { Input } from '@progress/kendo-react-inputs';
 
-import { DataSource, IdType } from '@servicetitan/data-query';
+import type { DataSource, IdType } from '@servicetitan/data-query';
 import { TableState } from '../table-state';
 import { renderCustomColumnMenuFilter } from './column-menu-filters';
 

package/src/filters/multiselect-filter/multiselect-filter.tsx

@@ -1,11 +1,11 @@
-import { Component, SyntheticEvent, ReactNode, FC } from 'react';
+import type { SyntheticEvent, ReactNode, FC } from 'react';
+import { Component } from 'react';
 
-import { TableFilterCellProps, Checkbox } from '@servicetitan/design-system';
+import type { TableFilterCellProps } from '@servicetitan/design-system';
+import { Checkbox } from '@servicetitan/design-system';
 
-import {
-    CustomColumnMenuFilterSingleOpts,
-    renderCustomColumnMenuFilter,
-} from '../column-menu-filters';
+import type { CustomColumnMenuFilterSingleOpts } from '../column-menu-filters';
+import { renderCustomColumnMenuFilter } from '../column-menu-filters';
 
 interface SelectorProps<T> {
     options: T[];

package/src/filters/numeric-filter-extended/numeric-filter-extended.tsx

@@ -1,9 +1,11 @@
-import { FC, SyntheticEvent } from 'react';
+import type { FC, SyntheticEvent } from 'react';
 
-import { NumericTextBox, NumericTextBoxChangeEvent } from '@progress/kendo-react-inputs';
-import { DropDownList, DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
+import type { NumericTextBoxChangeEvent } from '@progress/kendo-react-inputs';
+import { NumericTextBox } from '@progress/kendo-react-inputs';
+import type { DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
+import { DropDownList } from '@progress/kendo-react-dropdowns';
 
-import { GridColumnMenuFilterCellProps as TableColumnMenuFilterCellProps } from '@progress/kendo-react-grid/dist/npm/columnMenu/GridColumnMenuFilterCell';
+import type { GridColumnMenuFilterCellProps as TableColumnMenuFilterCellProps } from '@progress/kendo-react-grid/dist/npm/columnMenu/GridColumnMenuFilterCell';
 import {
     IsUnaryFilter,
     cellOperatorChange,