@servicetitan/form 41.0.0 → 41.2.0

package/src/file-uploader/file-uploader.tsx

@@ -1,4 +1,5 @@
-import { Component, Fragment, FC } from 'react';
+import type { FC } from 'react';
+import { Component, Fragment } from 'react';
 
 import { injectDependency, optional } from '@servicetitan/react-ioc';
 

package/src/form-state-error-banner/form-state-error-banner.tsx

@@ -1,7 +1,7 @@
 import { Banner } from '@servicetitan/design-system';
 import { traverseFormState } from '@servicetitan/form-state';
 import { observer } from 'mobx-react';
-import { FormState, ValidatableMapOrArray } from 'formstate';
+import type { FormState, ValidatableMapOrArray } from 'formstate';
 
 export interface FormStateErrorBannerProps<T extends ValidatableMapOrArray> {
     form: FormState<T>;

package/src/input-date-mask/input-date-mask.tsx

@@ -1,5 +1,7 @@
-import { FC, ChangeEvent, useEffect, InputHTMLAttributes, PropsWithChildren } from 'react';
-import { Input, InputProps } from '@servicetitan/design-system';
+import type { FC, ChangeEvent, InputHTMLAttributes, PropsWithChildren } from 'react';
+import { useEffect } from 'react';
+import type { InputProps } from '@servicetitan/design-system';
+import { Input } from '@servicetitan/design-system';
 import { action } from 'mobx';
 import { useLocalStore, observer } from 'mobx-react';
 import moment from 'moment';

package/src/label/label.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { FC } from 'react';
+import type { FC } from 'react';
 import { Stack, Icon, Text, Tooltip } from '@servicetitan/design-system';
 
 import * as Styles from './label.module.css';

package/src/masked-input.tsx

@@ -1,7 +1,9 @@
-import { FC, InputHTMLAttributes, ChangeEvent } from 'react';
+import type { FC, InputHTMLAttributes, ChangeEvent } from 'react';
 
-import ReactInputMask, { Props as ReactMaskedInputProps } from 'react-input-mask';
-import { Form, FormInputProps } from '@servicetitan/design-system';
+import type { Props as ReactMaskedInputProps } from 'react-input-mask';
+import ReactInputMask from 'react-input-mask';
+import type { FormInputProps } from '@servicetitan/design-system';
+import { Form } from '@servicetitan/design-system';
 
 type MaskedInputProps = FormInputProps &
     Omit<ReactMaskedInputProps, keyof InputHTMLAttributes<HTMLInputElement>>;

package/src/number-input/__tests__/get-formatted-string.test.ts

@@ -1,5 +1,5 @@
 import { getFormattedString } from '../get-formatted-string';
-import { EmptyValue } from '../common-interfaces';
+import type { EmptyValue } from '../common-interfaces';
 
 describe('getFormattingString', () => {
     test('emptyValue is number', () => {

package/src/number-input/__tests__/process-value.test.ts

@@ -1,5 +1,5 @@
 import { processValue } from '../process-value';
-import { EmptyValue } from '../common-interfaces';
+import type { EmptyValue } from '../common-interfaces';
 
 describe('processValue', () => {
     test('number', () => {

package/src/number-input/get-formatted-string.ts

@@ -1,6 +1,6 @@
 import { formatNumber as formatNumberDefault } from 'accounting';
 
-import { EmptyValue, NumberValue, Separators } from './common-interfaces';
+import type { EmptyValue, NumberValue, Separators } from './common-interfaces';
 
 export type FormatNumber = (
     value: number,

package/src/number-input/number-input.tsx

@@ -1,21 +1,16 @@
-import {
-    useCallback,
-    useState,
-    useEffect,
-    useRef,
-    SyntheticEvent,
-    KeyboardEvent,
-    FocusEvent,
-} from 'react';
+import type { SyntheticEvent, KeyboardEvent, FocusEvent } from 'react';
+import { useCallback, useState, useEffect, useRef } from 'react';
 
 import { useOptionalDependencies } from '@servicetitan/react-ioc';
 
-import { Input, InputProps, InputOnChangeData } from '@servicetitan/design-system';
+import type { InputProps, InputOnChangeData } from '@servicetitan/design-system';
+import { Input } from '@servicetitan/design-system';
 import { CULTURE_TOKEN } from '@servicetitan/culture';
 
 import { processValue } from './process-value';
-import { FormatNumber, getFormattedString } from './get-formatted-string';
-import { EmptyValue, NumberValue } from './common-interfaces';
+import type { FormatNumber } from './get-formatted-string';
+import { getFormattedString } from './get-formatted-string';
+import type { EmptyValue, NumberValue } from './common-interfaces';
 import { formatNumber as formatNumberDefault } from 'accounting';
 
 import debounce from 'debounce';

package/src/number-input/process-value.ts

@@ -1,7 +1,7 @@
 import { formatNumber as formatNumberDefault } from 'accounting';
 
-import { EmptyValue, NumberValue, Range, Separators } from './common-interfaces';
-import { FormatNumber } from './get-formatted-string';
+import type { EmptyValue, NumberValue, Range, Separators } from './common-interfaces';
+import type { FormatNumber } from './get-formatted-string';
 
 interface ProcessValueOptions<TEmpty extends EmptyValue> {
     emptyValue: TEmpty;

package/src/original-number-input/ordinal-number-input.tsx

@@ -1,7 +1,9 @@
-import { Input, InputProps } from '@servicetitan/design-system';
+import type { InputProps } from '@servicetitan/design-system';
+import { Input } from '@servicetitan/design-system';
 import { action, observable, makeObservable } from 'mobx';
 import { observer } from 'mobx-react';
-import { Component, ChangeEvent } from 'react';
+import type { ChangeEvent } from 'react';
+import { Component } from 'react';
 
 export interface OrdinalNumberInputProps extends Omit<InputProps, 'onChange'> {
     min: number;

package/src/phone-number-input/__tests__/phone-number-input-a2.test.tsx

@@ -1,7 +1,7 @@
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
 
-import { Culture } from '@servicetitan/culture';
+import type { Culture } from '@servicetitan/culture';
 
 // Mock useOptionalDependencies from react-ioc
 const mockUseOptionalDependencies = jest.fn();

package/src/phone-number-input/phone-number-input-a2.tsx

@@ -1,8 +1,11 @@
-import { ChangeEvent, FC, useCallback } from 'react';
+import type { ChangeEvent, FC } from 'react';
+import { useCallback } from 'react';
 import ReactInputMask from 'react-input-mask';
 
-import { TextField, TextFieldProps } from '@servicetitan/anvil2';
-import { Culture, CULTURE_TOKEN } from '@servicetitan/culture';
+import type { TextFieldProps } from '@servicetitan/anvil2';
+import { TextField } from '@servicetitan/anvil2';
+import type { Culture } from '@servicetitan/culture';
+import { CULTURE_TOKEN } from '@servicetitan/culture';
 import { useOptionalDependencies } from '@servicetitan/react-ioc';
 
 type PhoneNumberInputA2Props = TextFieldProps & {

package/src/phone-number-input/phone-number-input.tsx

@@ -1,7 +1,8 @@
 import { forwardRef } from 'react';
 import InputMask from 'react-input-mask';
 
-import { Form, FormInputProps } from '@servicetitan/design-system';
+import type { FormInputProps } from '@servicetitan/design-system';
+import { Form } from '@servicetitan/design-system';
 
 export interface PhoneNumberInputProps extends FormInputProps {
     sip?: boolean;