diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index e5932f0b..27fb55eb 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -4,8 +4,8 @@ permissions:
 on:
   # Release workflow calls this manually for main and tags
   push:
-    branches:
-      - '!main'
+    branches-ignore:
+      - 'main'
   workflow_call: # Can called from other workflows
 jobs:
   tests:
diff --git a/.storybook/decorators/context.jsx b/.storybook/decorators/context.tsx
similarity index 100%
rename from .storybook/decorators/context.jsx
rename to .storybook/decorators/context.tsx
diff --git a/.storybook/main.js b/.storybook/main.ts
similarity index 100%
rename from .storybook/main.js
rename to .storybook/main.ts
diff --git a/.storybook/manager.js b/.storybook/manager.ts
similarity index 100%
rename from .storybook/manager.js
rename to .storybook/manager.ts
diff --git a/.storybook/preview.js b/.storybook/preview.ts
similarity index 100%
rename from .storybook/preview.js
rename to .storybook/preview.ts
diff --git a/.storybook/tangibleTheme.js b/.storybook/tangibleTheme.ts
similarity index 100%
rename from .storybook/tangibleTheme.js
rename to .storybook/tangibleTheme.ts
diff --git a/assets/src/Control.jsx b/assets/src/Control.tsx
similarity index 96%
rename from assets/src/Control.jsx
rename to assets/src/Control.tsx
index 7df1aebe..9db09d8d 100644
--- a/assets/src/Control.jsx
+++ b/assets/src/Control.tsx
@@ -3,13 +3,13 @@ import {
   useState,
   useContext
 } from 'react'
-import { ControlContext } from './index.jsx'
+import { ControlContext } from './index.tsx'
 
 import { triggerEvent } from './events'
 import { OverlayProvider } from 'react-aria'
 import { dynamicValuesAPI } from './dynamic-values'
 
-import types from './types.js'
+import types from './types.ts'
 import DependendWrapper from './components/dependent/DependendWrapper'
 import RenderWrapper from './components/render/RenderWrapper'
 import VisibilityWrapper from './components/visibility/VisibilityWrapper'
diff --git a/assets/src/Element.jsx b/assets/src/Element.tsx
similarity index 91%
rename from assets/src/Element.jsx
rename to assets/src/Element.tsx
index 33650a30..4bcca20e 100644
--- a/assets/src/Element.jsx
+++ b/assets/src/Element.tsx
@@ -3,12 +3,12 @@ import {
   useContext,
   useEffect
 } from 'react'
-import { ControlContext } from './index.jsx'
+import { ControlContext } from './index.tsx'
 
-import types from './types.js'
+import types from './types.ts'
 import DependendWrapper from './components/dependent/DependendWrapper'
 import VisibilityWrapper from './components/visibility/VisibilityWrapper'
-import RenderWrapper from './components/render/RenderWrapper.jsx'
+import RenderWrapper from './components/render/RenderWrapper.tsx'
 
 /**
  * Really similar to Control component, expect it has no values
diff --git a/assets/src/codemirror/index.js b/assets/src/codemirror/index.ts
similarity index 100%
rename from assets/src/codemirror/index.js
rename to assets/src/codemirror/index.ts
diff --git a/assets/src/components/base/button/Button.stories.js b/assets/src/components/base/button/Button.stories.ts
similarity index 99%
rename from assets/src/components/base/button/Button.stories.js
rename to assets/src/components/base/button/Button.stories.ts
index 8da1b68b..8d5beaed 100644
--- a/assets/src/components/base/button/Button.stories.js
+++ b/assets/src/components/base/button/Button.stories.ts
@@ -1,7 +1,7 @@
 // Button.stories.js (or .mdx)
 
 // import { fn } from 'storybook/test'; // Keep if you use it for action logging
-import Button from './Button.jsx';
+import Button from './Button.tsx';
 
 export default {
   title: 'Button',
diff --git a/assets/src/components/base/button/Button.jsx b/assets/src/components/base/button/Button.tsx
similarity index 100%
rename from assets/src/components/base/button/Button.jsx
rename to assets/src/components/base/button/Button.tsx
diff --git a/assets/src/components/base/dialog/Dialog.jsx b/assets/src/components/base/dialog/Dialog.tsx
similarity index 100%
rename from assets/src/components/base/dialog/Dialog.jsx
rename to assets/src/components/base/dialog/Dialog.tsx
diff --git a/assets/src/components/base/expandable-panel/ExpandablePanel.jsx b/assets/src/components/base/expandable-panel/ExpandablePanel.tsx
similarity index 100%
rename from assets/src/components/base/expandable-panel/ExpandablePanel.jsx
rename to assets/src/components/base/expandable-panel/ExpandablePanel.tsx
diff --git a/assets/src/components/base/field/Description.jsx b/assets/src/components/base/field/Description.tsx
similarity index 100%
rename from assets/src/components/base/field/Description.jsx
rename to assets/src/components/base/field/Description.tsx
diff --git a/assets/src/components/base/field/Label.jsx b/assets/src/components/base/field/Label.tsx
similarity index 100%
rename from assets/src/components/base/field/Label.jsx
rename to assets/src/components/base/field/Label.tsx
diff --git a/assets/src/components/base/index.js b/assets/src/components/base/index.ts
similarity index 100%
rename from assets/src/components/base/index.js
rename to assets/src/components/base/index.ts
diff --git a/assets/src/components/base/list-box/ListBox.jsx b/assets/src/components/base/list-box/ListBox.tsx
similarity index 100%
rename from assets/src/components/base/list-box/ListBox.jsx
rename to assets/src/components/base/list-box/ListBox.tsx
diff --git a/assets/src/components/base/list-box/Option.jsx b/assets/src/components/base/list-box/Option.tsx
similarity index 100%
rename from assets/src/components/base/list-box/Option.jsx
rename to assets/src/components/base/list-box/Option.tsx
diff --git a/assets/src/components/base/list-box/RenderChoices.jsx b/assets/src/components/base/list-box/RenderChoices.tsx
similarity index 100%
rename from assets/src/components/base/list-box/RenderChoices.jsx
rename to assets/src/components/base/list-box/RenderChoices.tsx
diff --git a/assets/src/components/base/list-box/Section.jsx b/assets/src/components/base/list-box/Section.tsx
similarity index 100%
rename from assets/src/components/base/list-box/Section.jsx
rename to assets/src/components/base/list-box/Section.tsx
diff --git a/assets/src/components/base/modal/Modal.jsx b/assets/src/components/base/modal/Modal.tsx
similarity index 95%
rename from assets/src/components/base/modal/Modal.jsx
rename to assets/src/components/base/modal/Modal.tsx
index 88a7c1fd..394633eb 100644
--- a/assets/src/components/base/modal/Modal.jsx
+++ b/assets/src/components/base/modal/Modal.tsx
@@ -7,7 +7,7 @@ import {
   Overlay,
   useModalOverlay
 } from 'react-aria'
-import { ControlContext } from '../../../index.jsx'
+import { ControlContext } from '../../../index.tsx'
 
 const Modal = ({ state, children, ...props }) => {
 
diff --git a/assets/src/components/base/modal/ModalTrigger.jsx b/assets/src/components/base/modal/ModalTrigger.tsx
similarity index 100%
rename from assets/src/components/base/modal/ModalTrigger.jsx
rename to assets/src/components/base/modal/ModalTrigger.tsx
diff --git a/assets/src/components/base/notice/Notice.jsx b/assets/src/components/base/notice/Notice.tsx
similarity index 100%
rename from assets/src/components/base/notice/Notice.jsx
rename to assets/src/components/base/notice/Notice.tsx
diff --git a/assets/src/components/base/popover/Popover.jsx b/assets/src/components/base/popover/Popover.tsx
similarity index 96%
rename from assets/src/components/base/popover/Popover.jsx
rename to assets/src/components/base/popover/Popover.tsx
index 68ad4441..7417b246 100644
--- a/assets/src/components/base/popover/Popover.jsx
+++ b/assets/src/components/base/popover/Popover.tsx
@@ -8,7 +8,7 @@ import {
   Overlay, 
   usePopover
 } from 'react-aria'
-import { ControlContext } from '../../../index.jsx'
+import { ControlContext } from '../../../index.tsx'
 
 function Popover({ 
   children, 
diff --git a/assets/src/components/base/tab/Tab.jsx b/assets/src/components/base/tab/Tab.tsx
similarity index 100%
rename from assets/src/components/base/tab/Tab.jsx
rename to assets/src/components/base/tab/Tab.tsx
diff --git a/assets/src/components/base/title/Title.jsx b/assets/src/components/base/title/Title.tsx
similarity index 100%
rename from assets/src/components/base/title/Title.jsx
rename to assets/src/components/base/title/Title.tsx
diff --git a/assets/src/components/base/tooltip/Tooltip.jsx b/assets/src/components/base/tooltip/Tooltip.tsx
similarity index 100%
rename from assets/src/components/base/tooltip/Tooltip.jsx
rename to assets/src/components/base/tooltip/Tooltip.tsx
diff --git a/assets/src/components/base/tooltip/TooltipTrigger.jsx b/assets/src/components/base/tooltip/TooltipTrigger.tsx
similarity index 100%
rename from assets/src/components/base/tooltip/TooltipTrigger.jsx
rename to assets/src/components/base/tooltip/TooltipTrigger.tsx
diff --git a/assets/src/components/base/wrapper/Wrapper.jsx b/assets/src/components/base/wrapper/Wrapper.tsx
similarity index 100%
rename from assets/src/components/base/wrapper/Wrapper.jsx
rename to assets/src/components/base/wrapper/Wrapper.tsx
diff --git a/assets/src/components/conditional/ConditionGroup.jsx b/assets/src/components/conditional/ConditionGroup.tsx
similarity index 100%
rename from assets/src/components/conditional/ConditionGroup.jsx
rename to assets/src/components/conditional/ConditionGroup.tsx
diff --git a/assets/src/components/conditional/ConditonalPanel.jsx b/assets/src/components/conditional/ConditonalPanel.tsx
similarity index 100%
rename from assets/src/components/conditional/ConditonalPanel.jsx
rename to assets/src/components/conditional/ConditonalPanel.tsx
diff --git a/assets/src/components/conditional/condition-fields.js b/assets/src/components/conditional/condition-fields.ts
similarity index 100%
rename from assets/src/components/conditional/condition-fields.js
rename to assets/src/components/conditional/condition-fields.ts
diff --git a/assets/src/components/dependent/DependendWrapper.jsx b/assets/src/components/dependent/DependendWrapper.tsx
similarity index 100%
rename from assets/src/components/dependent/DependendWrapper.jsx
rename to assets/src/components/dependent/DependendWrapper.tsx
diff --git a/assets/src/components/dependent/utils.js b/assets/src/components/dependent/utils.ts
similarity index 99%
rename from assets/src/components/dependent/utils.js
rename to assets/src/components/dependent/utils.ts
index 8937bb39..5eeee23c 100644
--- a/assets/src/components/dependent/utils.js
+++ b/assets/src/components/dependent/utils.ts
@@ -1,4 +1,4 @@
-import * as tangibleFields from '../../index.jsx'
+import * as tangibleFields from '../../index.tsx'
 
 /**
  * Returns an object that can be used to map which exterior field will trigger which value
diff --git a/assets/src/components/dynamic/base-wrapper/BaseWrapper.jsx b/assets/src/components/dynamic/base-wrapper/BaseWrapper.tsx
similarity index 99%
rename from assets/src/components/dynamic/base-wrapper/BaseWrapper.jsx
rename to assets/src/components/dynamic/base-wrapper/BaseWrapper.tsx
index 7c100e99..4e910537 100644
--- a/assets/src/components/dynamic/base-wrapper/BaseWrapper.jsx
+++ b/assets/src/components/dynamic/base-wrapper/BaseWrapper.tsx
@@ -10,7 +10,7 @@ import {
   useOverlayTrigger,
 } from 'react-aria'
 
-import { getConfig } from '../../../index.jsx'
+import { getConfig } from '../../../index.tsx'
 import Control from '../../../Control'
 
 import { useOverlayTriggerState } from 'react-stately'
diff --git a/assets/src/components/dynamic/field-wrapper/FieldWrapper.jsx b/assets/src/components/dynamic/field-wrapper/FieldWrapper.tsx
similarity index 100%
rename from assets/src/components/dynamic/field-wrapper/FieldWrapper.jsx
rename to assets/src/components/dynamic/field-wrapper/FieldWrapper.tsx
diff --git a/assets/src/components/dynamic/index.js b/assets/src/components/dynamic/index.ts
similarity index 100%
rename from assets/src/components/dynamic/index.js
rename to assets/src/components/dynamic/index.ts
diff --git a/assets/src/components/dynamic/text-input/TextInput.jsx b/assets/src/components/dynamic/text-input/TextInput.tsx
similarity index 100%
rename from assets/src/components/dynamic/text-input/TextInput.jsx
rename to assets/src/components/dynamic/text-input/TextInput.tsx
diff --git a/assets/src/components/field/accordion/Accordion.jsx b/assets/src/components/field/accordion/Accordion.tsx
similarity index 100%
rename from assets/src/components/field/accordion/Accordion.jsx
rename to assets/src/components/field/accordion/Accordion.tsx
diff --git a/assets/src/components/field/alignment-matrix/AlignmentMatrix.jsx b/assets/src/components/field/alignment-matrix/AlignmentMatrix.tsx
similarity index 100%
rename from assets/src/components/field/alignment-matrix/AlignmentMatrix.jsx
rename to assets/src/components/field/alignment-matrix/AlignmentMatrix.tsx
diff --git a/assets/src/components/field/border/Border.jsx b/assets/src/components/field/border/Border.tsx
similarity index 100%
rename from assets/src/components/field/border/Border.jsx
rename to assets/src/components/field/border/Border.tsx
diff --git a/assets/src/components/field/button-group/ButtonGroup.jsx b/assets/src/components/field/button-group/ButtonGroup.tsx
similarity index 100%
rename from assets/src/components/field/button-group/ButtonGroup.jsx
rename to assets/src/components/field/button-group/ButtonGroup.tsx
diff --git a/assets/src/components/field/button-group/ButtonOption.jsx b/assets/src/components/field/button-group/ButtonOption.tsx
similarity index 100%
rename from assets/src/components/field/button-group/ButtonOption.jsx
rename to assets/src/components/field/button-group/ButtonOption.tsx
diff --git a/assets/src/components/field/checkbox/Checkbox.jsx b/assets/src/components/field/checkbox/Checkbox.tsx
similarity index 100%
rename from assets/src/components/field/checkbox/Checkbox.jsx
rename to assets/src/components/field/checkbox/Checkbox.tsx
diff --git a/assets/src/components/field/code/Code.jsx b/assets/src/components/field/code/Code.tsx
similarity index 100%
rename from assets/src/components/field/code/Code.jsx
rename to assets/src/components/field/code/Code.tsx
diff --git a/assets/src/components/field/code/Editor.jsx b/assets/src/components/field/code/Editor.tsx
similarity index 100%
rename from assets/src/components/field/code/Editor.jsx
rename to assets/src/components/field/code/Editor.tsx
diff --git a/assets/src/components/field/code/create.js b/assets/src/components/field/code/create.ts
similarity index 100%
rename from assets/src/components/field/code/create.js
rename to assets/src/components/field/code/create.ts
diff --git a/assets/src/components/field/color/Color.jsx b/assets/src/components/field/color/Color.tsx
similarity index 100%
rename from assets/src/components/field/color/Color.jsx
rename to assets/src/components/field/color/Color.tsx
diff --git a/assets/src/components/field/color/ColorArea.jsx b/assets/src/components/field/color/ColorArea.tsx
similarity index 100%
rename from assets/src/components/field/color/ColorArea.jsx
rename to assets/src/components/field/color/ColorArea.tsx
diff --git a/assets/src/components/field/color/ColorField.jsx b/assets/src/components/field/color/ColorField.tsx
similarity index 100%
rename from assets/src/components/field/color/ColorField.jsx
rename to assets/src/components/field/color/ColorField.tsx
diff --git a/assets/src/components/field/color/ColorPicker.jsx b/assets/src/components/field/color/ColorPicker.tsx
similarity index 100%
rename from assets/src/components/field/color/ColorPicker.jsx
rename to assets/src/components/field/color/ColorPicker.tsx
diff --git a/assets/src/components/field/color/ColorSlider.jsx b/assets/src/components/field/color/ColorSlider.tsx
similarity index 100%
rename from assets/src/components/field/color/ColorSlider.jsx
rename to assets/src/components/field/color/ColorSlider.tsx
diff --git a/assets/src/components/field/combo-box/ComboBox.jsx b/assets/src/components/field/combo-box/ComboBox.tsx
similarity index 100%
rename from assets/src/components/field/combo-box/ComboBox.jsx
rename to assets/src/components/field/combo-box/ComboBox.tsx
diff --git a/assets/src/components/field/combo-box/MultipleComboxBox.jsx b/assets/src/components/field/combo-box/MultipleComboxBox.tsx
similarity index 100%
rename from assets/src/components/field/combo-box/MultipleComboxBox.jsx
rename to assets/src/components/field/combo-box/MultipleComboxBox.tsx
diff --git a/assets/src/components/field/combo-box/async.jsx b/assets/src/components/field/combo-box/async.tsx
similarity index 100%
rename from assets/src/components/field/combo-box/async.jsx
rename to assets/src/components/field/combo-box/async.tsx
diff --git a/assets/src/components/field/combo-box/common.js b/assets/src/components/field/combo-box/common.ts
similarity index 100%
rename from assets/src/components/field/combo-box/common.js
rename to assets/src/components/field/combo-box/common.ts
diff --git a/assets/src/components/field/combo-box/index.jsx b/assets/src/components/field/combo-box/index.tsx
similarity index 100%
rename from assets/src/components/field/combo-box/index.jsx
rename to assets/src/components/field/combo-box/index.tsx
diff --git a/assets/src/components/field/combo-box/layout/Simple.jsx b/assets/src/components/field/combo-box/layout/Simple.tsx
similarity index 100%
rename from assets/src/components/field/combo-box/layout/Simple.jsx
rename to assets/src/components/field/combo-box/layout/Simple.tsx
diff --git a/assets/src/components/field/combo-box/layout/SimpleMultiple.jsx b/assets/src/components/field/combo-box/layout/SimpleMultiple.tsx
similarity index 100%
rename from assets/src/components/field/combo-box/layout/SimpleMultiple.jsx
rename to assets/src/components/field/combo-box/layout/SimpleMultiple.tsx
diff --git a/assets/src/components/field/combo-box/layout/index.js b/assets/src/components/field/combo-box/layout/index.ts
similarity index 100%
rename from assets/src/components/field/combo-box/layout/index.js
rename to assets/src/components/field/combo-box/layout/index.ts
diff --git a/assets/src/components/field/date/Date.jsx b/assets/src/components/field/date/Date.tsx
similarity index 100%
rename from assets/src/components/field/date/Date.jsx
rename to assets/src/components/field/date/Date.tsx
diff --git a/assets/src/components/field/date/DateField.jsx b/assets/src/components/field/date/DateField.tsx
similarity index 93%
rename from assets/src/components/field/date/DateField.jsx
rename to assets/src/components/field/date/DateField.tsx
index 5f2c4a20..46f7a863 100644
--- a/assets/src/components/field/date/DateField.jsx
+++ b/assets/src/components/field/date/DateField.tsx
@@ -7,7 +7,7 @@ import {
   useLocale 
 } from 'react-aria'
 
-import DateSegment from './DateSegment.jsx'
+import DateSegment from './DateSegment.tsx'
 
 const DateField = props => {
   
diff --git a/assets/src/components/field/date/DatePicker.jsx b/assets/src/components/field/date/DatePicker.tsx
similarity index 100%
rename from assets/src/components/field/date/DatePicker.jsx
rename to assets/src/components/field/date/DatePicker.tsx
diff --git a/assets/src/components/field/date/DateRange.jsx b/assets/src/components/field/date/DateRange.tsx
similarity index 100%
rename from assets/src/components/field/date/DateRange.jsx
rename to assets/src/components/field/date/DateRange.tsx
diff --git a/assets/src/components/field/date/DateRangePicker.jsx b/assets/src/components/field/date/DateRangePicker.tsx
similarity index 100%
rename from assets/src/components/field/date/DateRangePicker.jsx
rename to assets/src/components/field/date/DateRangePicker.tsx
diff --git a/assets/src/components/field/date/DateSegment.jsx b/assets/src/components/field/date/DateSegment.tsx
similarity index 100%
rename from assets/src/components/field/date/DateSegment.jsx
rename to assets/src/components/field/date/DateSegment.tsx
diff --git a/assets/src/components/field/date/calendar/Calendar.jsx b/assets/src/components/field/date/calendar/Calendar.tsx
similarity index 100%
rename from assets/src/components/field/date/calendar/Calendar.jsx
rename to assets/src/components/field/date/calendar/Calendar.tsx
diff --git a/assets/src/components/field/date/calendar/CalendarCell.jsx b/assets/src/components/field/date/calendar/CalendarCell.tsx
similarity index 100%
rename from assets/src/components/field/date/calendar/CalendarCell.jsx
rename to assets/src/components/field/date/calendar/CalendarCell.tsx
diff --git a/assets/src/components/field/date/calendar/CalendarGrid.jsx b/assets/src/components/field/date/calendar/CalendarGrid.tsx
similarity index 100%
rename from assets/src/components/field/date/calendar/CalendarGrid.jsx
rename to assets/src/components/field/date/calendar/CalendarGrid.tsx
diff --git a/assets/src/components/field/date/calendar/DateRangeCalendarContext.jsx b/assets/src/components/field/date/calendar/DateRangeCalendarContext.tsx
similarity index 100%
rename from assets/src/components/field/date/calendar/DateRangeCalendarContext.jsx
rename to assets/src/components/field/date/calendar/DateRangeCalendarContext.tsx
diff --git a/assets/src/components/field/date/calendar/Preset.jsx b/assets/src/components/field/date/calendar/Preset.tsx
similarity index 100%
rename from assets/src/components/field/date/calendar/Preset.jsx
rename to assets/src/components/field/date/calendar/Preset.tsx
diff --git a/assets/src/components/field/date/format.js b/assets/src/components/field/date/format.ts
similarity index 100%
rename from assets/src/components/field/date/format.js
rename to assets/src/components/field/date/format.ts
diff --git a/assets/src/components/field/date/index.jsx b/assets/src/components/field/date/index.tsx
similarity index 100%
rename from assets/src/components/field/date/index.jsx
rename to assets/src/components/field/date/index.tsx
diff --git a/assets/src/components/field/dimensions/Dimensions.jsx b/assets/src/components/field/dimensions/Dimensions.tsx
similarity index 100%
rename from assets/src/components/field/dimensions/Dimensions.jsx
rename to assets/src/components/field/dimensions/Dimensions.tsx
diff --git a/assets/src/components/field/dynamic-text/DynamicText.jsx b/assets/src/components/field/dynamic-text/DynamicText.tsx
similarity index 100%
rename from assets/src/components/field/dynamic-text/DynamicText.jsx
rename to assets/src/components/field/dynamic-text/DynamicText.tsx
diff --git a/assets/src/components/field/editor/TinyMce.jsx b/assets/src/components/field/editor/TinyMce.tsx
similarity index 100%
rename from assets/src/components/field/editor/TinyMce.jsx
rename to assets/src/components/field/editor/TinyMce.tsx
diff --git a/assets/src/components/field/editor/index.jsx b/assets/src/components/field/editor/index.tsx
similarity index 86%
rename from assets/src/components/field/editor/index.jsx
rename to assets/src/components/field/editor/index.tsx
index 60ba45ef..45bd7984 100644
--- a/assets/src/components/field/editor/index.jsx
+++ b/assets/src/components/field/editor/index.tsx
@@ -1,5 +1,5 @@
 import ProseMirror from './prosemirror/Editor'
-import TinyMce from './TinyMce.jsx'
+import TinyMce from './TinyMce.tsx'
 
 export default props => {
 
diff --git a/assets/src/components/field/editor/prosemirror/Editor.jsx b/assets/src/components/field/editor/prosemirror/Editor.tsx
similarity index 100%
rename from assets/src/components/field/editor/prosemirror/Editor.jsx
rename to assets/src/components/field/editor/prosemirror/Editor.tsx
diff --git a/assets/src/components/field/editor/prosemirror/ProseMirror.jsx b/assets/src/components/field/editor/prosemirror/ProseMirror.tsx
similarity index 98%
rename from assets/src/components/field/editor/prosemirror/ProseMirror.jsx
rename to assets/src/components/field/editor/prosemirror/ProseMirror.tsx
index efa75d68..7a1c8d49 100644
--- a/assets/src/components/field/editor/prosemirror/ProseMirror.jsx
+++ b/assets/src/components/field/editor/prosemirror/ProseMirror.tsx
@@ -15,7 +15,7 @@ import {
   exampleSetup,
   buildMenuItems
 } from 'prosemirror-example-setup'
-import { types } from '../../../../index.jsx'
+import { types } from '../../../../index.tsx'
 
 import CodeEditor from '../../code/Editor'
 
diff --git a/assets/src/components/field/field-group/FieldGroup.jsx b/assets/src/components/field/field-group/FieldGroup.tsx
similarity index 100%
rename from assets/src/components/field/field-group/FieldGroup.jsx
rename to assets/src/components/field/field-group/FieldGroup.tsx
diff --git a/assets/src/components/field/field-group/FieldGroupItem.jsx b/assets/src/components/field/field-group/FieldGroupItem.tsx
similarity index 100%
rename from assets/src/components/field/field-group/FieldGroupItem.jsx
rename to assets/src/components/field/field-group/FieldGroupItem.tsx
diff --git a/assets/src/components/field/file/File.jsx b/assets/src/components/field/file/File.tsx
similarity index 98%
rename from assets/src/components/field/file/File.jsx
rename to assets/src/components/field/file/File.tsx
index 915d6745..cf23be45 100644
--- a/assets/src/components/field/file/File.jsx
+++ b/assets/src/components/field/file/File.tsx
@@ -14,7 +14,7 @@ import {
   Description, 
   Label
 } from "../../base"
-import { getConfig } from '../../../index.jsx'
+import { getConfig } from '../../../index.tsx'
 
 import { postMedia } from "../../../requests/media"
 import FilePreview from "./FilePreview"
diff --git a/assets/src/components/field/file/FilePreview.jsx b/assets/src/components/field/file/FilePreview.tsx
similarity index 100%
rename from assets/src/components/field/file/FilePreview.jsx
rename to assets/src/components/field/file/FilePreview.tsx
diff --git a/assets/src/components/field/gallery/Gallery.jsx b/assets/src/components/field/gallery/Gallery.tsx
similarity index 100%
rename from assets/src/components/field/gallery/Gallery.jsx
rename to assets/src/components/field/gallery/Gallery.tsx
diff --git a/assets/src/components/field/gallery/ImagePreview.jsx b/assets/src/components/field/gallery/ImagePreview.tsx
similarity index 100%
rename from assets/src/components/field/gallery/ImagePreview.jsx
rename to assets/src/components/field/gallery/ImagePreview.tsx
diff --git a/assets/src/components/field/gradient/Gradient.jsx b/assets/src/components/field/gradient/Gradient.tsx
similarity index 100%
rename from assets/src/components/field/gradient/Gradient.jsx
rename to assets/src/components/field/gradient/Gradient.tsx
diff --git a/assets/src/components/field/hidden/InputHidden.jsx b/assets/src/components/field/hidden/InputHidden.tsx
similarity index 100%
rename from assets/src/components/field/hidden/InputHidden.jsx
rename to assets/src/components/field/hidden/InputHidden.tsx
diff --git a/assets/src/components/field/index.js b/assets/src/components/field/index.ts
similarity index 100%
rename from assets/src/components/field/index.js
rename to assets/src/components/field/index.ts
diff --git a/assets/src/components/field/list/List.jsx b/assets/src/components/field/list/List.tsx
similarity index 100%
rename from assets/src/components/field/list/List.jsx
rename to assets/src/components/field/list/List.tsx
diff --git a/assets/src/components/field/number/Number.jsx b/assets/src/components/field/number/Number.tsx
similarity index 100%
rename from assets/src/components/field/number/Number.jsx
rename to assets/src/components/field/number/Number.tsx
diff --git a/assets/src/components/field/radio/Radio.jsx b/assets/src/components/field/radio/Radio.tsx
similarity index 100%
rename from assets/src/components/field/radio/Radio.jsx
rename to assets/src/components/field/radio/Radio.tsx
diff --git a/assets/src/components/field/radio/RadioGroup.jsx b/assets/src/components/field/radio/RadioGroup.tsx
similarity index 100%
rename from assets/src/components/field/radio/RadioGroup.jsx
rename to assets/src/components/field/radio/RadioGroup.tsx
diff --git a/assets/src/components/field/radio/index.jsx b/assets/src/components/field/radio/index.tsx
similarity index 100%
rename from assets/src/components/field/radio/index.jsx
rename to assets/src/components/field/radio/index.tsx
diff --git a/assets/src/components/field/select/MultipleSelect.jsx b/assets/src/components/field/select/MultipleSelect.tsx
similarity index 100%
rename from assets/src/components/field/select/MultipleSelect.jsx
rename to assets/src/components/field/select/MultipleSelect.tsx
diff --git a/assets/src/components/field/select/Select.jsx b/assets/src/components/field/select/Select.tsx
similarity index 100%
rename from assets/src/components/field/select/Select.jsx
rename to assets/src/components/field/select/Select.tsx
diff --git a/assets/src/components/field/select/index.jsx b/assets/src/components/field/select/index.tsx
similarity index 100%
rename from assets/src/components/field/select/index.jsx
rename to assets/src/components/field/select/index.tsx
diff --git a/assets/src/components/field/simple-dimension/SimpleDimension.jsx b/assets/src/components/field/simple-dimension/SimpleDimension.tsx
similarity index 100%
rename from assets/src/components/field/simple-dimension/SimpleDimension.jsx
rename to assets/src/components/field/simple-dimension/SimpleDimension.tsx
diff --git a/assets/src/components/field/switch/Switch.jsx b/assets/src/components/field/switch/Switch.tsx
similarity index 100%
rename from assets/src/components/field/switch/Switch.jsx
rename to assets/src/components/field/switch/Switch.tsx
diff --git a/assets/src/components/field/switch/index.jsx b/assets/src/components/field/switch/index.tsx
similarity index 100%
rename from assets/src/components/field/switch/index.jsx
rename to assets/src/components/field/switch/index.tsx
diff --git a/assets/src/components/field/tab/Tab.jsx b/assets/src/components/field/tab/Tab.tsx
similarity index 100%
rename from assets/src/components/field/tab/Tab.jsx
rename to assets/src/components/field/tab/Tab.tsx
diff --git a/assets/src/components/field/text/Text.jsx b/assets/src/components/field/text/Text.tsx
similarity index 100%
rename from assets/src/components/field/text/Text.jsx
rename to assets/src/components/field/text/Text.tsx
diff --git a/assets/src/components/field/textarea/TextArea.jsx b/assets/src/components/field/textarea/TextArea.tsx
similarity index 100%
rename from assets/src/components/field/textarea/TextArea.jsx
rename to assets/src/components/field/textarea/TextArea.tsx
diff --git a/assets/src/components/field/time-picker/TimeField.jsx b/assets/src/components/field/time-picker/TimeField.tsx
similarity index 100%
rename from assets/src/components/field/time-picker/TimeField.jsx
rename to assets/src/components/field/time-picker/TimeField.tsx
diff --git a/assets/src/components/field/time-picker/TimePicker.jsx b/assets/src/components/field/time-picker/TimePicker.tsx
similarity index 100%
rename from assets/src/components/field/time-picker/TimePicker.jsx
rename to assets/src/components/field/time-picker/TimePicker.tsx
diff --git a/assets/src/components/render/RenderWrapper.jsx b/assets/src/components/render/RenderWrapper.tsx
similarity index 100%
rename from assets/src/components/render/RenderWrapper.jsx
rename to assets/src/components/render/RenderWrapper.tsx
diff --git a/assets/src/components/repeater/Repeater.jsx b/assets/src/components/repeater/Repeater.tsx
similarity index 98%
rename from assets/src/components/repeater/Repeater.jsx
rename to assets/src/components/repeater/Repeater.tsx
index 7a68a496..5072ebe4 100644
--- a/assets/src/components/repeater/Repeater.jsx
+++ b/assets/src/components/repeater/Repeater.tsx
@@ -8,7 +8,7 @@ import {
 import {
   repeaterDispatcher,
   initDispatcher
-} from './dispatcher.js'
+} from './dispatcher.ts'
 
 import {
   Button,
@@ -16,9 +16,9 @@ import {
   ModalTrigger
 } from '../base'
 
-import types from '../../types.js'
+import types from '../../types.ts'
 import Item from './common/Item'
-import strings from './strings.js'
+import strings from './strings.ts'
 
 const Repeater = props => {
 
diff --git a/assets/src/components/repeater/common/BulkActions.jsx b/assets/src/components/repeater/common/BulkActions.tsx
similarity index 100%
rename from assets/src/components/repeater/common/BulkActions.jsx
rename to assets/src/components/repeater/common/BulkActions.tsx
diff --git a/assets/src/components/repeater/common/Item.jsx b/assets/src/components/repeater/common/Item.tsx
similarity index 100%
rename from assets/src/components/repeater/common/Item.jsx
rename to assets/src/components/repeater/common/Item.tsx
diff --git a/assets/src/components/repeater/common/helpers.js b/assets/src/components/repeater/common/helpers.ts
similarity index 100%
rename from assets/src/components/repeater/common/helpers.js
rename to assets/src/components/repeater/common/helpers.ts
diff --git a/assets/src/components/repeater/dispatcher.js b/assets/src/components/repeater/dispatcher.ts
similarity index 100%
rename from assets/src/components/repeater/dispatcher.js
rename to assets/src/components/repeater/dispatcher.ts
diff --git a/assets/src/components/repeater/layout/advanced/Advanced.jsx b/assets/src/components/repeater/layout/advanced/Advanced.tsx
similarity index 100%
rename from assets/src/components/repeater/layout/advanced/Advanced.jsx
rename to assets/src/components/repeater/layout/advanced/Advanced.tsx
diff --git a/assets/src/components/repeater/layout/advanced/header.jsx b/assets/src/components/repeater/layout/advanced/header.tsx
similarity index 98%
rename from assets/src/components/repeater/layout/advanced/header.jsx
rename to assets/src/components/repeater/layout/advanced/header.tsx
index b20ebcde..d6d20318 100644
--- a/assets/src/components/repeater/layout/advanced/header.jsx
+++ b/assets/src/components/repeater/layout/advanced/header.tsx
@@ -1,4 +1,4 @@
-import * as tangibleFields from '../../../../index.jsx'
+import * as tangibleFields from '../../../../index.tsx'
 
 /**
  * This file contains helper functions that are used to render
diff --git a/assets/src/components/repeater/layout/bare/Bare.jsx b/assets/src/components/repeater/layout/bare/Bare.tsx
similarity index 100%
rename from assets/src/components/repeater/layout/bare/Bare.jsx
rename to assets/src/components/repeater/layout/bare/Bare.tsx
diff --git a/assets/src/components/repeater/layout/block/Block.jsx b/assets/src/components/repeater/layout/block/Block.tsx
similarity index 100%
rename from assets/src/components/repeater/layout/block/Block.jsx
rename to assets/src/components/repeater/layout/block/Block.tsx
diff --git a/assets/src/components/repeater/layout/index.js b/assets/src/components/repeater/layout/index.ts
similarity index 100%
rename from assets/src/components/repeater/layout/index.js
rename to assets/src/components/repeater/layout/index.ts
diff --git a/assets/src/components/repeater/layout/tab/Tab.jsx b/assets/src/components/repeater/layout/tab/Tab.tsx
similarity index 100%
rename from assets/src/components/repeater/layout/tab/Tab.jsx
rename to assets/src/components/repeater/layout/tab/Tab.tsx
diff --git a/assets/src/components/repeater/layout/table/Table.jsx b/assets/src/components/repeater/layout/table/Table.tsx
similarity index 100%
rename from assets/src/components/repeater/layout/table/Table.jsx
rename to assets/src/components/repeater/layout/table/Table.tsx
diff --git a/assets/src/components/repeater/strings.js b/assets/src/components/repeater/strings.ts
similarity index 100%
rename from assets/src/components/repeater/strings.js
rename to assets/src/components/repeater/strings.ts
diff --git a/assets/src/components/visibility/VisibilityWrapper.jsx b/assets/src/components/visibility/VisibilityWrapper.tsx
similarity index 100%
rename from assets/src/components/visibility/VisibilityWrapper.jsx
rename to assets/src/components/visibility/VisibilityWrapper.tsx
diff --git a/assets/src/config.js b/assets/src/config.ts
similarity index 100%
rename from assets/src/config.js
rename to assets/src/config.ts
diff --git a/assets/src/dynamic-values/format.js b/assets/src/dynamic-values/format.ts
similarity index 100%
rename from assets/src/dynamic-values/format.js
rename to assets/src/dynamic-values/format.ts
diff --git a/assets/src/dynamic-values/index.js b/assets/src/dynamic-values/index.ts
similarity index 98%
rename from assets/src/dynamic-values/index.js
rename to assets/src/dynamic-values/index.ts
index 56f7a391..543363d4 100644
--- a/assets/src/dynamic-values/index.js
+++ b/assets/src/dynamic-values/index.ts
@@ -2,7 +2,7 @@ import {
   dynamicValueToString,
   stringToDynamicValue
 } from './format'
-import { getConfig } from '../index.jsx'
+import { getConfig } from '../index.tsx'
 
 /**
  * Field type that support dynamic values (!== to supported props.dyanmic.types)
diff --git a/assets/src/events.js b/assets/src/events.ts
similarity index 100%
rename from assets/src/events.js
rename to assets/src/events.ts
diff --git a/assets/src/example/combobox-layout.jsx b/assets/src/example/combobox-layout.tsx
similarity index 98%
rename from assets/src/example/combobox-layout.jsx
rename to assets/src/example/combobox-layout.tsx
index df62f8f6..e47bc247 100644
--- a/assets/src/example/combobox-layout.jsx
+++ b/assets/src/example/combobox-layout.tsx
@@ -2,7 +2,7 @@ import {
   createRoot,
   forwardRef
 } from 'react'
-import * as tangibleFields from '../index.jsx'
+import * as tangibleFields from '../index.tsx'
 
 const initCombobox = () => {
  
diff --git a/assets/src/example/index.js b/assets/src/example/index.ts
similarity index 100%
rename from assets/src/example/index.js
rename to assets/src/example/index.ts
diff --git a/assets/src/example/register-custom-type.jsx b/assets/src/example/register-custom-type.tsx
similarity index 97%
rename from assets/src/example/register-custom-type.jsx
rename to assets/src/example/register-custom-type.tsx
index 414ea6f7..bb277c63 100644
--- a/assets/src/example/register-custom-type.jsx
+++ b/assets/src/example/register-custom-type.tsx
@@ -3,7 +3,7 @@ import {
   useEffect,
   createRoot
 } from 'react'
-import * as tangibleFields from '../index.jsx'
+import * as tangibleFields from '../index.tsx'
 
 const initExample = () => {
 
diff --git a/assets/src/fields.js b/assets/src/fields.ts
similarity index 100%
rename from assets/src/fields.js
rename to assets/src/fields.ts
diff --git a/assets/src/global.js b/assets/src/global.ts
similarity index 81%
rename from assets/src/global.js
rename to assets/src/global.ts
index 24779503..ed7293b5 100644
--- a/assets/src/global.js
+++ b/assets/src/global.ts
@@ -1,4 +1,4 @@
-import * as tangibleFields from './index.jsx'
+import * as tangibleFields from './index.tsx'
 
 window.tangibleFields = tangibleFields
 window.addEventListener('load', () => {
diff --git a/assets/src/index.jsx b/assets/src/index.tsx
similarity index 100%
rename from assets/src/index.jsx
rename to assets/src/index.tsx
diff --git a/assets/src/requests/index.js b/assets/src/requests/index.ts
similarity index 96%
rename from assets/src/requests/index.js
rename to assets/src/requests/index.ts
index c76bd367..3bcd7cf6 100644
--- a/assets/src/requests/index.js
+++ b/assets/src/requests/index.ts
@@ -1,4 +1,4 @@
-import { getConfig } from '../index.jsx'
+import { getConfig } from '../index.tsx'
 
 const post = (url, data) => {
 
diff --git a/assets/src/requests/media.js b/assets/src/requests/media.ts
similarity index 92%
rename from assets/src/requests/media.js
rename to assets/src/requests/media.ts
index 6b4018d3..e2ebbcce 100644
--- a/assets/src/requests/media.js
+++ b/assets/src/requests/media.ts
@@ -2,7 +2,7 @@ import {
   post, 
   get 
 } from '.'
-import { getConfig } from '../index.jsx'
+import { getConfig } from '../index.tsx'
 
 const postMedia = file => {
 
diff --git a/assets/src/store.js b/assets/src/store.ts
similarity index 100%
rename from assets/src/store.js
rename to assets/src/store.ts
diff --git a/assets/src/types.js b/assets/src/types.ts
similarity index 100%
rename from assets/src/types.js
rename to assets/src/types.ts
diff --git a/assets/src/utils.js b/assets/src/utils.ts
similarity index 100%
rename from assets/src/utils.js
rename to assets/src/utils.ts
diff --git a/assets/src/visibility/evaluate.js b/assets/src/visibility/evaluate.ts
similarity index 100%
rename from assets/src/visibility/evaluate.js
rename to assets/src/visibility/evaluate.ts
diff --git a/assets/src/visibility/field.js b/assets/src/visibility/field.ts
similarity index 100%
rename from assets/src/visibility/field.js
rename to assets/src/visibility/field.ts
diff --git a/assets/src/visibility/index.js b/assets/src/visibility/index.ts
similarity index 100%
rename from assets/src/visibility/index.js
rename to assets/src/visibility/index.ts
diff --git a/playwright.config.js b/playwright.config.js
index 3f6286f5..b47f4e91 100644
--- a/playwright.config.js
+++ b/playwright.config.js
@@ -14,7 +14,7 @@ const readJson = (f) => JSON.parse(fs.readFileSync(f, 'utf8'))
 export default (function createConfig() {
   const cwd = process.cwd()
   const testDir = path.join(cwd, 'tests')
-  const testMatch = 'e2e/**/*.js'
+  const testMatch = 'e2e/**/*.{js,ts}'
   const timeout = parseInt(process.env.TIMEOUT || '', 10) || 100_000 // Defaults to 100 seconds
   const artifactsPath = (process.env.WP_ARTIFACTS_PATH ??= path.join(
     cwd,
diff --git a/tangible.config.js b/tangible.config.js
index 0acb4719..129da560 100644
--- a/tangible.config.js
+++ b/tangible.config.js
@@ -7,7 +7,7 @@ export default {
      * Script: Common for all contexts
      */
     {
-      src: 'assets/src/global.js',
+      src: 'assets/src/global.ts',
       dest: 'assets/build/index.min.js',
       react: 'wp',
       rollupPlugins: [
@@ -41,7 +41,7 @@ export default {
      * Example
      */
     {
-      src: 'assets/src/example/index.js',
+      src: 'assets/src/example/index.ts',
       dest: 'assets/build/example.min.js',
       react: 'wp',
     },
diff --git a/tests/e2e/index.js b/tests/e2e/index.ts
similarity index 100%
rename from tests/e2e/index.js
rename to tests/e2e/index.ts
diff --git a/tests/jest/cases/codemirror/mask.test.js b/tests/jest/cases/codemirror/mask.test.ts
similarity index 97%
rename from tests/jest/cases/codemirror/mask.test.js
rename to tests/jest/cases/codemirror/mask.test.ts
index 354ae9e4..f234abf7 100644
--- a/tests/jest/cases/codemirror/mask.test.js
+++ b/tests/jest/cases/codemirror/mask.test.ts
@@ -1,6 +1,6 @@
-import '../../../../assets/src/index.jsx'
+import '../../../../assets/src/index.tsx'
 import { userEvent } from '@testing-library/user-event'
-import { createInput } from '../../../../assets/src/codemirror/index.js'
+import { createInput } from '../../../../assets/src/codemirror/index.ts'
 
 describe('codeMirror - Mask', () => {
 
diff --git a/tests/jest/cases/components/controls/Accordion.test.jsx b/tests/jest/cases/components/controls/Accordion.test.tsx
similarity index 98%
rename from tests/jest/cases/components/controls/Accordion.test.jsx
rename to tests/jest/cases/components/controls/Accordion.test.tsx
index 834abb10..753c7714 100644
--- a/tests/jest/cases/components/controls/Accordion.test.jsx
+++ b/tests/jest/cases/components/controls/Accordion.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import userEvent from '@testing-library/user-event'
 import { render } from '@testing-library/react'
 
diff --git a/tests/jest/cases/components/controls/ButtonGroup.test.jsx b/tests/jest/cases/components/controls/ButtonGroup.test.tsx
similarity index 95%
rename from tests/jest/cases/components/controls/ButtonGroup.test.jsx
rename to tests/jest/cases/components/controls/ButtonGroup.test.tsx
index 1257822f..17fff424 100644
--- a/tests/jest/cases/components/controls/ButtonGroup.test.jsx
+++ b/tests/jest/cases/components/controls/ButtonGroup.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import { render } from '@testing-library/react'
 import {
   rendersWithMinimal,
@@ -6,7 +6,7 @@ import {
   rendersLabelAndDescription,
   renderHasElement,
   renderHasNotElement
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 
 describe('Button group component', () => {
 
diff --git a/tests/jest/cases/components/controls/Checkbox.test.jsx b/tests/jest/cases/components/controls/Checkbox.test.tsx
similarity index 91%
rename from tests/jest/cases/components/controls/Checkbox.test.jsx
rename to tests/jest/cases/components/controls/Checkbox.test.tsx
index 943be7d7..4b424d5d 100644
--- a/tests/jest/cases/components/controls/Checkbox.test.jsx
+++ b/tests/jest/cases/components/controls/Checkbox.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import userEvent from '@testing-library/user-event'
 import { 
   render, 
@@ -8,7 +8,7 @@ import {
   rendersWithMinimal,
   rendersWithoutLabelThrowWarning,
   rendersLabelAndDescription
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 
 describe('Checkbox component', () => {
 
diff --git a/tests/jest/cases/components/controls/Code.test.jsx b/tests/jest/cases/components/controls/Code.test.tsx
similarity index 83%
rename from tests/jest/cases/components/controls/Code.test.jsx
rename to tests/jest/cases/components/controls/Code.test.tsx
index abfe845f..c681d8f9 100644
--- a/tests/jest/cases/components/controls/Code.test.jsx
+++ b/tests/jest/cases/components/controls/Code.test.tsx
@@ -1,9 +1,9 @@
-import '../../../../../assets/src/index.jsx'
+import '../../../../../assets/src/index.tsx'
 import {
   rendersWithMinimal,
   rendersWithoutLabelThrowWarning,
   rendersLabelAndDescription
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 
 describe('Code component', () => {
   it('renders with minimal config', () => rendersWithMinimal({ type: 'code' }))
diff --git a/tests/jest/cases/components/controls/ColorPicker.test.jsx b/tests/jest/cases/components/controls/ColorPicker.test.tsx
similarity index 90%
rename from tests/jest/cases/components/controls/ColorPicker.test.jsx
rename to tests/jest/cases/components/controls/ColorPicker.test.tsx
index 126f1ba8..f36e2847 100644
--- a/tests/jest/cases/components/controls/ColorPicker.test.jsx
+++ b/tests/jest/cases/components/controls/ColorPicker.test.tsx
@@ -1,11 +1,11 @@
-import * as fields from '../../../../../assets/src/index.jsx'
-import '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
+import '../../../../../assets/src/index.tsx'
 import { render } from '@testing-library/react'
 import {
   rendersWithMinimal,
   rendersWithoutLabelThrowWarning,
   rendersLabelAndDescription
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 
 describe('Color component', () => {
 
diff --git a/tests/jest/cases/components/controls/ComboBox.test.jsx b/tests/jest/cases/components/controls/ComboBox.test.tsx
similarity index 99%
rename from tests/jest/cases/components/controls/ComboBox.test.jsx
rename to tests/jest/cases/components/controls/ComboBox.test.tsx
index 325560e4..3b0f7ac0 100644
--- a/tests/jest/cases/components/controls/ComboBox.test.jsx
+++ b/tests/jest/cases/components/controls/ComboBox.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import { forwardRef } from 'react'
 import {
     getAllByLabelText,
diff --git a/tests/jest/cases/components/controls/DatePicker.test.jsx b/tests/jest/cases/components/controls/DatePicker.test.tsx
similarity index 99%
rename from tests/jest/cases/components/controls/DatePicker.test.jsx
rename to tests/jest/cases/components/controls/DatePicker.test.tsx
index 09e49734..df87c50d 100644
--- a/tests/jest/cases/components/controls/DatePicker.test.jsx
+++ b/tests/jest/cases/components/controls/DatePicker.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import userEvent from '@testing-library/user-event'
 import { 
   within,
@@ -9,7 +9,7 @@ import {
   rendersWithMinimal,
   rendersWithoutLabelThrowWarning,
   rendersLabelAndDescription
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 import { 
   today, 
   getLocalTimeZone,
diff --git a/tests/jest/cases/components/controls/Editor.test.jsx b/tests/jest/cases/components/controls/Editor.test.tsx
similarity index 96%
rename from tests/jest/cases/components/controls/Editor.test.jsx
rename to tests/jest/cases/components/controls/Editor.test.tsx
index 468cbfff..a88dbf41 100644
--- a/tests/jest/cases/components/controls/Editor.test.jsx
+++ b/tests/jest/cases/components/controls/Editor.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import userEvent from '@testing-library/user-event'
 import {
   render,
@@ -8,7 +8,7 @@ import {
   rendersWithMinimal,
   rendersWithoutLabelThrowWarning,
   rendersLabelAndDescription
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 
 /**
  * TODO: Add tests to check is value correctly set from both visual and raw views
diff --git a/tests/jest/cases/components/controls/FieldGroup.test.jsx b/tests/jest/cases/components/controls/FieldGroup.test.tsx
similarity index 98%
rename from tests/jest/cases/components/controls/FieldGroup.test.jsx
rename to tests/jest/cases/components/controls/FieldGroup.test.tsx
index f173de11..ac8f52a3 100644
--- a/tests/jest/cases/components/controls/FieldGroup.test.jsx
+++ b/tests/jest/cases/components/controls/FieldGroup.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import userEvent from '@testing-library/user-event'
 import { render, within } from '@testing-library/react'
 
diff --git a/tests/jest/cases/components/controls/List.test.jsx b/tests/jest/cases/components/controls/List.test.tsx
similarity index 97%
rename from tests/jest/cases/components/controls/List.test.jsx
rename to tests/jest/cases/components/controls/List.test.tsx
index fe4500ae..440ba321 100644
--- a/tests/jest/cases/components/controls/List.test.jsx
+++ b/tests/jest/cases/components/controls/List.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import { 
   render,
   screen,
@@ -7,7 +7,7 @@ import {
 import { 
   rendersWithMinimal,
   rendersWithoutLabelThrowWarning
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 import { userEvent } from '@testing-library/user-event'
 
 describe('List component', () => {
diff --git a/tests/jest/cases/components/controls/Number.test.jsx b/tests/jest/cases/components/controls/Number.test.tsx
similarity index 95%
rename from tests/jest/cases/components/controls/Number.test.jsx
rename to tests/jest/cases/components/controls/Number.test.tsx
index 969d6e65..28068470 100644
--- a/tests/jest/cases/components/controls/Number.test.jsx
+++ b/tests/jest/cases/components/controls/Number.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import { 
   render, 
   within 
@@ -9,7 +9,7 @@ import {
   rendersLabelAndDescription,
   renderHasElement,
   renderHasNotElement
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 
 describe('Number component', () => {
 
diff --git a/tests/jest/cases/components/controls/Select.test.jsx b/tests/jest/cases/components/controls/Select.test.tsx
similarity index 96%
rename from tests/jest/cases/components/controls/Select.test.jsx
rename to tests/jest/cases/components/controls/Select.test.tsx
index b4503dc2..506a2d1e 100644
--- a/tests/jest/cases/components/controls/Select.test.jsx
+++ b/tests/jest/cases/components/controls/Select.test.tsx
@@ -1,10 +1,10 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import { render, within } from '@testing-library/react'
 import { 
   rendersWithoutLabelThrowWarning,
   renderHasElement,
   renderHasNotElement
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 
 describe('Select component', () => {
 
diff --git a/tests/jest/cases/components/controls/Tab.test.jsx b/tests/jest/cases/components/controls/Tab.test.tsx
similarity index 97%
rename from tests/jest/cases/components/controls/Tab.test.jsx
rename to tests/jest/cases/components/controls/Tab.test.tsx
index 837ebdc8..507e6a59 100644
--- a/tests/jest/cases/components/controls/Tab.test.jsx
+++ b/tests/jest/cases/components/controls/Tab.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import userEvent from '@testing-library/user-event'
 import { render, within } from '@testing-library/react'
 
diff --git a/tests/jest/cases/components/controls/Text.test.jsx b/tests/jest/cases/components/controls/Text.test.tsx
similarity index 98%
rename from tests/jest/cases/components/controls/Text.test.jsx
rename to tests/jest/cases/components/controls/Text.test.tsx
index ccb7c99b..6d20b080 100644
--- a/tests/jest/cases/components/controls/Text.test.jsx
+++ b/tests/jest/cases/components/controls/Text.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import { 
   act, 
   render
@@ -10,7 +10,7 @@ import {
   rendersLabelAndDescription,
   renderHasElement,
   renderHasNotElement
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 
 describe('Text component', () => {
 
diff --git a/tests/jest/cases/components/controls/TimePicker.test.jsx b/tests/jest/cases/components/controls/TimePicker.test.tsx
similarity index 92%
rename from tests/jest/cases/components/controls/TimePicker.test.jsx
rename to tests/jest/cases/components/controls/TimePicker.test.tsx
index 023adb65..e5e25bd5 100644
--- a/tests/jest/cases/components/controls/TimePicker.test.jsx
+++ b/tests/jest/cases/components/controls/TimePicker.test.tsx
@@ -1,10 +1,10 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import { render, screen, fireEvent } from '@testing-library/react'
 import {
   rendersWithMinimal,
   rendersWithoutLabelThrowWarning,
   rendersLabelAndDescription
-} from '../../../utils/fields.js'
+} from '../../../utils/fields.ts'
 
 describe('Time Picker component', () => {
 
diff --git a/tests/jest/cases/components/elements/Button.test.jsx b/tests/jest/cases/components/elements/Button.test.tsx
similarity index 96%
rename from tests/jest/cases/components/elements/Button.test.jsx
rename to tests/jest/cases/components/elements/Button.test.tsx
index e3830b92..e6a976c0 100644
--- a/tests/jest/cases/components/elements/Button.test.jsx
+++ b/tests/jest/cases/components/elements/Button.test.tsx
@@ -1,5 +1,5 @@
-import * as fields from '../../../../../assets/src/index.jsx'
-import { renderHasElement } from '../../../utils/elements.js'
+import * as fields from '../../../../../assets/src/index.tsx'
+import { renderHasElement } from '../../../utils/elements.ts'
 import userEvent from '@testing-library/user-event'
 import { 
   within,
diff --git a/tests/jest/cases/components/elements/Description.test.jsx b/tests/jest/cases/components/elements/Description.test.tsx
similarity index 89%
rename from tests/jest/cases/components/elements/Description.test.jsx
rename to tests/jest/cases/components/elements/Description.test.tsx
index 0c602ba5..a5875a04 100644
--- a/tests/jest/cases/components/elements/Description.test.jsx
+++ b/tests/jest/cases/components/elements/Description.test.tsx
@@ -1,5 +1,5 @@
-import * as fields from '../../../../../assets/src/index.jsx'
-import { renderHasElement } from '../../../utils/elements.js'
+import * as fields from '../../../../../assets/src/index.tsx'
+import { renderHasElement } from '../../../utils/elements.ts'
 import { 
   render,
   screen
diff --git a/tests/jest/cases/components/elements/Label.test.jsx b/tests/jest/cases/components/elements/Label.test.tsx
similarity index 89%
rename from tests/jest/cases/components/elements/Label.test.jsx
rename to tests/jest/cases/components/elements/Label.test.tsx
index e02ae147..458e322e 100644
--- a/tests/jest/cases/components/elements/Label.test.jsx
+++ b/tests/jest/cases/components/elements/Label.test.tsx
@@ -1,5 +1,5 @@
-import * as fields from '../../../../../assets/src/index.jsx'
-import { renderHasElement } from '../../../utils/elements.js'
+import * as fields from '../../../../../assets/src/index.tsx'
+import { renderHasElement } from '../../../utils/elements.ts'
 import { 
   render,
   screen
diff --git a/tests/jest/cases/components/elements/Modal.test.jsx b/tests/jest/cases/components/elements/Modal.test.tsx
similarity index 95%
rename from tests/jest/cases/components/elements/Modal.test.jsx
rename to tests/jest/cases/components/elements/Modal.test.tsx
index 84e9adfe..a8255d98 100644
--- a/tests/jest/cases/components/elements/Modal.test.jsx
+++ b/tests/jest/cases/components/elements/Modal.test.tsx
@@ -1,5 +1,5 @@
-import * as fields from '../../../../../assets/src/index.jsx'
-import { renderHasElement } from '../../../utils/elements.js'
+import * as fields from '../../../../../assets/src/index.tsx'
+import { renderHasElement } from '../../../utils/elements.ts'
 import { 
   render,
   screen,
diff --git a/tests/jest/cases/components/elements/Tooltip.test.jsx b/tests/jest/cases/components/elements/Tooltip.test.tsx
similarity index 91%
rename from tests/jest/cases/components/elements/Tooltip.test.jsx
rename to tests/jest/cases/components/elements/Tooltip.test.tsx
index 244cbf92..6c201078 100644
--- a/tests/jest/cases/components/elements/Tooltip.test.jsx
+++ b/tests/jest/cases/components/elements/Tooltip.test.tsx
@@ -1,5 +1,5 @@
-import '../../../../../assets/src/index.jsx'
-import { renderHasElement } from '../../../utils/elements.js'
+import '../../../../../assets/src/index.tsx'
+import { renderHasElement } from '../../../utils/elements.ts'
 
 describe('Tooltip component', () => {
 
diff --git a/tests/jest/cases/components/repeaters/RepeaterAdvanced.test.jsx b/tests/jest/cases/components/repeaters/RepeaterAdvanced.test.tsx
similarity index 97%
rename from tests/jest/cases/components/repeaters/RepeaterAdvanced.test.jsx
rename to tests/jest/cases/components/repeaters/RepeaterAdvanced.test.tsx
index fcb794dd..43ac9ea5 100644
--- a/tests/jest/cases/components/repeaters/RepeaterAdvanced.test.jsx
+++ b/tests/jest/cases/components/repeaters/RepeaterAdvanced.test.tsx
@@ -1,6 +1,6 @@
-import * as fields from '../../../../../assets/src/index.jsx'
-import { commonRepeaterTests } from './common.js'
-import { bulkActionsRepeaterTests } from './bulkActions.js'
+import * as fields from '../../../../../assets/src/index.tsx'
+import { commonRepeaterTests } from './common.ts'
+import { bulkActionsRepeaterTests } from './bulkActions.ts'
 import { within, render } from '@testing-library/react'
 
 describe('Repeater with an advanced layout', () => {
diff --git a/tests/jest/cases/components/repeaters/RepeaterBare.test.jsx b/tests/jest/cases/components/repeaters/RepeaterBare.test.tsx
similarity index 62%
rename from tests/jest/cases/components/repeaters/RepeaterBare.test.jsx
rename to tests/jest/cases/components/repeaters/RepeaterBare.test.tsx
index cf6c6556..36555b0d 100644
--- a/tests/jest/cases/components/repeaters/RepeaterBare.test.jsx
+++ b/tests/jest/cases/components/repeaters/RepeaterBare.test.tsx
@@ -1,5 +1,5 @@
-import '../../../../../assets/src/index.jsx'
-import { commonRepeaterTests } from './common.js'
+import '../../../../../assets/src/index.tsx'
+import { commonRepeaterTests } from './common.ts'
 
 describe('Repeater with a bare layout', () => {
   
diff --git a/tests/jest/cases/components/repeaters/RepeaterBlock.test.jsx b/tests/jest/cases/components/repeaters/RepeaterBlock.test.tsx
similarity index 64%
rename from tests/jest/cases/components/repeaters/RepeaterBlock.test.jsx
rename to tests/jest/cases/components/repeaters/RepeaterBlock.test.tsx
index fa817716..dcbb77d4 100644
--- a/tests/jest/cases/components/repeaters/RepeaterBlock.test.jsx
+++ b/tests/jest/cases/components/repeaters/RepeaterBlock.test.tsx
@@ -1,6 +1,6 @@
-import '../../../../../assets/src/index.jsx'
-import { commonRepeaterTests } from './common.js'
-import { bulkActionsRepeaterTests } from './bulkActions.js'
+import '../../../../../assets/src/index.tsx'
+import { commonRepeaterTests } from './common.ts'
+import { bulkActionsRepeaterTests } from './bulkActions.ts'
 
 describe('Repeater with a block layout', () => {
   
diff --git a/tests/jest/cases/components/repeaters/RepeaterTab.test.jsx b/tests/jest/cases/components/repeaters/RepeaterTab.test.tsx
similarity index 85%
rename from tests/jest/cases/components/repeaters/RepeaterTab.test.jsx
rename to tests/jest/cases/components/repeaters/RepeaterTab.test.tsx
index fcd83a1a..25f83fb5 100644
--- a/tests/jest/cases/components/repeaters/RepeaterTab.test.jsx
+++ b/tests/jest/cases/components/repeaters/RepeaterTab.test.tsx
@@ -1,5 +1,5 @@
-import '../../../../../assets/src/index.jsx'
-import { commonRepeaterTests } from './common.js'
+import '../../../../../assets/src/index.tsx'
+import { commonRepeaterTests } from './common.ts'
 import { within } from '@testing-library/react'
 
 describe('Repeater with a tab layout', () => {
diff --git a/tests/jest/cases/components/repeaters/RepeaterTable.test.jsx b/tests/jest/cases/components/repeaters/RepeaterTable.test.tsx
similarity index 94%
rename from tests/jest/cases/components/repeaters/RepeaterTable.test.jsx
rename to tests/jest/cases/components/repeaters/RepeaterTable.test.tsx
index e4ea16ac..4034db25 100644
--- a/tests/jest/cases/components/repeaters/RepeaterTable.test.jsx
+++ b/tests/jest/cases/components/repeaters/RepeaterTable.test.tsx
@@ -1,6 +1,6 @@
 import { render, within } from '@testing-library/react'
-import * as fields from '../../../../../assets/src/index.jsx'
-import { commonRepeaterTests } from './common.js'
+import * as fields from '../../../../../assets/src/index.tsx'
+import { commonRepeaterTests } from './common.ts'
 
 describe('Repeater with a table layout', () => {
   
diff --git a/tests/jest/cases/components/repeaters/bulkActions.js b/tests/jest/cases/components/repeaters/bulkActions.ts
similarity index 97%
rename from tests/jest/cases/components/repeaters/bulkActions.js
rename to tests/jest/cases/components/repeaters/bulkActions.ts
index cf1ab370..0ab95e71 100644
--- a/tests/jest/cases/components/repeaters/bulkActions.js
+++ b/tests/jest/cases/components/repeaters/bulkActions.ts
@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom'
 import { render, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 
 /**
  * Run common tests for bulk actions (currently advanced and block layout only)
diff --git a/tests/jest/cases/components/repeaters/common.js b/tests/jest/cases/components/repeaters/common.ts
similarity index 99%
rename from tests/jest/cases/components/repeaters/common.js
rename to tests/jest/cases/components/repeaters/common.ts
index c560cfe5..5c9b7a84 100644
--- a/tests/jest/cases/components/repeaters/common.js
+++ b/tests/jest/cases/components/repeaters/common.ts
@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom'
 import { render, within } from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 
 /**
  * Run common tests that must succeed for all repeater types
diff --git a/tests/jest/cases/components/repeaters/layouts.test.jsx b/tests/jest/cases/components/repeaters/layouts.test.tsx
similarity index 92%
rename from tests/jest/cases/components/repeaters/layouts.test.jsx
rename to tests/jest/cases/components/repeaters/layouts.test.tsx
index 5ed1a21c..512c2c75 100644
--- a/tests/jest/cases/components/repeaters/layouts.test.jsx
+++ b/tests/jest/cases/components/repeaters/layouts.test.tsx
@@ -1,4 +1,4 @@
-import * as fields from '../../../../../assets/src/index.jsx'
+import * as fields from '../../../../../assets/src/index.tsx'
 import '@testing-library/jest-dom'
 import { render } from '@testing-library/react'
 
diff --git a/tests/jest/cases/conditionalPanel.test.js b/tests/jest/cases/conditionalPanel.test.ts
similarity index 99%
rename from tests/jest/cases/conditionalPanel.test.js
rename to tests/jest/cases/conditionalPanel.test.ts
index 5279f15d..37a488a7 100644
--- a/tests/jest/cases/conditionalPanel.test.js
+++ b/tests/jest/cases/conditionalPanel.test.ts
@@ -1,5 +1,5 @@
-import * as fields from '../../../assets/src/index.jsx'
-import { uniqid } from '../../../assets/src/utils.js'
+import * as fields from '../../../assets/src/index.tsx'
+import { uniqid } from '../../../assets/src/utils.ts'
 import { userEvent } from '@testing-library/user-event'
 import {
   render,
diff --git a/tests/jest/cases/dependentValues.test.js b/tests/jest/cases/dependentValues.test.ts
similarity index 99%
rename from tests/jest/cases/dependentValues.test.js
rename to tests/jest/cases/dependentValues.test.ts
index d68d04c7..776d5378 100644
--- a/tests/jest/cases/dependentValues.test.js
+++ b/tests/jest/cases/dependentValues.test.ts
@@ -1,4 +1,4 @@
-import * as fields from '../../../assets/src/index.jsx'
+import * as fields from '../../../assets/src/index.tsx'
 import {
   render,
   within,
diff --git a/tests/jest/cases/dynamic/format.test.js b/tests/jest/cases/dynamic/format.test.ts
similarity index 97%
rename from tests/jest/cases/dynamic/format.test.js
rename to tests/jest/cases/dynamic/format.test.ts
index 27a4f137..2505233f 100644
--- a/tests/jest/cases/dynamic/format.test.js
+++ b/tests/jest/cases/dynamic/format.test.ts
@@ -3,7 +3,7 @@ import {
   dynamicValuesAPI,
   defaultConfig
 } from '../../../../assets/src/dynamic-values'
-import { getConfig } from '../../../../assets/src/index.jsx'
+import { getConfig } from '../../../../assets/src/index.tsx'
 
 describe('dynamic values feature - format', () => {
 
diff --git a/tests/jest/cases/dynamic/render.test.js b/tests/jest/cases/dynamic/render.test.ts
similarity index 99%
rename from tests/jest/cases/dynamic/render.test.js
rename to tests/jest/cases/dynamic/render.test.ts
index d7df7d74..3f4de721 100644
--- a/tests/jest/cases/dynamic/render.test.js
+++ b/tests/jest/cases/dynamic/render.test.ts
@@ -1,6 +1,6 @@
-import * as fields from '../../../../assets/src/index.jsx'
+import * as fields from '../../../../assets/src/index.tsx'
 import { userEvent } from '@testing-library/user-event'
-import { allowedTypes } from '../../../../assets/src/dynamic-values/index.js'
+import { allowedTypes } from '../../../../assets/src/dynamic-values/index.ts'
 import {
   render,
   within
diff --git a/tests/jest/cases/tangibleFields.test.js b/tests/jest/cases/tangibleFields.test.ts
similarity index 98%
rename from tests/jest/cases/tangibleFields.test.js
rename to tests/jest/cases/tangibleFields.test.ts
index 35426ad7..062571af 100644
--- a/tests/jest/cases/tangibleFields.test.js
+++ b/tests/jest/cases/tangibleFields.test.ts
@@ -1,4 +1,4 @@
-import * as fields from '../../../assets/src/index.jsx'
+import * as fields from '../../../assets/src/index.tsx'
 import { render, within, act } from '@testing-library/react'
 
 describe('tangibleFields', () => {
diff --git a/tests/jest/cases/visibilityConditions.test.js b/tests/jest/cases/visibilityConditions.test.ts
similarity index 98%
rename from tests/jest/cases/visibilityConditions.test.js
rename to tests/jest/cases/visibilityConditions.test.ts
index 75077684..72768ce1 100644
--- a/tests/jest/cases/visibilityConditions.test.js
+++ b/tests/jest/cases/visibilityConditions.test.ts
@@ -1,4 +1,4 @@
-import * as fields from '../../../assets/src/index.jsx'
+import * as fields from '../../../assets/src/index.tsx'
 import { userEvent } from '@testing-library/user-event'
 import { 
   render, 
diff --git a/tests/jest/jest.config.js b/tests/jest/jest.config.js
index d7cc9789..ff73dc0d 100644
--- a/tests/jest/jest.config.js
+++ b/tests/jest/jest.config.js
@@ -1,8 +1,8 @@
 export default {
   testEnvironment: 'jsdom',
   setupFiles: [
-    './setup/config.js',
-    './setup/range.js',
-    './setup/timeout.js'
+    './setup/config.ts',
+    './setup/range.ts',
+    './setup/timeout.ts'
   ]
 }
diff --git a/tests/jest/setup/config.js b/tests/jest/setup/config.ts
similarity index 97%
rename from tests/jest/setup/config.js
rename to tests/jest/setup/config.ts
index 4b385bb5..cd9cbcfd 100644
--- a/tests/jest/setup/config.js
+++ b/tests/jest/setup/config.ts
@@ -1,4 +1,4 @@
-import { setConfig } from '../../../assets/src/config.js'
+import { setConfig } from '../../../assets/src/config.ts'
 
 setConfig({
   api: {
diff --git a/tests/jest/setup/range.js b/tests/jest/setup/range.ts
similarity index 100%
rename from tests/jest/setup/range.js
rename to tests/jest/setup/range.ts
diff --git a/tests/jest/setup/timeout.js b/tests/jest/setup/timeout.ts
similarity index 100%
rename from tests/jest/setup/timeout.js
rename to tests/jest/setup/timeout.ts
diff --git a/tests/jest/utils/elements.js b/tests/jest/utils/elements.ts
similarity index 82%
rename from tests/jest/utils/elements.js
rename to tests/jest/utils/elements.ts
index 0e28e866..b83fccde 100644
--- a/tests/jest/utils/elements.js
+++ b/tests/jest/utils/elements.ts
@@ -1,5 +1,5 @@
 import { render } from '@testing-library/react'
-import * as fields from '../../../assets/src/index.jsx'
+import * as fields from '../../../assets/src/index.tsx'
 
 const renderHasElement = (config, getElement) => {
 
diff --git a/tests/jest/utils/fields.js b/tests/jest/utils/fields.ts
similarity index 97%
rename from tests/jest/utils/fields.js
rename to tests/jest/utils/fields.ts
index 825be0f5..d9026808 100644
--- a/tests/jest/utils/fields.js
+++ b/tests/jest/utils/fields.ts
@@ -2,7 +2,7 @@ import {
   render,
   screen
 } from '@testing-library/react'
-import * as fields from '../../../assets/src/index.jsx'
+import * as fields from '../../../assets/src/index.tsx'
 
 const rendersWithMinimal = ({
   type,