@qoretechnologies/reqore 0.36.2 → 0.36.3

package/src/helpers/sidebar.ts

@@ -1,47 +1,42 @@
-import { reduce, size } from "lodash";
-import {
-  IQorusSidebarCustomItem,
-  IQorusSidebarItems,
-} from "../components/Sidebar";
+import { reduce, size } from 'lodash';
+import { IQorusSidebarCustomItem, IQorusSidebarItems } from '../components/Sidebar';
 
-export const transformMenu: Function = (
+export const transformMenu = (
   menu: IQorusSidebarItems,
   bookmarks: string[],
   customItems?: IQorusSidebarCustomItem[]
-): Object => {
+) => {
   let newMenu: IQorusSidebarItems = { ...menu };
   let _qorusCustomElements;
   let _qorusBookmarks;
 
   if (size(bookmarks)) {
     _qorusBookmarks = {
-      title: "Bookmarks",
+      title: 'Bookmarks',
       items: [],
     };
 
     newMenu = reduce(
       newMenu,
       (cur, menuSection, name: string) => {
-        let newSection = { ...menuSection };
+        const newSection = { ...menuSection };
 
         newSection.items = [...newSection.items]
           .map((newSectionItem) => {
             const copySectionItem = { ...newSectionItem };
 
             if (copySectionItem.submenu) {
-              copySectionItem.submenu = copySectionItem.submenu.filter(
-                (submenuItem) => {
-                  const isItemInSubmenu = bookmarks.find(
-                    (favoriteItem) => favoriteItem === submenuItem.id
-                  );
+              copySectionItem.submenu = copySectionItem.submenu.filter((submenuItem) => {
+                const isItemInSubmenu = bookmarks.find(
+                  (favoriteItem) => favoriteItem === submenuItem.id
+                );
 
-                  if (isItemInSubmenu) {
-                    _qorusBookmarks.items.push(submenuItem);
-                  }
-
-                  return !isItemInSubmenu;
+                if (isItemInSubmenu) {
+                  _qorusBookmarks.items.push(submenuItem);
                 }
-              );
+
+                return !isItemInSubmenu;
+              });
 
               if (size(copySectionItem.submenu)) {
                 return copySectionItem;
@@ -49,11 +44,7 @@ export const transformMenu: Function = (
                 return undefined;
               }
             } else {
-              if (
-                !bookmarks.find(
-                  (favoriteItem) => favoriteItem === copySectionItem.id
-                )
-              ) {
+              if (!bookmarks.find((favoriteItem) => favoriteItem === copySectionItem.id)) {
                 return copySectionItem;
               } else {
                 _qorusBookmarks.items.push(copySectionItem);
@@ -82,17 +73,10 @@ export const transformMenu: Function = (
   return newMenu;
 };
 
-export const isActive = (
-  to: string,
-  currentPath: string,
-  exact?: boolean
-): boolean => (exact ? currentPath === to : currentPath.startsWith(to));
-
-export const isActiveMulti: Function = (
-  to: string[],
-  currentPath: string,
-  exact?: boolean
-): boolean => {
+export const isActive = (to: string, currentPath: string, exact?: boolean): boolean =>
+  exact ? currentPath === to : currentPath.startsWith(to);
+
+export const isActiveMulti = (to: string[], currentPath: string, exact?: boolean): boolean => {
   let active: boolean = false;
 
   to.forEach((path: string) => {

package/src/helpers/utils.ts

@@ -13,7 +13,7 @@ import { NUMBER_TO_SIZE, SIZES, SIZE_TO_NUMBER, TSizes } from '../constants/size
 
 export const sleep = async (ms: number) => await new Promise((r) => setTimeout(r, ms));
 
-export const getTypeFromValue: Function = (item: any): string => {
+export const getTypeFromValue = (item: any): string => {
   if (isBoolean(item)) {
     return 'boolean';
   }

package/src/hooks/usePopover.tsx

@@ -194,13 +194,7 @@ const usePopover = ({
         }
       }
     };
-  }, [
-    targetElement?.toString(),
-    //@ts-ignore
-    content,
-    current,
-    currentPopover,
-  ]);
+  }, [targetElement?.toString(), content, current, currentPopover]);
 
   useUnmount(() => {
     cancelTimeout();

package/src/hooks/useTheme.ts

@@ -27,7 +27,7 @@ export const useReqoreTheme = (
       return theme;
     }
 
-    let _customTheme: IReqoreCustomTheme = cloneDeep(customTheme);
+    const _customTheme: IReqoreCustomTheme = cloneDeep(customTheme);
 
     if (_customTheme.main) {
       _customTheme.main = getColorFromMaybeString(theme, customTheme.main);

package/src/hooks/useWhyDidYouUpdate.ts

@@ -23,7 +23,7 @@ export function useWhyDidYouUpdate(name, props) {
       });
       // If changesObj not empty then output to console
       if (Object.keys(changesObj).length) {
-        console.log('[why-did-you-update]', name, changesObj);
+        console.warn('[why-did-you-update]', name, changesObj);
       }
     }
     // Finally update previousProps with current props for next hook call

package/src/stories/KeyValueTable/KeyValueTable.stories.tsx

@@ -1,4 +1,6 @@
 import { StoryObj } from '@storybook/react';
+import { userEvent } from '@storybook/testing-library';
+import { noop } from 'lodash';
 import ReqoreIcon from '../../components/Icon';
 import { IReqoreKeyValueTableProps, ReqoreKeyValueTable } from '../../components/KeyValueTable';
 import { IReqoreTableRowData, TReqoreTableColumnContent } from '../../components/Table';
@@ -92,6 +94,16 @@ export const Basic: Story = {};
 export const NoLabel: Story = {
   args: {
     label: undefined,
+    onRowClick: noop,
+  },
+};
+
+export const InteractiveRows: Story = {
+  args: {
+    onRowClick: noop,
+  },
+  play: async ({ canvasElement }) => {
+    await userEvent.hover(canvasElement.querySelectorAll('.reqore-table-row')[2]);
   },
 };
 
@@ -107,6 +119,12 @@ export const NotFlat: Story = {
   },
 };
 
+export const NoHeight: Story = {
+  args: {
+    height: undefined,
+  },
+};
+
 export const Striped: Story = {
   args: {
     striped: true,

package/src/stories/Table/Table.stories.tsx

@@ -1,5 +1,6 @@
 import { StoryObj } from '@storybook/react';
-import { fireEvent, waitFor, within } from '@storybook/testing-library';
+import { fireEvent, userEvent, waitFor, within } from '@storybook/testing-library';
+import { noop, slice } from 'lodash';
 import { StyledEffect } from '../../components/Effect';
 import { IReqoreTableColumn, IReqoreTableProps, IReqoreTableRowData } from '../../components/Table';
 import { IReqoreCustomTableBodyCellProps } from '../../components/Table/cell';
@@ -375,6 +376,22 @@ export const NotFlat: Story = {
   },
 };
 
+export const NoHeight: Story = {
+  args: {
+    height: undefined,
+    data: slice(tableData.data, 0, 150),
+  },
+};
+
+export const InteractiveRows: Story = {
+  args: {
+    onRowClick: noop,
+  },
+  play: async ({ canvasElement }) => {
+    await userEvent.hover(canvasElement.querySelectorAll('.reqore-table-row')[2]);
+  },
+};
+
 export const Striped: Story = {
   args: {
     striped: true,