@servicetitan/dte-pdf-editor 1.73.0 → 1.74.0

package/src/__tests__/field-types/form-fields.test.ts

@@ -1,9 +1,9 @@
 import {
     FieldTypeEnum,
-    FormFieldInfo,
-    FormFieldsByFormIdI,
-    FormInfo,
-    StructuredFormula,
+    type FormFieldInfo,
+    type FormFieldsByFormIdI,
+    type FormInfo,
+    type StructuredFormula,
 } from '../../interface/types';
 import {
     buildFormFieldKey,
@@ -59,11 +59,7 @@ describe('form field scenarios', () => {
                 '__submission_field.7.score-uuid-1',
                 { formId: 7, fieldId: 'scoreuuid1' },
             ],
-            [
-                'legacy __form_ path',
-                '__form_7_abc123',
-                { formId: 7, fieldId: 'abc123' },
-            ],
+            ['legacy __form_ path', '__form_7_abc123', { formId: 7, fieldId: 'abc123' }],
         ])('parses %s', (_, key, expected) => {
             expect(parseFormFieldKey(key)).toEqual(expected);
         });
@@ -74,8 +70,7 @@ describe('form field scenarios', () => {
     });
 
     describe('with calculation options', () => {
-        const subject = () =>
-            formFieldInfosToCalculationOptions(form.id, formFields, form.name);
+        const subject = () => formFieldInfosToCalculationOptions(form.id, formFields, form.name);
 
         test('includes only number and date fields', () => {
             expect(subject().map(o => o.label)).toEqual(['Score', 'When']);
@@ -115,13 +110,10 @@ describe('form field scenarios', () => {
             ['number', formFields[0], 'number'],
             ['date', formFields[1], 'string'],
             ['text', formFields[2], 'string'],
-        ] as const)(
-            'maps %s field to display-condition fieldType %s',
-            (_, field, expectedType) => {
-                const option = formFieldToDisplayConditionDataPointOption(form, field);
-                expect(option.fieldType).toBe(expectedType);
-            },
-        );
+        ] as const)('maps %s field to display-condition fieldType %s', (_, field, expectedType) => {
+            const option = formFieldToDisplayConditionDataPointOption(form, field);
+            expect(option.fieldType).toBe(expectedType);
+        });
 
         test('uses field header as the display title', () => {
             const option = formFieldToDisplayConditionDataPointOption(form, formFields[0]);

package/src/__tests__/field-types/formula-fields.test.ts

@@ -1,8 +1,8 @@
 import {
-    CalculatedFormatForNumber,
-    FormFieldsByFormIdI,
-    FormInfo,
-    StructuredFormula,
+    type CalculatedFormatForNumber,
+    type FormFieldsByFormIdI,
+    type FormInfo,
+    type StructuredFormula,
 } from '../../interface/types';
 import {
     buildFormFieldKey,
@@ -101,14 +101,9 @@ describe('formula (calculated) field scenarios', () => {
 
         test('rejects a formula with unbalanced parentheses', () => {
             const formula: StructuredFormula = {
-                tokens: [
-                    { type: 'lparen' },
-                    { type: 'number', value: '1' },
-                ],
+                tokens: [{ type: 'lparen' }, { type: 'number', value: '1' }],
             };
-            expect(validateFormula(formula, validPaths).errors).toContain(
-                'Unbalanced parentheses',
-            );
+            expect(validateFormula(formula, validPaths).errors).toContain('Unbalanced parentheses');
         });
 
         test('rejects a formula referencing an unknown field', () => {

package/src/__tests__/field-types/merge-tag-fields.test.ts

@@ -1,8 +1,4 @@
-import {
-    FieldTypeEnum,
-    SchemaObject,
-    StructuredFormula,
-} from '../../interface/types';
+import { FieldTypeEnum, type SchemaObject, type StructuredFormula } from '../../interface/types';
 import {
     evaluateFormula,
     extractGroupedFieldsFromDataModel,

package/src/components/display-conditions/condition-row.tsx

@@ -4,15 +4,15 @@ import { useEffect, useMemo, useState } from 'react';
 import {
     CHECKBOX_CONDITION_VALUE,
     CHECKBOX_OPERATORS,
-    ConditionOperator,
-    DataPointOption,
-    DisplayConditionSingle,
+    type ConditionOperator,
+    type DataPointOption,
+    type DisplayConditionSingle,
     FieldTypeEnum,
-    FormFieldsByFormIdI,
-    FormInfo,
+    type FormFieldsByFormIdI,
+    type FormInfo,
     NUMBER_OPERATORS,
     RADIO_OPERATORS,
-    RadioGroupOption,
+    type RadioGroupOption,
     STRING_OPERATORS,
     VALUE_LESS_OPERATORS,
 } from '../../interface/types';

package/src/components/display-conditions/display-condition.tsx

@@ -3,20 +3,19 @@ import PlusIcon from '@servicetitan/anvil2/assets/icons/material/round/add.svg';
 import DeleteIcon from '@servicetitan/anvil2/assets/icons/material/round/delete.svg';
 import EditIcon from '@servicetitan/anvil2/assets/icons/material/round/edit.svg';
 import { FC, Fragment, useState } from 'react';
-import { PdfField } from '../../interface/types';
+import { type PdfField } from '../../interface/types';
 import { DisplayConditionModal, DisplayConditionModalProps } from './display-condition-modal';
 
-interface DisplayConditionProps
-    extends Pick<
-        DisplayConditionModalProps,
-        | 'documentFields'
-        | 'formFieldsByFormId'
-        | 'formFieldsLoadingFormId'
-        | 'forms'
-        | 'initialState'
-        | 'onRequestFormFields'
-        | 'schema'
-    > {
+interface DisplayConditionProps extends Pick<
+    DisplayConditionModalProps,
+    | 'documentFields'
+    | 'formFieldsByFormId'
+    | 'formFieldsLoadingFormId'
+    | 'forms'
+    | 'initialState'
+    | 'onRequestFormFields'
+    | 'schema'
+> {
     onSave: (state: Partial<PdfField>) => void;
 }
 

package/src/components/field-config-panel/advanced-settings.tsx

@@ -1,7 +1,7 @@
 import { Flex, SegmentedControl, Switch, Text } from '@servicetitan/anvil2';
 import { Dispatch, FC, SetStateAction } from 'react';
 import { DEFAULT_DATE_FORMAT, ROUNDING_OPTIONS } from '../../constants';
-import { CalculatedFieldFormat, CalculatedFormatForNumber } from '../../interface/types';
+import { type CalculatedFieldFormat, type CalculatedFormatForNumber } from '../../interface/types';
 
 interface AdvancedSettingsProps {
     format: CalculatedFieldFormat;

package/src/components/field-config-panel/field-config-panel-overlay.tsx

@@ -2,11 +2,11 @@ import { Button, Flex, Text } from '@servicetitan/anvil2';
 import IconClose from '@servicetitan/anvil2/assets/icons/material/round/close.svg';
 import { FC } from 'react';
 import {
-    FormFieldsByFormIdI,
-    FormInfo,
-    PdfField,
-    RecipientInfo,
-    SchemaObject,
+    type FormFieldsByFormIdI,
+    type FormInfo,
+    type PdfField,
+    type RecipientInfo,
+    type SchemaObject,
 } from '../../interface/types';
 import { FieldConfigPanel } from './field-config-panel';
 

package/src/components/field-config-panel/field-config-panel.tsx

@@ -4,11 +4,11 @@ import { E_SIGN_FIELD_TYPE_OPTIONS, FIELD_FONT_SIZE_OPTIONS } from '../../consta
 import {
     ESignFieldType,
     FieldTypeEnum,
-    FormFieldsByFormIdI,
-    FormInfo,
-    PdfField,
-    RecipientInfo,
-    SchemaObject,
+    type FormFieldsByFormIdI,
+    type FormInfo,
+    type PdfField,
+    type RecipientInfo,
+    type SchemaObject,
 } from '../../interface/types';
 import {
     generateESignPath,

package/src/components/field-config-panel/field-sidebar.tsx

@@ -2,7 +2,11 @@ import { Button, Flex, SearchField, Text } from '@servicetitan/anvil2';
 import IconArrowBack from '@servicetitan/anvil2/assets/icons/material/round/keyboard_arrow_left.svg';
 import IconArrowForward from '@servicetitan/anvil2/assets/icons/material/round/keyboard_arrow_right.svg';
 import { FC, Fragment, useMemo, useState } from 'react';
-import { FieldTypeOption, FormFieldsByFormIdI, FormInfo } from '../../interface/types';
+import {
+    type FieldTypeOption,
+    type FormFieldsByFormIdI,
+    type FormInfo,
+} from '../../interface/types';
 import {
     formFieldInfosToCalculationOptions,
     getFieldSampleData,

package/src/components/field-config-panel/formula-generator.tsx

@@ -2,15 +2,15 @@ import { Button } from '@servicetitan/anvil2';
 import EditIcon from '@servicetitan/anvil2/assets/icons/material/round/edit.svg';
 import { FC, Fragment, useMemo, useState } from 'react';
 import {
-    CalculatedFieldFormat,
+    type CalculatedFieldFormat,
     FieldTypeEnum,
-    FieldTypeOption,
-    FormFieldsByFormIdI,
-    FormInfo,
-    PdfField,
-    PdfFieldSubType,
-    SchemaObject,
-    StructuredFormula,
+    type FieldTypeOption,
+    type FormFieldsByFormIdI,
+    type FormInfo,
+    type PdfField,
+    type PdfFieldSubType,
+    type SchemaObject,
+    type StructuredFormula,
 } from '../../interface/types';
 import { extractGroupedFieldsFromDataModel } from '../../utils';
 import { FormulaModal } from './formula-modal';

package/src/components/field-config-panel/formula-modal.tsx

@@ -9,13 +9,13 @@ import {
 } from '../../constants';
 import { useFormulaEditor } from '../../hooks';
 import {
-    CalculatedFieldFormat,
-    DataModelFieldGroup,
-    DataModelValues,
-    FieldTypeOption,
-    FormFieldsByFormIdI,
-    FormInfo,
-    StructuredFormula,
+    type CalculatedFieldFormat,
+    type DataModelFieldGroup,
+    type DataModelValues,
+    type FieldTypeOption,
+    type FormFieldsByFormIdI,
+    type FormInfo,
+    type StructuredFormula,
 } from '../../interface/types';
 import {
     evaluateFormula,

package/src/components/field-config-panel/formula-workspace.tsx

@@ -10,7 +10,7 @@ import {
     useCallback,
 } from 'react';
 import { CALCULATED_OPERATIONS } from '../../constants';
-import { CalculatedFieldFormat } from '../../interface/types';
+import { type CalculatedFieldFormat } from '../../interface/types';
 import { AdvancedSettings } from './advanced-settings';
 import { ResultTypeSelector } from './result-type-selector';
 

package/src/components/field-config-panel/result-type-selector.tsx

@@ -1,6 +1,6 @@
 import { Flex, SegmentedControl, Text } from '@servicetitan/anvil2';
 import { FC, Fragment } from 'react';
-import { CalculatedFieldFormat } from '../../interface/types';
+import { type CalculatedFieldFormat } from '../../interface/types';
 
 interface ResultTypeSelectorProps {
     format: CalculatedFieldFormat;

package/src/components/field-config-panel/table-configs.tsx

@@ -1,7 +1,7 @@
 import { Button, Flex, Switch } from '@servicetitan/anvil2';
 import { FC, Fragment } from 'react';
 import { GENERIC_FIELD_TABLE_ROW_HEIGHT } from '../../constants';
-import { GenericFieldTableDataType, PdfField } from '../../interface/types';
+import { type GenericFieldTableDataType, type PdfField } from '../../interface/types';
 
 interface TableConfigsProps {
     field: PdfField;

package/src/components/field-sidebar/calculated-field-type-list.tsx

@@ -1,6 +1,6 @@
 import { FC, Fragment } from 'react';
 import { CALCULATED_FIELD_TYPES } from '../../constants';
-import { FieldTypeOption } from '../../interface/types';
+import { type FieldTypeOption } from '../../interface/types';
 import { FieldType } from './field-type';
 
 interface CalculatedFieldTypeListProps {

package/src/components/field-sidebar/data-model-field-type-list.tsx

@@ -1,6 +1,6 @@
 import { Flex, SearchField, Text } from '@servicetitan/anvil2';
 import { FC, Fragment, useMemo, useState } from 'react';
-import { DataModelFieldGroup, FieldTypeOption } from '../../interface/types';
+import { type DataModelFieldGroup, type FieldTypeOption } from '../../interface/types';
 import { getFieldSampleData } from '../../utils';
 import { FieldType } from './field-type';
 

package/src/components/field-sidebar/e-sign-field-type-list.tsx

@@ -1,6 +1,6 @@
 import { FC, Fragment } from 'react';
 import { E_SIGN_FIELD_TYPES } from '../../constants';
-import { FieldTypeOption } from '../../interface/types';
+import { type FieldTypeOption } from '../../interface/types';
 import { FieldType } from './field-type';
 
 interface ESignFieldTypeListProps {

package/src/components/field-sidebar/field-sidebar.tsx

@@ -4,10 +4,10 @@ import { FC, useMemo, useState } from 'react';
 import { menuGroups } from '../../constants';
 import { useToggle } from '../../hooks';
 import {
-    DataModelFieldGroup,
+    type DataModelFieldGroup,
     FieldTypeEnum,
-    FieldTypeOption,
-    FormInfo,
+    type FieldTypeOption,
+    type FormInfo,
 } from '../../interface/types';
 import { CalculatedFieldTypeList } from './calculated-field-type-list';
 import { DataModelFieldTypeList } from './data-model-field-type-list';

package/src/components/field-sidebar/fillable-field-type-list.tsx

@@ -1,7 +1,7 @@
 import { SearchField } from '@servicetitan/anvil2';
 import { FC, Fragment, useMemo, useState } from 'react';
 import { FILLABLE_FIELD_TYPES } from '../../constants';
-import { FieldTypeOption } from '../../interface/types';
+import { type FieldTypeOption } from '../../interface/types';
 import { FieldType } from './field-type';
 
 interface FillableFieldTypeListProps {

package/src/components/field-sidebar/form-fields-type-list.tsx

@@ -3,7 +3,7 @@ import IconArrowBack from '@servicetitan/anvil2/assets/icons/material/round/keyb
 import IconArrowForward from '@servicetitan/anvil2/assets/icons/material/round/keyboard_arrow_right.svg';
 import { Stack } from '@servicetitan/design-system';
 import { FC, Fragment } from 'react';
-import { FieldTypeOption, FormInfo } from '../../interface/types';
+import { type FieldTypeOption, type FormInfo } from '../../interface/types';
 import { getFieldSampleData } from '../../utils';
 import { FieldType } from './field-type';
 

package/src/components/field-sidebar/generic-field-type-list.tsx

@@ -1,6 +1,6 @@
 import { FC, Fragment } from 'react';
 import { GENERIC_FIELD_TYPES } from '../../constants';
-import { FieldTypeOption } from '../../interface/types';
+import { type FieldTypeOption } from '../../interface/types';
 import { FieldType } from './field-type';
 
 interface GenericFieldTypeListProps {

package/src/components/pdf-canvas/pdf-canvas.tsx

@@ -1,7 +1,7 @@
 import { Flex } from '@servicetitan/anvil2';
 import { DragEvent, FC, MouseEvent, ReactNode, RefObject, useEffect, useState } from 'react';
 import { BASE_PAGE_WIDTH } from '../../constants';
-import { PdfField } from '../../interface/types';
+import { type PdfField } from '../../interface/types';
 import { PdfFieldsOverlay } from '../pdf-fields-overlay/pdf-fields-overlay';
 import { PdfDocumentRenderer } from './pdf-document-renderer';
 

package/src/components/pdf-editor/pdf-editor.tsx

@@ -3,11 +3,11 @@ import { FC, ReactNode, useCallback, useMemo, useRef } from 'react';
 import { useFormFields, usePdfFieldDnD, usePdfFieldSelection } from '../../hooks';
 import {
     FieldTypeEnum,
-    FormFieldsByFormIdI,
-    FormInfo,
-    PdfField,
-    RecipientInfo,
-    SchemaObject,
+    type FormFieldsByFormIdI,
+    type FormInfo,
+    type PdfField,
+    type RecipientInfo,
+    type SchemaObject,
 } from '../../interface/types';
 import { extractGroupedFieldsFromDataModel, mapColorsToRecipients } from '../../utils';
 import { FieldConfigPanelOverlay } from '../field-config-panel/field-config-panel-overlay';

package/src/components/pdf-fields-overlay/pdf-fields-overlay.tsx

@@ -1,5 +1,5 @@
 import { FC, MouseEvent, RefObject, useMemo } from 'react';
-import { PdfField } from '../../interface/types';
+import { type PdfField } from '../../interface/types';
 import { PdfOverlayField } from './pdf-overlay-field';
 
 interface PdfFieldsOverlayProps {

package/src/components/pdf-fields-overlay/pdf-overlay-field-calculated.tsx

@@ -1,5 +1,5 @@
 import { FC, useMemo } from 'react';
-import { PdfField } from '../../interface/types';
+import { type PdfField } from '../../interface/types';
 import { formulaToDisplayText, getFieldTextClipClassName } from '../../utils';
 
 interface PdfOverlayFieldCalculatedProps {

package/src/components/pdf-fields-overlay/pdf-overlay-field-data-model.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { PdfField } from '../../interface/types';
+import { type PdfField } from '../../interface/types';
 import { getFieldTextClipClassName } from '../../utils';
 
 interface PdfOverlayFieldDataModelProps {

package/src/components/pdf-fields-overlay/pdf-overlay-field-e-sign.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { PdfField } from '../../interface/types';
+import { type PdfField } from '../../interface/types';
 
 interface PdfOverlayFieldESignProps {
     field: PdfField;

package/src/components/pdf-fields-overlay/pdf-overlay-field-fillable.tsx

@@ -1,6 +1,6 @@
 import { FC, Fragment } from 'react';
 import { v4 as uuidv4 } from 'uuid';
-import { PdfField } from '../../interface/types';
+import { type PdfField } from '../../interface/types';
 import { getFieldPlaceholderText, getFieldTextClipClassName } from '../../utils';
 import { AddHandle } from './add-handle';
 

package/src/components/pdf-fields-overlay/pdf-overlay-field-generic.tsx

@@ -1,9 +1,9 @@
 import { FC, useMemo, useState } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 import {
-    GenericFieldTableDataType,
-    GenericFieldTextDataType,
-    PdfField,
+    type GenericFieldTableDataType,
+    type GenericFieldTextDataType,
+    type PdfField,
 } from '../../interface/types';
 import { InlineEditable } from '../shared';
 

package/src/components/pdf-fields-overlay/pdf-overlay-field.tsx

@@ -1,7 +1,7 @@
 import { FC, MouseEvent, RefObject } from 'react';
 import { DISABLE_FIELD_RESIZE } from '../../constants';
 import { useFieldDrag, useFieldResize } from '../../hooks';
-import { FieldTypeEnum, PdfField } from '../../interface/types';
+import { FieldTypeEnum, type PdfField } from '../../interface/types';
 import { getFieldBackgroundColor, getFieldBoundsStyle, getPagePosition } from '../../utils';
 import { PdfOverlayFieldCalculated } from './pdf-overlay-field-calculated';
 import { PdfOverlayFieldDataModel } from './pdf-overlay-field-data-model';

package/src/components/pdf-view/pdf-view-calculated.tsx

@@ -1,5 +1,5 @@
 import { FC, useMemo } from 'react';
-import { DataModelValues, PdfField, PdfViewMode } from '../../interface/types';
+import { type DataModelValues, type PdfField, type PdfViewMode } from '../../interface/types';
 import {
     evaluateFormula,
     formatCalculatedResult,

package/src/components/pdf-view/pdf-view-data-model.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DataModelValues, PdfField } from '../../interface/types';
+import { type DataModelValues, type PdfField } from '../../interface/types';
 import { getFieldTextClipClassName, nl2br, resolvePdfDataValues } from '../../utils';
 
 interface PdfViewDataModelProps {

package/src/components/pdf-view/pdf-view-e-sign.tsx

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { PdfField } from '../../interface/types';
+import { type PdfField } from '../../interface/types';
 
 interface PdfViewESignProps {
     field: PdfField;

package/src/components/pdf-view/pdf-view-field-container.tsx

@@ -1,5 +1,5 @@
 import { FC, Fragment, PropsWithChildren, RefObject } from 'react';
-import { DataModelValues, PdfField } from '../../interface/types';
+import { type DataModelValues, type PdfField } from '../../interface/types';
 import {
     evaluateDisplayCondition,
     getFieldBackgroundColor,

package/src/components/pdf-view/pdf-view-fillable.tsx

@@ -1,5 +1,10 @@
 import { FC } from 'react';
-import { DataChangePayload, DataModelValues, PdfField, PdfViewMode } from '../../interface/types';
+import {
+    type DataChangePayload,
+    type DataModelValues,
+    type PdfField,
+    type PdfViewMode,
+} from '../../interface/types';
 import {
     dateToUtcZero,
     getFieldPlaceholderText,

package/src/components/pdf-view/pdf-view-generic.tsx

@@ -1,9 +1,9 @@
 import { type CSSProperties, FC, useMemo } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 import {
-    GenericFieldTableDataType,
-    GenericFieldTextDataType,
-    PdfField,
+    type GenericFieldTableDataType,
+    type GenericFieldTextDataType,
+    type PdfField,
 } from '../../interface/types';
 
 interface PdfViewGenericProps {

package/src/components/pdf-view/pdf-view.tsx

@@ -2,12 +2,12 @@ import { Flex } from '@servicetitan/anvil2';
 import { FC, ReactNode, useRef, useState } from 'react';
 import { BASE_PAGE_WIDTH } from '../../constants';
 import {
-    DataChangePayload,
-    DataModelValues,
+    type DataChangePayload,
+    type DataModelValues,
     FieldTypeEnum,
-    PdfField,
-    PdfViewMode,
-    RecipientInfo,
+    type PdfField,
+    type PdfViewMode,
+    type RecipientInfo,
 } from '../../interface/types';
 import { mapColorsToRecipients } from '../../utils';
 import { PdfDocumentRenderer } from '../pdf-canvas/pdf-document-renderer';

package/src/constants/field.constants.ts

@@ -1,10 +1,10 @@
 import {
-    CalculatedFormatForDate,
-    CalculatedFormatForNumber,
+    type CalculatedFormatForDate,
+    type CalculatedFormatForNumber,
     ESignFieldType,
     FieldTypeEnum,
-    FieldTypeOption,
-    PdfFieldSubType,
+    type FieldTypeOption,
+    type PdfFieldSubType,
 } from '../interface/types';
 import { DEFAULT_DATE_FORMAT } from './calculated.constants';
 import { BASE_PAGE_WIDTH } from './pdf-editor.constants';

package/src/hooks/useFieldDrag.ts

@@ -1,5 +1,5 @@
 import { DragEvent, MutableRefObject, RefObject, useCallback, useRef, useState } from 'react';
-import { PdfField } from '../interface/types';
+import { type PdfField } from '../interface/types';
 import {
     getPageDimensions,
     getPageNumberFromClientY,

package/src/hooks/useFieldResize.ts

@@ -1,5 +1,5 @@
 import { MouseEvent, RefObject, useEffect, useRef, useState } from 'react';
-import { PdfField } from '../interface/types';
+import { type PdfField } from '../interface/types';
 import { handleFieldResize, handleFieldResizeStart } from '../utils';
 
 interface UseFieldResizeOptions {

package/src/hooks/useFormFields.ts

@@ -1,10 +1,10 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import {
     FieldTypeEnum,
-    FieldTypeOption,
-    FormFieldsByFormIdI,
-    FormInfo,
-    PdfField,
+    type FieldTypeOption,
+    type FormFieldsByFormIdI,
+    type FormInfo,
+    type PdfField,
 } from '../interface/types';
 import { formFieldInfoToFieldTypeOption } from '../utils';
 

package/src/hooks/usePdfFieldDnD.ts

@@ -10,9 +10,9 @@ import {
 import {
     ESignFieldType,
     FieldTypeEnum,
-    FieldTypeOption,
-    PdfField,
-    RecipientInfo,
+    type FieldTypeOption,
+    type PdfField,
+    type RecipientInfo,
 } from '../interface/types';
 import {
     calculateDropCoordinates,

package/src/hooks/usePdfFieldSelection.ts

@@ -1,5 +1,5 @@
 import { MouseEvent, useMemo, useState } from 'react';
-import { PdfField } from '../interface/types';
+import { type PdfField } from '../interface/types';
 
 export const usePdfFieldSelection = (
     fields: PdfField[],

package/src/styles/field-sidebar.css

@@ -8,7 +8,6 @@
 }
 
 .dte-field-sidebar-menu-item {
-    --sub-item-color: unset;
     cursor: pointer;
 }
 
@@ -27,15 +26,15 @@
 .dte-field-sidebar-menu-item-text,
 .dte-field-sidebar-menu-item-icon {
     transition: color 0.2s ease-out;
-    color: var(--sub-item-color);
+    color: var(--sub-item-color) !important;
 }
 
 .dte-field-sidebar-toggler {
-    position: absolute;
     top: 0;
     right: -5px;
     cursor: pointer;
     background: transparent;
+    position: absolute !important;
 }
 
 .dte-field-sidebar-content {