@servicetitan/table 41.0.0 → 41.2.0

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

@@ -1,7 +1,9 @@
-import { useState, useEffect, Component, Fragment, ComponentType, FC } from 'react';
+import type { ComponentType, FC } from 'react';
+import { useState, useEffect, Component, Fragment } from 'react';
 import { DatePicker, TimePicker } from '@progress/kendo-react-dateinputs';
-import { TableFilterCellProps } from '@servicetitan/design-system';
-import { NumericTextBox, NumericTextBoxProps } from '@progress/kendo-react-inputs';
+import type { TableFilterCellProps } from '@servicetitan/design-system';
+import type { NumericTextBoxProps } from '@progress/kendo-react-inputs';
+import { NumericTextBox } from '@progress/kendo-react-inputs';
 import moment from 'moment';
 
 import { renderCustomColumnMenuFilter } from '../column-menu-filters';

package/src/filters/select-filter/operators.ts

@@ -1,5 +1,5 @@
 import { getSimpleValue } from './value-getter';
-import { IdType } from '@servicetitan/data-query';
+import type { IdType } from '@servicetitan/data-query';
 
 interface OperatorOpts<TO> {
     valueSelector?: (item: TO) => IdType;

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

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

package/src/filters/select-filter/value-getter.ts

@@ -1,4 +1,4 @@
-import { IdType } from '@servicetitan/data-query';
+import type { IdType } from '@servicetitan/data-query';
 
 export const getSimpleValue = (item: any): IdType => {
     if (item === null) {

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

@@ -1,12 +1,12 @@
-import { Component, SyntheticEvent, ReactNode, FC } from 'react';
+import type { SyntheticEvent, ReactNode, FC } from 'react';
+import { Component } from 'react';
 
-import { IdType } from '@servicetitan/data-query';
-import { TableFilterCellProps, Radio } from '@servicetitan/design-system';
+import type { IdType } from '@servicetitan/data-query';
+import type { TableFilterCellProps } from '@servicetitan/design-system';
+import { Radio } 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<TV, TO> {
     options: TO[];

package/src/filters/standard-filter-with-multiselect/filter-cell-ext.tsx

@@ -1,19 +1,18 @@
-import { ReactElement, ReactNode, FC, ChangeEvent } from 'react';
+import type { ReactElement, ReactNode, FC, ChangeEvent } from 'react';
 import { runInAction } from 'mobx';
 import { observer, useLocalStore } from 'mobx-react';
 import { multiselectOperators, isMultiselectOperator } from './multiselect-operators';
 
-import {
-    DropDownList,
+import type {
     DropDownListChangeEvent,
-    MultiSelect,
     MultiSelectChangeEvent,
     MultiSelectFilterChangeEvent,
     ListItemProps,
     MultiSelectTagData,
 } from '@progress/kendo-react-dropdowns';
+import { DropDownList, MultiSelect } 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,

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

@@ -1,16 +1,17 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { observer, useLocalStore } from 'mobx-react';
 import { fromPromise } from 'mobx-utils';
 
 import { DropDownList } from '@progress/kendo-react-dropdowns';
 
-import { TableColumnMenuProps } from '@servicetitan/design-system';
-import { GridColumnMenuFilterUIProps as TableColumnMenuFilterUIProps } from '@progress/kendo-react-grid/dist/npm/interfaces/GridColumnMenuFilterUIProps';
-import { IdType } from '@servicetitan/data-query';
-import { TableState } from '../../table-state';
+import type { TableColumnMenuProps } from '@servicetitan/design-system';
+import type { GridColumnMenuFilterUIProps as TableColumnMenuFilterUIProps } from '@progress/kendo-react-grid/dist/npm/interfaces/GridColumnMenuFilterUIProps';
+import type { IdType } from '@servicetitan/data-query';
+import type { TableState } from '../../table-state';
 
 import { TableColumnMenuFilterExt } from './table-column-menu-filter-ext';
-import { FilterCellExt, FilterCellExtProps } from './filter-cell-ext';
+import type { FilterCellExtProps } from './filter-cell-ext';
+import { FilterCellExt } from './filter-cell-ext';
 //
 
 type AcceptableOption = string | number | { value: any; text: string };

package/src/filters/standard-filter-with-multiselect/table-column-menu-filter-ext.tsx

@@ -1,7 +1,7 @@
 import { comparer } from 'mobx';
 
 import { TableColumnMenuFilter } from '@servicetitan/design-system';
-import { GridColumnMenuFilterProps as TableColumnMenuFilterProps } from '@progress/kendo-react-grid/dist/npm/columnMenu/GridColumnMenuFilter';
+import type { GridColumnMenuFilterProps as TableColumnMenuFilterProps } from '@progress/kendo-react-grid/dist/npm/columnMenu/GridColumnMenuFilter';
 import { getDefaultOperator } from '@progress/kendo-react-grid/dist/npm/filterCommon';
 
 import { multiselectOperators } from './multiselect-operators';

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

@@ -3,8 +3,10 @@ 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 { TimePicker, TimePickerChangeEvent } from '@progress/kendo-react-dateinputs';
+import type { DropDownListChangeEvent } from '@progress/kendo-react-dropdowns';
+import { DropDownList } from '@progress/kendo-react-dropdowns';
+import type { TimePickerChangeEvent } from '@progress/kendo-react-dateinputs';
+import { TimePicker } from '@progress/kendo-react-dateinputs';
 
 import {
     IsUnaryFilter,

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

@@ -1,10 +1,10 @@
-import { ComponentType, SyntheticEvent, FC, MouseEvent } from 'react';
-import {
+import type { ComponentType, SyntheticEvent, FC, MouseEvent } from 'react';
+import type {
     TableCellProps,
     TableHeaderCellProps,
-    Checkbox,
     CheckboxProps,
 } from '@servicetitan/design-system';
+import { Checkbox } from '@servicetitan/design-system';
 import classNames from 'classnames';
 import * as Styles from './select-cell.module.css';
 import { useTdProps } from '../utils/use-td-props';

package/src/table-state.ts

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/member-ordering */
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import { action, computed, observable, runInAction, makeObservable } from 'mobx';
 import { fromPromise } from 'mobx-utils';
-import {
+import type {
     AggregateDescriptor,
     CompositeFilterDescriptor,
     GroupDescriptor,
@@ -12,12 +12,9 @@ import {
     DataSource,
     IdType,
 } from '@servicetitan/data-query';
-import {
-    ExcelExport,
-    ExcelExportData,
-    ExcelExportColumnProps,
-} from '@progress/kendo-react-excel-export';
-import {
+import type { ExcelExportData, ExcelExportColumnProps } from '@progress/kendo-react-excel-export';
+import { ExcelExport } from '@progress/kendo-react-excel-export';
+import type {
     TableExpandChangeEvent,
     TableFilterChangeEvent,
     TableGroupChangeEvent,
@@ -25,7 +22,7 @@ import {
     TableSortChangeEvent,
 } from '@servicetitan/design-system';
 import { GridPDFExport as TablePDFExport } from '@progress/kendo-react-pdf';
-import { WorkbookOptions } from '@progress/kendo-ooxml';
+import type { WorkbookOptions } from '@progress/kendo-ooxml';
 import { FormState, FieldState } from 'formstate';
 import { formStateToJS } from '@servicetitan/form';
 

package/src/table.tsx

@@ -1,22 +1,8 @@
-import {
-    isValidElement,
-    Component,
-    createRef,
-    cloneElement,
-    Children,
-    Fragment,
-    ReactNode,
-    ReactElement,
-    ComponentType,
-    FC,
-    ComponentProps,
-} from 'react';
-import {
-    Announcement,
-    Table as AnvilTable,
+import type { ReactNode, ReactElement, ComponentType, FC, ComponentProps } from 'react';
+import { isValidElement, Component, createRef, cloneElement, Children, Fragment } from 'react';
+import type {
     TableProps as AnvilTableProps,
     TableRowProps,
-    TableColumn,
     TableColumnProps as AnvilTableColumnProps,
     TableCellProps as AnvilTableCellProps,
     TableHeaderCellProps,
@@ -24,19 +10,19 @@ import {
     TableSelectionChangeEvent,
     TablePagerSettings,
 } from '@servicetitan/design-system';
+import { Announcement, Table as AnvilTable, TableColumn } from '@servicetitan/design-system';
 import { operators as kendoOperators } from '@progress/kendo-react-grid/dist/npm/filterCommon';
 import { GridPDFExport as TablePDFExport } from '@progress/kendo-react-pdf';
 import { ExcelExport } from '@progress/kendo-react-excel-export';
 import { observer } from 'mobx-react';
 import { GRID_COL_INDEX_ATTRIBUTE } from '@progress/kendo-react-grid';
 
-import { AsyncDataSource, IdType } from '@servicetitan/data-query';
-import { TableState, Selectable } from './table-state';
-import {
-    SelectionControlType,
-    SelectColumnCell,
-    SelectHeaderCell,
-} from './select-cell/select-cell';
+import type { IdType } from '@servicetitan/data-query';
+import { AsyncDataSource } from '@servicetitan/data-query';
+import type { Selectable } from './table-state';
+import { TableState } from './table-state';
+import type { SelectionControlType } from './select-cell/select-cell';
+import { SelectColumnCell, SelectHeaderCell } from './select-cell/select-cell';
 import memoizeOne from 'memoize-one';
 
 import classNames from 'classnames';

package/src/use-observing-table-state/demo/components/use-observing-table-state-demo.tsx

@@ -1,9 +1,11 @@
-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';
 import { BodyText, Button, TableColumn } from '@servicetitan/design-system';
 
-import { Table, ResetPaginationMode, useObservingTableState } from '../../../';
+import type { ResetPaginationMode } from '../../../';
+import { Table, useObservingTableState } from '../../../';
 import { UseObservingTableStateDemoStore } from '../stores/use-observing-table-state-demo.store';
 //
 

package/src/use-observing-table-state/use-observing-table-state.stories.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { TableUseTableStateExample } from './demo/components/use-observing-table-state-demo';
 import { ResetPaginationMode } from './';
 

package/src/use-observing-table-state/use-observing-table-state.ts

@@ -1,9 +1,11 @@
 import { useEffect, useRef, useState } from 'react';
 import { autorun } from 'mobx';
 
-import { IdType, InMemoryDataSource, Preprocessors } from '@servicetitan/data-query';
+import type { IdType, Preprocessors } from '@servicetitan/data-query';
+import { InMemoryDataSource } from '@servicetitan/data-query';
 import { useInitializedRef } from '@servicetitan/react-hooks';
-import { TableState, TableStateConstructorParams } from '../table-state';
+import type { TableStateConstructorParams } from '../table-state';
+import { TableState } from '../table-state';
 //
 
 export enum ResetPaginationMode {

package/src/utils/__tests__/filters.test.ts

@@ -1,5 +1,5 @@
 import { getFiltersFlat, getFiltersMap } from '../filters';
-import { CompositeFilterDescriptor, FilterDescriptor } from '@servicetitan/data-query';
+import type { CompositeFilterDescriptor, FilterDescriptor } from '@servicetitan/data-query';
 
 const filter = (field: string) => ({ field, operator: 'qq', value: 'ee' });
 const composite = (

package/src/utils/filters.ts

@@ -1,9 +1,5 @@
-import {
-    CompositeFilterDescriptor,
-    FilterDescriptor,
-    isCompositeFilterDescriptor,
-    State,
-} from '@servicetitan/data-query';
+import type { CompositeFilterDescriptor, FilterDescriptor, State } from '@servicetitan/data-query';
+import { isCompositeFilterDescriptor } from '@servicetitan/data-query';
 
 const getFiltersFlatInner = (
     filter?: FilterDescriptor | CompositeFilterDescriptor

package/src/utils/use-td-props.ts

@@ -1,7 +1,7 @@
-import { TableCellProps } from '@servicetitan/design-system';
+import type { TableCellProps } from '@servicetitan/design-system';
 import { useTableKeyboardNavigation } from '@progress/kendo-react-data-tools';
 import { GRID_COL_INDEX_ATTRIBUTE } from '@progress/kendo-react-grid';
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 
 const useTdProps = ({
     id,