build with no errors

Author: AJIXuMuK

.github/workflows/dev-release.yml

@@ -11,7 +11,7 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v2
       with:
-        node-version: 16
+        node-version: 18
         registry-url: 'https://registry.npmjs.org'
 
     - name: Install npm dependencies

.github/workflows/main-release.yml

@@ -12,7 +12,7 @@ jobs:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v2
       with:
-        node-version: 16
+        node-version: 18
         registry-url: 'https://registry.npmjs.org'
 
     - name: Install npm dependencies

src/controls/HoverReactionsBar/IHoverReactionsBarProps.ts

@@ -1,4 +1,4 @@
-import { Theme } from 'office-ui-fabric-react';
+import { Theme } from '@fluentui/react';
 
 import { IEmojiInfo } from './models/IFluentEmoji';
 

src/controls/TermSetNavigation/utils/useTaxonomyUtils.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-
-import { INavLink } from 'office-ui-fabric-react';
+import { INavLink } from '@fluentui/react';
 
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { TermStore } from '@microsoft/microsoft-graph-types';

src/controls/adaptiveCardDesignerHost/AdaptiveCardDesignerHost.tsx

@@ -1,8 +1,8 @@
 import { IStyleFunctionOrObject } from "@fluentui/react/lib/Utilities";
 import { DefaultButton } from "@fluentui/react/lib/Button";
-import { ThemeProvider } from "@fluentui/react/lib/Foundation";
 import { IPanelStyleProps, IPanelStyles, Panel, PanelType } from "@fluentui/react/lib/Panel";
 import { getTheme } from "@fluentui/react/lib/Styling";
+import { ThemeProvider } from "@fluentui/react/lib/Theme";
 import * as React from 'react';
 import { useState } from 'react';
 import { AdaptiveCardDesigner } from "./AdaptiveCardDesigner";
@@ -37,7 +37,7 @@ export const AdaptiveCardDesignerHost = (props: IAdaptiveCardDesignerHostProps):
                     type={PanelType.smallFluid}
                     hasCloseButton={true}
                     onDismiss={(ev) => {
-                        const srcElement = ev.nativeEvent.target as Element | null;
+                        const srcElement = (ev as React.SyntheticEvent).nativeEvent.target as Element | null;
                         if (srcElement && srcElement.className.indexOf('ms-Overlay') !== -1) {
                             ev.preventDefault();
                         } else {

src/controls/contentTypePicker/IContentTypePicker.ts

@@ -1,4 +1,4 @@
-import { IDropdownStyles } from 'office-ui-fabric-react';
+import { IDropdownStyles } from '@fluentui/react';
 
 import { BaseComponentContext } from '@microsoft/sp-component-base';
 

src/controls/dateTimePicker/IDateTimePickerProps.ts

@@ -1,4 +1,4 @@
-import { DayOfWeek, FirstWeekOfYear } from '@fluentui/react/lib/utilities/dateValues/DateValues';
+import { DayOfWeek, FirstWeekOfYear } from '@fluentui/react/lib/DateTimeUtilities';
 import { TimeConvention, DateConvention } from './DateTimeConventions';
 import { IDateTimePickerStrings } from './IDateTimePickerStrings';
 import { TimeDisplayControlType } from './TimeDisplayControlType';

src/controls/fieldCollectionData/ICustomCollectionField.ts

@@ -1,7 +1,7 @@
 import { IDropdownOption } from '@fluentui/react/lib/Dropdown';
 import { IRenderFunction } from '@uifabric/utilities/lib/IRenderFunction';
 import { ISelectableOption } from '@fluentui/react/lib/utilities/selectableOption/SelectableOption.types';
-import { IComboBoxOption } from 'office-ui-fabric-react';
+import { IComboBoxOption } from '@fluentui/react/lib/ComboBox';
 
 export interface ICustomCollectionField {
   /**

src/controls/fieldCollectionData/IFieldCollectionData.ts

@@ -1,6 +1,6 @@
 import { BaseComponentContext } from "@microsoft/sp-component-base";
 import { ICustomCollectionField } from "./ICustomCollectionField";
-import { IPanelProps } from "office-ui-fabric-react";
+import { IPanelProps } from "@fluentui/react";
 
 export interface IFieldCollectionDataProps {
   /**

src/controls/listItemAttachments/ListItemAttachments.tsx

@@ -2,6 +2,7 @@
 import * as React from 'react';
 import { Dialog, DialogType, DialogFooter } from '@fluentui/react/lib/Dialog';
 import { PrimaryButton, DefaultButton } from '@fluentui/react/lib/Button';
+import { DirectionalHint } from '@fluentui/react/lib/Callout';
 import { Label } from "@fluentui/react/lib/Label";
 import * as strings from 'ControlStrings';
 import styles from './ListItemAttachments.module.scss';
@@ -17,7 +18,7 @@ import { ImageFit } from '@fluentui/react/lib/Image';
 import { IListItemAttachmentsProps } from './IListItemAttachmentsProps';
 import { IListItemAttachmentsState } from './IListItemAttachmentsState';
 import SPservice from "../../services/SPService";
-import { TooltipHost, DirectionalHint } from '@fluentui/react/lib/Tooltip';
+import { TooltipHost } from '@fluentui/react/lib/Tooltip';
 import { Spinner, SpinnerSize } from '@fluentui/react/lib/Spinner';
 import utilities from './utilities';
 import { Placeholder } from "../placeholder";