Fix lint

Author: jackcloudquery

src/components/display/formFooter/testConnectionResult.tsx

@@ -44,7 +44,7 @@ export function FormFooterTestConnectionResult({
         const newProgressValue = currentProgress + difference / 80;
         setProgress(newProgressValue);
 
-        intervalId.current = window.setTimeout(() => updateProgress(newProgressValue), 100);
+        intervalId.current = globalThis.setTimeout(() => updateProgress(newProgressValue), 100);
       };
 
       updateProgress(0);
@@ -65,7 +65,7 @@ export function FormFooterTestConnectionResult({
 
       const handleTransitionEnd = () => {
         clearTimeout(timeoutId.current);
-        timeoutId.current = window.setTimeout(() => {
+        timeoutId.current = globalThis.setTimeout(() => {
           if (!hasTransitionEnded) {
             hasTransitionEnded = true;
             if (failureError) {

src/components/display/lightboxImage/index.tsx

@@ -62,11 +62,11 @@ function getFullImageUrl(imageUrl) {
 
   // If the imageUrl starts with /, it is relative to the domain root
   if (imageUrl.startsWith('/')) {
-    return `${window.location.origin}${imageUrl}`;
+    return `${globalThis.location.origin}${imageUrl}`;
   }
 
   // Otherwise, it is a relative path, append to the current URL path
-  const currentUrl = window.location.href;
+  const currentUrl = globalThis.location.href;
   const currentPath = currentUrl.slice(0, Math.max(0, currentUrl.lastIndexOf('/') + 1));
 
   return `${currentPath}${imageUrl}`;

src/components/display/tree/node.tsx

@@ -16,7 +16,7 @@ export interface TreeNodeProps extends ListItemProps {
   onSelect: () => void;
 }
 
-const _TreeNode: FC<TreeNodeProps> = ({
+const InternalTreeNode: FC<TreeNodeProps> = ({
   children,
   isExpanded,
   isSelected,
@@ -62,4 +62,4 @@ const _TreeNode: FC<TreeNodeProps> = ({
  *
  * @public
  */
-export const TreeNode = React.memo(_TreeNode);
+export const TreeNode = React.memo(InternalTreeNode);

src/components/form/controls/controlTableSelectorField.tsx

@@ -9,7 +9,7 @@ import { usePluginContext } from '../../../context';
 import { generatePluginTableList } from '../../../utils';
 import { TableSelector } from '../../inputs';
 
-function _PluginTableSelector() {
+function InternalPluginTableSelector() {
   const {
     control,
     formState: { errors, submitCount },
@@ -70,4 +70,4 @@ function _PluginTableSelector() {
  *
  * @public
  */
-export const ControlTableSelectorField = React.memo(_PluginTableSelector);
+export const ControlTableSelectorField = React.memo(InternalPluginTableSelector);

src/components/inputs/tableSelector/listItem.tsx

@@ -16,7 +16,7 @@ interface Props {
   disabled?: boolean;
 }
 
-const _TableSelectorListItem: FC<Props> = ({
+const InternalTableSelectorListItem: FC<Props> = ({
   valuesRef,
   subscribeToTablesValueChange,
   onSelect,
@@ -95,4 +95,4 @@ const _TableSelectorListItem: FC<Props> = ({
   );
 };
 
-export const TableSelectorListItem = React.memo(_TableSelectorListItem);
+export const TableSelectorListItem = React.memo(InternalTableSelectorListItem);

src/components/utils/cloudAppMock.tsx

@@ -55,7 +55,7 @@ const formMessageHandler = new MessageHandler<
   FormMessagePayload,
   PluginUiMessageType,
   PluginUiMessagePayload
->(formMessageTypes, pluginUiMessageTypes, window);
+>(formMessageTypes, pluginUiMessageTypes, globalThis);
 
 /**
  * This component is used in the development mode of the custom plugin config UI
@@ -79,7 +79,7 @@ export function CloudAppMock({
   const [lightboxProps, setLightboxProps] = useState<
     PluginUiMessagePayload['show_lightbox'] & { isLoaded: boolean }
   >();
-  const searchParams = useMemo(() => new URLSearchParams(window.location.search), []);
+  const searchParams = useMemo(() => new URLSearchParams(globalThis.location.search), []);
 
   const handleSubmit = async () => {
     formMessageHandler.sendMessage('validate');
@@ -336,23 +336,23 @@ export function CloudAppMock({
         FormMessagePayload
       >(pluginUiMessageTypes, formMessageTypes, window.opener);
 
-      window.localStorage.setItem(
+      globalThis.localStorage.setItem(
         'authConnectorResult',
         JSON.stringify(Object.fromEntries(searchParams.entries())),
       );
 
       pluginUIMessageHandler.sendMessage('close');
     } else {
-      window.addEventListener('storage', () => {
-        const authConnectorResult = window.localStorage.getItem('authConnectorResult');
+      globalThis.addEventListener('storage', () => {
+        const authConnectorResult = globalThis.localStorage.getItem('authConnectorResult');
 
         if (!authConnectorResult) {
           return;
         }
 
         try {
           const value = JSON.parse(authConnectorResult) as Record<string, string>;
-          window.localStorage.removeItem('authConnectorResult');
+          globalThis.localStorage.removeItem('authConnectorResult');
           formMessageHandler.sendMessage('auth_connector_result', value);
         } catch {
           return;

src/components/utils/devWrapper.tsx

@@ -16,7 +16,7 @@ const CloudAppMockWrapper = (props: any) => (
 
 const useCloudAppMock =
   (process.env.REACT_APP_USE_CLOUD_APP_MOCK === 'true' || process.env.NODE_ENV !== 'production') &&
-  window.self === window.top;
+  globalThis.self === window.top;
 const Wrapper = useCloudAppMock ? CloudAppMockWrapper : Fragment;
 
 export function DevWrapper({

src/utils/scrollToFirstFormFieldError.ts

@@ -6,7 +6,7 @@
  */
 export function scrollToFirstFormFieldError(errorFieldNames: string[]) {
   const elements = errorFieldNames
-    .map((name) => document.getElementsByName(name)[0])
+    .map((name) => document.querySelector(`[name="${name}"]`) as HTMLElement)
     .filter((el) => !!el);
   elements.sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top);