Shared:HOC:WithLayoutSize: rewrite to typescript

packages/client/src/pages/Home/Section/Filter/index.js

@@ -9,7 +9,7 @@ import result from "lodash/result";
 import { isTablet, isMobile } from "@docspace/shared/utils";
 import FilterInput from "@docspace/common/components/FilterInput";
 import Loaders from "@docspace/common/components/Loaders";
-import { withLayoutSize } from "@docspace/common/utils";
+import { withLayoutSize } from "@docspace/shared/HOC/withLayoutSize";
 import { getUser } from "@docspace/common/api/people";
 import RoomsFilter from "@docspace/common/api/rooms/filter";
 import AccountsFilter from "@docspace/common/api/people/filter";

packages/common/utils/index.ts

@@ -168,8 +168,6 @@ export function showLoader() {
   timer = setTimeout(() => TopLoaderService.start(), 500);
 }
 
-export { withLayoutSize } from "./withLayoutSize";
-
 export function isMe(user, userName) {
   return (
     user && user.id && (userName === "@self" || user.userName === userName)

packages/shared/HOC/withLayoutSize.tsx

@@ -1,8 +1,8 @@
-import * as React from "react";
+import React from "react";
 import { Consumer } from "@docspace/shared/utils";
 
-export function withLayoutSize(Component) {
-  return function LayoutSizeComponent(props) {
+export function withLayoutSize(Component: React.JSX.ElementType) {
+  return function LayoutSizeComponent(props: {}) {
     return (
       <Consumer>
         {(context) => {

packages/shared/tsconfig.eslint.json

@@ -10,7 +10,7 @@
     "themes",
     "types",
     "skeletons",
-
+    "HOC",
     // add all files in which you see
     // the "parserOptions.project" error
     ".eslintrc.cjs",