refactor: import mantine explicitly

src/blocks/cytoscape/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, ResizableBox, SelectControl, TextControl, ToolbarB
 import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Accordion, Button, Group, Stack, Text } from '../../components'
+import { Accordion, Button, Group, Stack, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/cytoscape/view.tsx

@@ -2,7 +2,7 @@ import { Nucleus, usePublish, useRestorableState, useWatch } from '@inseri/light
 import { IconCircleOff } from '@tabler/icons-react'
 import { useCallback } from '@wordpress/element'
 import { useDeepCompareEffect } from 'react-use'
-import { Group, Text } from '../../components'
+import { Group, Text } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { CytoscapeComponent } from '../../components/Cytoscape'
 import { GlobalState } from './state'

src/blocks/dataTable/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, ToolbarButton, ToolbarGroup } from '@wordpress/com
 import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Button, Group, Stack, Switch, Text, TextInput } from '../../components'
+import { Button, Group, Stack, Switch, Text, TextInput } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/dataTable/view.tsx

@@ -4,7 +4,7 @@ import cloneDeep from 'lodash.clonedeep'
 import type { MRT_ColumnFiltersState as ColumnFiltersState, MRT_SortingState as SortingState } from 'mantine-react-table'
 import { MantineReactTable, useMantineReactTable } from 'mantine-react-table'
 import { useDeepCompareEffect } from 'react-use'
-import { Box, OptionalPortal } from '../../components'
+import { Box, OptionalPortal } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { Z_INDEX_ABOVE_ADMIN } from '../../utils'
 import { GlobalState } from './state'

src/blocks/download/edit.tsx

@@ -7,7 +7,7 @@ import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
 import { RecoilRoot, useRecoilState } from 'recoil'
-import { Box, Group, Text } from '../../components'
+import { Box, Group, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import json from './block.json'

src/blocks/download/view.tsx

@@ -1,7 +1,7 @@
 import { Nucleus, useWatch } from '@inseri/lighthouse'
 import stringify from 'json-stable-stringify'
 import { useRecoilState, useSetRecoilState } from 'recoil'
-import { Button } from '../../components'
+import { Button } from '@mantine/core'
 import { CONTENT_TYPE_TO_EXT } from '../../utils'
 import { Attributes } from './index'
 import { downloadLinkState, extensionState, wizardState } from './state'

src/blocks/dropdown/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, TextControl, ToggleControl, ToolbarButton, Toolbar
 import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Box, Group, Text } from '../../components'
+import { Box, Group, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import json from './block.json'

src/blocks/dropdown/view.tsx

@@ -1,7 +1,7 @@
 import { Nucleus, usePublish, useRestorableState, useWatch } from '@inseri/lighthouse'
 import { useEffect } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
-import { Box, Select } from '../../components'
+import { Box, Select } from '@mantine/core'
 import { Attributes } from './index'
 import { isValueValid } from './utils'
 

src/blocks/export/edit.tsx

@@ -5,7 +5,7 @@ import { PanelBody, PanelRow } from '@wordpress/components'
 import { select } from '@wordpress/data'
 import { useEffect } from '@wordpress/element'
 import { disablePostExport, enablePostExport } from '../../ApiServer'
-import { TextInput } from '../../components'
+import { TextInput } from '@mantine/core'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'
 import config from './block.json'

src/blocks/export/view.tsx

@@ -1,4 +1,4 @@
-import { Button } from '../../components'
+import { Button } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { GlobalState } from './state'
 

src/blocks/html/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, TextControl, ToolbarButton, ToolbarGroup } from '@
 import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Box, Group, Text } from '../../components'
+import { Box, Group, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/html/view.tsx

@@ -1,7 +1,7 @@
 import { useWatch, Nucleus } from '@inseri/lighthouse'
 import { IconCircleOff } from '@tabler/icons-react'
 import { __ } from '@wordpress/i18n'
-import { Box, Group, Text, createStyles } from '../../components'
+import { Box, Group, Text, createStyles } from '@mantine/core'
 import { CodeEditor } from '../../components/CodeEditor'
 import { useGlobalState } from '../../components/StateProvider'
 import { GlobalState } from './state'

src/blocks/iiifViewer/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, TextControl, ToggleControl, ToolbarButton, Toolbar
 import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Box, Group, Text } from '../../components'
+import { Box, Group, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/iiifViewer/view.tsx

@@ -1,7 +1,7 @@
 import { Nucleus, useWatch } from '@inseri/lighthouse'
 import { IconCircleOff } from '@tabler/icons-react'
 import { __ } from '@wordpress/i18n'
-import { Group, Text } from '../../components'
+import { Group, Text } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { GlobalState } from './state'
 //@ts-ignore

src/blocks/image/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, ResizableBox, SelectControl, TextControl, ToolbarB
 import { useEffect, useRef, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Box, Group, Text } from '../../components'
+import { Box, Group, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/image/view.tsx

@@ -1,7 +1,7 @@
 import { Nucleus, useWatch } from '@inseri/lighthouse'
 import { IconCircleOff, IconPhotoOff } from '@tabler/icons-react'
 import { __ } from '@wordpress/i18n'
-import { Box, Group, Text } from '../../components'
+import { Box, Group, Text } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { GlobalState } from './state'
 

src/blocks/javascript/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, ResizableBox, TextControl, ToggleControl, ToolbarB
 import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Box, Button, Group, Text } from '../../components'
+import { Box, Button, Group, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/javascript/view.tsx

@@ -1,7 +1,7 @@
 import { Nucleus, usePublish, useRestorableState, useWatch } from '@inseri/lighthouse'
 import { usePrevious } from '@mantine/hooks'
 import { useEffect } from '@wordpress/element'
-import { Box, Group } from '../../components'
+import { Box, Group } from '@mantine/core'
 import { CodeEditor } from '../../components/CodeEditor'
 import { useGlobalState } from '../../components/StateProvider'
 import { TopBar } from '../../components/TopBar'

src/blocks/localFileImport/edit.tsx

@@ -3,7 +3,7 @@ import { InspectorControls } from '@wordpress/block-editor'
 import type { BlockEditProps } from '@wordpress/blocks'
 import { PanelBody, PanelRow, ResizableBox, TextControl, TextareaControl, ToggleControl } from '@wordpress/components'
 import { __ } from '@wordpress/i18n'
-import { MultiSelect, createStyles } from '../../components'
+import { MultiSelect, createStyles } from '@mantine/core'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'
 import { COMMON_CONTENT_TYPES } from '../../utils'

src/blocks/localFileImport/view.tsx

@@ -2,7 +2,7 @@ import { usePublish } from '@inseri/lighthouse'
 import { Dropzone } from '@mantine/dropzone'
 import { IconCheck, IconDownload, IconX } from '@tabler/icons-react'
 import { useEffect, useRef } from '@wordpress/element'
-import { ActionIcon, Button, Group, Stack, Text, createStyles, useMantineTheme } from '../../components'
+import { ActionIcon, Button, Group, Stack, Text, createStyles, useMantineTheme } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { guessContentTypeByExtension, handleBody } from '../../utils'
 import { GlobalState } from './state'

src/blocks/mediaCollection/view.tsx

@@ -1,7 +1,7 @@
 import { usePublish, useRestorableState } from '@inseri/lighthouse'
 import { forwardRef, useEffect } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
-import { Box, Group, Image, Loader, Select, Text } from '../../components'
+import { Box, Group, Image, Loader, Select, Text } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { GlobalState } from './state'
 

src/blocks/plotly/edit.tsx

@@ -7,7 +7,7 @@ import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
 import { useMap } from 'react-use'
-import { Accordion, ActionIcon, Box, Button, Group, Select, Stack, Text } from '../../components'
+import { Accordion, ActionIcon, Box, Button, Group, Select, Stack, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/plotly/view.tsx

@@ -2,7 +2,7 @@ import { Nucleus, usePublish, useRestorableState, useWatch } from '@inseri/light
 import { useState } from '@wordpress/element'
 import cloneDeep from 'lodash.clonedeep'
 import Plot from 'react-plotly.js'
-import { Box } from '../../components'
+import { Box } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { GlobalState } from './state'
 import { useDeepCompareEffect } from 'react-use'

src/blocks/python/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, ResizableBox, TextControl, ToggleControl, ToolbarB
 import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Box, Button, Group, Text } from '../../components'
+import { Box, Button, Group, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/python/view.tsx

@@ -1,7 +1,7 @@
 import { Nucleus, usePublish, useRestorableState, useWatch } from '@inseri/lighthouse'
 import { usePrevious } from '@mantine/hooks'
 import { useEffect } from '@wordpress/element'
-import { Box, Group } from '../../components'
+import { Box, Group } from '@mantine/core'
 import { CodeEditor } from '../../components/CodeEditor'
 import { useGlobalState } from '../../components/StateProvider'
 import { TopBar } from '../../components/TopBar'

src/blocks/rCode/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, ResizableBox, TextControl, ToggleControl, ToolbarB
 import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Box, Button, Group, Text } from '../../components'
+import { Box, Button, Group, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/rCode/view.tsx

@@ -1,7 +1,7 @@
 import { Nucleus, usePublish, useRestorableState, useWatch } from '@inseri/lighthouse'
 import { usePrevious } from '@mantine/hooks'
 import { useEffect } from '@wordpress/element'
-import { Box, Group } from '../../components'
+import { Box, Group } from '@mantine/core'
 import { CodeEditor } from '../../components/CodeEditor'
 import { useGlobalState } from '../../components/StateProvider'
 import { TopBar } from '../../components/TopBar'

src/blocks/share/edit.tsx

@@ -3,7 +3,7 @@ import { InspectorControls } from '@wordpress/block-editor'
 import type { BlockEditProps } from '@wordpress/blocks'
 import { PanelBody, PanelRow } from '@wordpress/components'
 import { select } from '@wordpress/data'
-import { Box, Group, Switch, TextInput } from '../../components'
+import { Box, Group, Switch, TextInput } from '@mantine/core'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'
 import config from './block.json'

src/blocks/share/view.tsx

@@ -1,5 +1,5 @@
 import { exportAsJson } from '@inseri/lighthouse'
-import { Button } from '../../components'
+import { Button } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { GlobalState } from './state'
 import { IconShare } from '@tabler/icons-react'

src/blocks/slider/edit.tsx

@@ -2,7 +2,7 @@ import { InseriRoot } from '@inseri/lighthouse'
 import { InspectorControls } from '@wordpress/block-editor'
 import type { BlockEditProps } from '@wordpress/blocks'
 import { PanelBody, PanelRow } from '@wordpress/components'
-import { Box, Group, NumberInput, SegmentedControl, Stack, Switch, TextInput, Title } from '../../components'
+import { Box, Group, NumberInput, SegmentedControl, Stack, Switch, TextInput, Title } from '@mantine/core'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'
 import config from './block.json'

src/blocks/slider/view.tsx

@@ -1,7 +1,7 @@
 import { usePublish, useRestorableState } from '@inseri/lighthouse'
 import { useEffect } from '@wordpress/element'
 import { useUpdateEffect } from 'react-use'
-import { Box, RangeSlider, Slider, Text } from '../../components'
+import { Box, RangeSlider, Slider, Text } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { GlobalState } from './state'
 

src/blocks/textEditor/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, ResizableBox, TextControl, ToggleControl, ToolbarB
 import { useEffect } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Box, Group, Select, Text } from '../../components'
+import { Box, Group, Select, Text } from '@mantine/core'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'
 import { HidingWrapper, TEXTUAL_CONTENT_TYPES } from '../../utils'

src/blocks/textEditor/view.tsx

@@ -3,7 +3,7 @@ import { useDebouncedValue } from '@mantine/hooks'
 import { IconEye, IconPencil } from '@tabler/icons-react'
 import { useEffect, useMemo, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
-import { Box, Button, Group, Text, Tooltip } from '../../components'
+import { Box, Button, Group, Text, Tooltip } from '@mantine/core'
 import { CodeEditor } from '../../components/CodeEditor'
 import { useGlobalState } from '../../components/StateProvider'
 import { formatCode, getBodyTypeByContenType, isBeautifyType } from '../../utils'

src/blocks/textViewer/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, ResizableBox, TextControl, ToolbarButton, ToolbarG
 import { useEffect, useState } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Box, Group, Text } from '../../components'
+import { Box, Group, Text } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/textViewer/view.tsx

@@ -2,7 +2,7 @@ import { Nucleus, useWatch } from '@inseri/lighthouse'
 import { IconEye } from '@tabler/icons-react'
 import { __ } from '@wordpress/i18n'
 import stringify from 'json-stable-stringify'
-import { Box, Group, Text, Tooltip } from '../../components'
+import { Box, Group, Text, Tooltip } from '@mantine/core'
 import { CodeEditor } from '../../components/CodeEditor'
 import { useGlobalState } from '../../components/StateProvider'
 import { TEXTUAL_CONTENT_TYPES, getBodyTypeByContenType } from '../../utils'

src/blocks/webApi/edit.tsx

@@ -7,7 +7,7 @@ import { PanelBody, PanelRow, TextControl, ToggleControl, ToolbarButton, Toolbar
 import { useEffect } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { useMap } from 'react-use'
-import { Box, Button, Group, Modal, Select, Stack, Text, TextInput, createStyles, getStylesRef } from '../../components'
+import { Box, Button, Group, Modal, Select, Stack, Text, TextInput, createStyles, getStylesRef } from '@mantine/core'
 import { SourceSelect } from '../../components/SourceSelect'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'

src/blocks/webApi/view.tsx

@@ -1,7 +1,7 @@
 import { Nucleus, usePublish, useWatch } from '@inseri/lighthouse'
 import { useEffect } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
-import { Box, Button, Text } from '../../components'
+import { Box, Button, Text } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { DatasourceState } from './AdminState'
 

src/blocks/zenodo/edit.tsx

@@ -6,7 +6,7 @@ import { PanelBody, PanelRow, TextControl, ToggleControl, ToolbarButton, Toolbar
 import { useEffect } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
 import { edit } from '@wordpress/icons'
-import { Button, Checkbox, Group, Loader, Stack, Text, TextInput } from '../../components'
+import { Button, Checkbox, Group, Loader, Stack, Text, TextInput } from '@mantine/core'
 import { SetupEditorEnv } from '../../components/SetupEditorEnv'
 import { StateProvider, useGlobalState } from '../../components/StateProvider'
 import { HidingWrapper, getFormattedBytes } from '../../utils'

src/blocks/zenodo/index.tsx

@@ -3,7 +3,7 @@ import { useBlockProps } from '@wordpress/block-editor'
 import type { BlockSaveProps } from '@wordpress/blocks'
 import { registerBlockType } from '@wordpress/blocks'
 import stringify from 'json-stable-stringify'
-import { SelectItem } from '../../components'
+import { SelectItem } from '@mantine/core'
 import json from './block.json'
 import Edit from './edit'
 

src/blocks/zenodo/view.tsx

@@ -1,7 +1,7 @@
 import { usePublish, useRestorableState } from '@inseri/lighthouse'
 import { useEffect } from '@wordpress/element'
 import { __ } from '@wordpress/i18n'
-import { Box, Loader, Select } from '../../components'
+import { Box, Loader, Select } from '@mantine/core'
 import { useGlobalState } from '../../components/StateProvider'
 import { GlobalState } from './state'
 

src/components/CodeEditor.tsx

@@ -1,6 +1,6 @@
 import { highlight, languages } from 'prismjs'
 import Editor from 'react-simple-code-editor'
-import { createStyles } from '../components'
+import { createStyles } from '@mantine/core'
 
 // before a language can be highlighted, it must be imported as follows
 import 'prismjs/components/prism-json'