@qoretechnologies/reqore 0.44.0 → 0.46.0

package/__tests__/helpers/table.test.tsx

@@ -1,67 +0,0 @@
-import {
-  getColumnsByPinType,
-  getColumnsCount,
-  getOnlyShownColumns,
-  hasHiddenColumns,
-  updateColumnData,
-} from '../../src/components/Table/helpers';
-import { testColumns } from '../../src/mock/tableData';
-
-test('Updates top level column width', () => {
-  const columns = [...testColumns];
-
-  expect(columns[0].width).toBe(50);
-
-  const newColumns = updateColumnData(columns, 'id', 'resizedWidth', 100);
-
-  expect(newColumns[0].width).toBe(50);
-  expect(newColumns[0].resizedWidth).toBe(100);
-});
-
-test('Updates group level column width', () => {
-  const columns = [...testColumns];
-
-  expect(columns[1].header!.columns![0].width).toBe(150);
-
-  const newColumns = updateColumnData(columns, 'firstName', 'resizedWidth', 250);
-
-  expect(newColumns[1].header!.columns![0].width).toBe(150);
-  expect(newColumns[1].header!.columns![0].resizedWidth).toBe(250);
-});
-
-test('Filters out hidden columns', () => {
-  const columns = [...testColumns];
-
-  expect(getColumnsCount(columns)).toBe(8);
-
-  columns[1].header!.columns![0].show = false;
-  columns[1].header!.columns![1].show = false;
-  columns[3].show = false;
-  columns[4].header!.columns![1].show = false;
-
-  const newColumns = getOnlyShownColumns(columns);
-
-  expect(getColumnsCount(newColumns)).toBe(4);
-  expect(hasHiddenColumns(columns)).toBe(true);
-  expect(hasHiddenColumns(newColumns)).toBe(false);
-  expect(newColumns[1].dataId).toBe('address');
-});
-
-test('Returns pinned columns', () => {
-  const columns = [...testColumns];
-
-  expect(getColumnsCount(columns)).toBe(8);
-
-  columns[1].header!.columns![1].pin = 'left';
-  columns[0].pin = 'left';
-  columns[4].header!.columns![0].pin = 'right';
-  columns[4].header!.columns![1].pin = 'right';
-
-  const leftPinColumns = getColumnsByPinType(columns, 'left');
-  const rightPinColumns = getColumnsByPinType(columns, 'right');
-  const mainColumns = getColumnsByPinType(columns, 'main');
-
-  expect(getColumnsCount(leftPinColumns)).toBe(2);
-  expect(getColumnsCount(rightPinColumns)).toBe(2);
-  expect(getColumnsCount(mainColumns)).toBe(4);
-});

package/__tests__/hooks/useLatestZIndex.test.tsx

@@ -1,10 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import React from 'react';
-import { ReqoreUIProvider, useLatestZIndex } from '../../src';
-
-test('useLatestZIndex returns incremental z indexes', () => {
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result } = renderHook(() => useLatestZIndex(), { wrapper });
-
-  expect(result.current).toEqual(9002);
-});

package/__tests__/hooks/useReqorePaging.test.tsx

@@ -1,271 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import React from 'react';
-import { act } from 'react-dom/test-utils';
-import { ReqoreUIProvider, useReqorePaging } from '../../src';
-import { IReqorePagingOptions } from '../../src/hooks/usePaging';
-import { tableData as data } from '../../src/mock/tableData';
-
-test('useReqorePaging returns all pages', () => {
-  const fn = jest.fn();
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result } = renderHook(
-    ({ items }) =>
-      useReqorePaging({
-        items,
-        onPageChange: fn,
-      }),
-    { wrapper, initialProps: { items: data } }
-  );
-
-  expect(result.current.pages.length).toEqual(100);
-  expect(result.current.pageCount).toEqual(100);
-  expect(result.current.renderControls).toEqual(true);
-  expect(fn).not.toHaveBeenCalled();
-});
-
-test('useReqorePaging with default start page', () => {
-  const fn = jest.fn();
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result } = renderHook(
-    ({ items }) =>
-      useReqorePaging({
-        items,
-        startPage: 11,
-        pagesToShow: 5,
-        onPageChange: fn,
-      }),
-    { wrapper, initialProps: { items: data } }
-  );
-
-  expect(result.current.pageCount).toEqual(100);
-  expect(result.current.currentPage).toEqual(11);
-  expect(result.current.pages.length).toEqual(7);
-  expect(result.current.pages[0]).toEqual(1);
-  expect(result.current.pages[1]).toEqual(9);
-  expect(result.current.pages[5]).toEqual(13);
-  expect(result.current.pages[6]).toEqual(100);
-  expect(fn).toHaveBeenCalledWith(11, { isFirst: false, isLast: false });
-});
-
-test('useReqorePaging specified number of pages', () => {
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result } = renderHook(
-    ({ items }) =>
-      useReqorePaging({
-        items,
-        pagesToShow: 5,
-      }),
-    { wrapper, initialProps: { items: data } }
-  );
-
-  expect(result.current.allPages.length).toEqual(100);
-  expect(result.current.pages!.length).toEqual(6);
-  expect(result.current.pages![0]).toEqual(1);
-  expect(result.current.pages![4]).toEqual(5);
-
-  act(() => {
-    result.current.setPage(8);
-  });
-
-  expect(result.current.pages![1]).toEqual(6);
-  expect(result.current.pages![5]).toEqual(10);
-
-  act(() => {
-    result.current.last();
-  });
-
-  expect(result.current.pages![1]).toEqual(96);
-  expect(result.current.pages![5]).toEqual(100);
-});
-
-test('useReqorePaging returns 1 page when items are empty', () => {
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result } = renderHook(
-    ({ items }) =>
-      useReqorePaging({
-        items,
-      }),
-    { wrapper, initialProps: { items: [] } }
-  );
-
-  expect(result.current.pages.length).toEqual(1);
-  expect(result.current.renderControls).toEqual(false);
-});
-
-test('useReqorePaging returns correct number of rounded pages', () => {
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result } = renderHook(
-    ({ itemsPerPage, items }) =>
-      useReqorePaging({
-        items,
-        itemsPerPage,
-      }),
-    { wrapper, initialProps: { itemsPerPage: 13, items: data } }
-  );
-
-  expect(result.current.pages.length).toEqual(77);
-});
-
-test('useReqorePaging returns items per page', () => {
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result } = renderHook(
-    ({ itemsPerPage, items }) =>
-      useReqorePaging({
-        items,
-        itemsPerPage,
-      }),
-    { wrapper, initialProps: { itemsPerPage: 10, items: data } }
-  );
-
-  expect(result.current.pages.length).toEqual(100);
-  expect(result.current.items.length).toEqual(10);
-});
-
-test('useReqorePaging returns new items and pages when size of data change, current page is set to 1', () => {
-  const fn = jest.fn();
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result, rerender } = renderHook(
-    ({ itemsPerPage, items }) =>
-      useReqorePaging({
-        items,
-        itemsPerPage,
-        onPageChange: fn,
-      }),
-    { wrapper, initialProps: { itemsPerPage: 10, items: data } }
-  );
-
-  expect(result.current.pages.length).toEqual(100);
-  expect(result.current.items.length).toEqual(10);
-
-  act(() => {
-    result.current.setPage(5);
-  });
-
-  expect(result.current.currentPage).toEqual(5);
-
-  rerender({ itemsPerPage: 15, items: data.slice(0, 30) });
-
-  expect(result.current.pages.length).toEqual(2);
-  expect(result.current.items.length).toEqual(15);
-  expect(result.current.currentPage).toEqual(1);
-  expect(fn).toHaveBeenCalledWith(1, { isFirst: true, isLast: false });
-});
-
-test('useReqorePaging does not return new items and pages when data change', () => {
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result, rerender } = renderHook(
-    ({ itemsPerPage, items }: IReqorePagingOptions<any>) =>
-      useReqorePaging({
-        items,
-        itemsPerPage,
-      }),
-    { wrapper, initialProps: { itemsPerPage: 10, items: data } as IReqorePagingOptions<any> }
-  );
-
-  expect(result.current.pages.length).toEqual(100);
-  expect(result.current.items.length).toEqual(10);
-
-  act(() => {
-    result.current.setPage(5);
-  });
-
-  rerender({ items: [...data] });
-
-  expect(result.current.pages.length).toEqual(100);
-  expect(result.current.items.length).toEqual(10);
-  expect(result.current.currentPage).toEqual(5);
-});
-
-test('useReqorePaging page navigation works correctly', () => {
-  const fn = jest.fn();
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result } = renderHook(
-    ({ itemsPerPage, items }: IReqorePagingOptions<any>) =>
-      useReqorePaging({
-        items,
-        itemsPerPage,
-        infinite: true,
-        onPageChange: fn,
-      }),
-    { wrapper, initialProps: { itemsPerPage: 10, items: data } as IReqorePagingOptions<any> }
-  );
-
-  expect(result.current.pages.length).toEqual(100);
-  expect(result.current.items.length).toEqual(10);
-
-  act(() => {
-    result.current.setPage(2);
-  });
-
-  expect(result.current.currentPage).toEqual(2);
-  expect(fn).toHaveBeenLastCalledWith(2, { isFirst: false, isLast: false });
-
-  act(() => {
-    result.current.next();
-  });
-
-  expect(result.current.currentPage).toEqual(3);
-  expect(fn).toHaveBeenLastCalledWith(3, { isFirst: false, isLast: false });
-
-  act(() => {
-    result.current.last();
-  });
-
-  expect(result.current.isLastPage).toEqual(true);
-  expect(result.current.currentPage).toEqual(100);
-  expect(fn).toHaveBeenLastCalledWith(100, { isFirst: false, isLast: true });
-
-  act(() => {
-    result.current.back();
-  });
-
-  expect(result.current.currentPage).toEqual(99);
-  expect(fn).toHaveBeenLastCalledWith(99, { isFirst: false, isLast: false });
-
-  act(() => {
-    result.current.first();
-  });
-
-  expect(result.current.isFirstPage).toEqual(true);
-  expect(result.current.currentPage).toEqual(1);
-  expect(fn).toHaveBeenLastCalledWith(1, { isFirst: true, isLast: false });
-});
-
-test('useReqorePaging returns correct number of items with infinite loading', () => {
-  const wrapper = ({ children }: any) => <ReqoreUIProvider>{children}</ReqoreUIProvider>;
-  const { result } = renderHook(
-    ({ itemsPerPage, items }: IReqorePagingOptions<any>) =>
-      useReqorePaging({
-        items,
-        itemsPerPage,
-        infinite: true,
-      }),
-    { wrapper, initialProps: { itemsPerPage: 10, items: data } as IReqorePagingOptions<any> }
-  );
-
-  expect(result.current.pages.length).toEqual(100);
-  expect(result.current.items.length).toEqual(10);
-
-  act(() => {
-    result.current.setPage(2);
-  });
-
-  expect(result.current.pages.length).toEqual(100);
-  expect(result.current.items.length).toEqual(20);
-
-  act(() => {
-    result.current.setPage(5);
-  });
-
-  expect(result.current.items.length).toEqual(50);
-  expect(result.current.itemsLeft).toEqual(950);
-  expect(result.current.renderControls).toEqual(true);
-
-  act(() => {
-    result.current.last();
-  });
-
-  expect(result.current.items.length).toEqual(1000);
-  expect(result.current.itemsLeft).toEqual(0);
-  expect(result.current.renderControls).toEqual(false);
-});

package/__tests__/hooks/useTheme.test.tsx

@@ -1,31 +0,0 @@
-import { renderHook } from '@testing-library/react';
-import { ReqoreColors } from '../../src';
-import { DEFAULT_THEME } from '../../src/constants/theme';
-import { useReqoreTheme } from '../../src/hooks/useTheme';
-
-test('useReqoreTheme should return the default theme', () => {
-  const { result } = renderHook(() => useReqoreTheme());
-
-  expect(result.current).toEqual(DEFAULT_THEME);
-});
-
-test('useReqoreTheme should return modified main intent color, original color is preserved', () => {
-  const { result } = renderHook(() => useReqoreTheme('main', { main: 'info' }));
-
-  expect(result.current.main).toEqual(ReqoreColors.BLUE);
-  expect(result.current.originalMain).toEqual(ReqoreColors.DARK_THEME);
-});
-
-test('useReqoreTheme should return modified main custom color, original color is preserved', () => {
-  const { result } = renderHook(() => useReqoreTheme('main', { main: '#7fbb26' }));
-
-  expect(result.current.main).toEqual('#7fbb26');
-  expect(result.current.originalMain).toEqual(ReqoreColors.DARK_THEME);
-});
-
-test('useReqoreTheme should return modified main color if intent is passed, original color is preserved', () => {
-  const { result } = renderHook(() => useReqoreTheme('main', { main: '#7fbb26' }, 'info'));
-
-  expect(result.current.main).toEqual(ReqoreColors.BLUE);
-  expect(result.current.originalMain).toEqual(ReqoreColors.DARK_THEME);
-});

package/__tests__/icon.test.tsx

@@ -1,53 +0,0 @@
-import { fireEvent, render } from '@testing-library/react';
-import React from 'react';
-import { ReqoreContent, ReqoreIcon, ReqoreLayoutContent, ReqoreUIProvider } from '../src';
-
-test('Renders <Icon /> properly', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          <ReqoreIcon icon='AccountBoxFill' />
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-icon').length).toBe(1);
-  expect(document.querySelectorAll('svg').length).toBe(1);
-});
-
-test('Renders empty <Icon /> if icon does not exist', () => {
-  render(
-    <ReqoreUIProvider>
-      <ReqoreLayoutContent>
-        <ReqoreContent>
-          {/*@ts-expect-error*/}
-          <ReqoreIcon icon='SomeNonExistingIcon' />
-        </ReqoreContent>
-      </ReqoreLayoutContent>
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-icon').length).toBe(1);
-  expect(document.querySelector('.reqore-icon').textContent).toBe('');
-  expect(document.querySelectorAll('svg').length).toBe(0);
-});
-
-test('Tooltip on <Icon /> works', () => {
-  jest.useFakeTimers();
-
-  render(
-    <ReqoreUIProvider>
-      <ReqoreIcon icon='24HoursLine' tooltip='test' />
-    </ReqoreUIProvider>
-  );
-
-  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(0);
-
-  fireEvent.mouseEnter(document.querySelectorAll('.reqore-icon')[0]);
-
-  jest.advanceTimersByTime(1);
-
-  expect(document.querySelectorAll('.reqore-popover-content').length).toBe(1);
-});