t

Author: neotob

package.json

@@ -83,9 +83,9 @@
     "yalc": "^1.0.0-pre.53"
   },
   "peerDependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6",
-    "@fortawesome/free-solid-svg-icons": "^6",
-    "@fortawesome/react-fontawesome": "^0.1.18 || ^0.2.0",
+    "@fortawesome/fontawesome-svg-core": "^6 || ^7",
+    "@fortawesome/free-solid-svg-icons": "^6 || ^7",
+    "@fortawesome/react-fontawesome": "^0.1.18 || ^0.2.0 || ^3.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "reactstrap": "^8 || ^9"

rollup.config.mjs

@@ -1,5 +1,5 @@
 import commonjs from "@rollup/plugin-commonjs";
-import { default as nodeResolve } from "@rollup/plugin-node-resolve";
+import nodeResolver from "@rollup/plugin-node-resolve";
 import external from "rollup-plugin-peer-deps-external";
 import terser from "@rollup/plugin-terser";
 import typescript from "rollup-plugin-typescript2";
@@ -19,7 +19,7 @@ const plugins = [
   commonjs({
     include: /\/node_modules\//,
   }),
-  nodeResolve(),
+  nodeResolver(),
   terser({
     output: { comments: false },
     compress: {

src/lib/Layout/PanelSideBarLayout/PanelSideBar/Context/PanelSideBarContext.tsx

@@ -8,11 +8,10 @@ export type MenuItemToggleFn<TPanelItemId extends string> = (menuItemId: TPanelI
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const PanelSideBarContext = createContext<PanelSideBarContextProps<any, any> | null>(null);
 
-export interface PanelSideBarMenuProviderProps<TPanelItemId extends string, TPanelItem>
-  extends Pick<
-    PanelSideBarContextProps<TPanelItemId, TPanelItem>,
-    "menuItems" | "LinkRenderer" | "theme" | "renderTilesAsLinks" | "renderFirstItemsLevelAsTiles" | "defaultActivePanelId"
-  > {
+export interface PanelSideBarMenuProviderProps<TPanelItemId extends string, TPanelItem> extends Pick<
+  PanelSideBarContextProps<TPanelItemId, TPanelItem>,
+  "menuItems" | "LinkRenderer" | "theme" | "renderTilesAsLinks" | "renderFirstItemsLevelAsTiles" | "defaultActivePanelId"
+> {
   /**
    * The children elements.
    */
@@ -65,6 +64,8 @@ export const PanelSideBarProvider = <TPanelItemId extends string, TPanelItem>(
 
   useEffect(() => {
     const activePanelId = getActivePanel(menuItems, defaultActivePanelId)?.id;
+
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     setActivePanelId(activePanelId);
     if (activePanelId) {
       setToggledMenuItemIds((prev) => {

src/lib/Layout/PanelSideBarLayout/PanelSideBar/PanelSideBarItem.tsx

@@ -35,7 +35,6 @@ const PanelSidebarItemNavLink = <TPanelItemId extends string, TPanelItem>({
   );
 };
 
-// eslint-disable-next-line complexity
 const PanelSideBarItem = <TPanelItemId extends string, TPanelItem>(props: PanelSideBarItemProps<TPanelItemId, TPanelItem>) => {
   const { depth = 0, children: item, isParentHidden = false, isIconShownOnSidebarCollapse } = props;
   const { LinkRenderer, toggledMenuItemIds, toggleMenuItem, hiddenMenuItemIds, isSidebarOpen } = usePanelSideBarContext<

src/lib/Paging/Paging.tsx

@@ -36,7 +36,6 @@ const defaultNavigationComponents: PagingNavigationComponents = {
   lastPageComponent: ">>",
 };
 
-// eslint-disable-next-line complexity
 const Paging = ({
   currentItemsPerPage,
   currentPage,
@@ -60,7 +59,7 @@ const Paging = ({
     () =>
       [...(possiblePageItemCounts ?? [25, 50, 100, 200]), currentItemsPerPage]
         .filter((value, index, array) => array.indexOf(value) === index)
-        .sort((a, b) => a - b),
+        .toSorted((a, b) => a - b),
     [currentItemsPerPage, possiblePageItemCounts],
   );