Client: fix after rewrite to typescript

packages/client/src/pages/PublicRoom/index.js

@@ -24,6 +24,8 @@ const PublicRoom = (props) => {
     setIsArticleLoading,
   } = props;
 
+  console.log("render");
+
   const navigate = useNavigate();
   const location = useLocation();
 

packages/client/src/pages/PublicRoom/sub-components/RoomPassword.js

@@ -18,6 +18,8 @@ const RoomPassword = (props) => {
   const { t, roomKey, validatePublicRoomPassword, setRoomData, roomTitle } =
     props;
 
+  console.log("render");
+
   const [password, setPassword] = useState("");
   const [passwordValid, setPasswordValid] = useState(true);
   const [isLoading, setIsLoading] = useState(false);

packages/shared/components/infinite-loader/InfiniteLoader.styled.ts

@@ -84,10 +84,10 @@ const tableStyles = css<{ width: number }>`
     theme.interfaceDirection === "rtl"
       ? `margin-right: -20px;`
       : `margin-left: -20px;`}
-  width: ${({ width }) => `${width + 40}px !important"`};
+  width: ${({ width }) => `${width + 40}px !important`};
 
   .ReactVirtualized__Grid__innerScrollContainer {
-    max-width: ${({ width }) => `${width + 40}px !important"`};
+    max-width: ${({ width }) => `${width + 40}px !important`};
   }
   .table-container_body-loader {
     width: calc(100% - 48px) !important;

packages/shared/components/infinite-loader/sub-components/List.tsx

@@ -128,6 +128,7 @@ const ListComponent = ({
             const width =
               document.getElementById(viewId)?.getBoundingClientRect().width ??
               0;
+
             return (
               <StyledList
                 autoHeight

packages/shared/components/table/Table.types.ts

@@ -1,6 +1,7 @@
 import { IndexRange } from "react-virtualized";
 
 import { ContextMenuModel } from "../context-menu";
+import { TTheme } from "../../themes";
 
 export interface TableContainerProps {
   forwardedRef: React.ForwardedRef<HTMLDivElement>;
@@ -43,6 +44,7 @@ export interface TableHeaderProps {
   columnInfoPanelStorageName: string;
   settingsTitle?: string;
   tagRef: React.ForwardedRef<HTMLDivElement>;
+  theme: TTheme;
 }
 
 export interface TableHeaderCellProps {

packages/shared/components/table/index.ts

@@ -1,7 +1,10 @@
+import TableHeader from "./TableHeader";
+
+export { TableHeader };
 export { TableContainer } from "./TableContainer";
 export { TableBody } from "./TableBody";
 export { TableRow } from "./TableRow";
-export { TableHeader } from "./TableHeader";
+// export { TableHeader } from "./TableHeader";
 export { TableGroupMenu } from "./TableGroupMenu";
 export { TableCell } from "./sub-components/TableCell";
 

packages/shared/components/table/sub-components/TableSettings.tsx

@@ -46,6 +46,7 @@ const TableSettings = ({ columns, disableSettings }: TableSettingsProps) => {
         clickOutsideAction={clickOutsideAction}
         forwardedRef={ref}
         withBackdrop={false}
+        eventTypes={["click"]}
       >
         {columns.map((column: TTableColumn) => {
           if (column.isDisabled) return;