npm - @databiosphere/findable-ui - Versions diffs - 46.1.3 → 48.1.0 - Mend

@databiosphere/findable-ui 46.1.3 → 48.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1716) hide show

package/src/components/Table/columnDef/globalFilter/utils.ts CHANGED Viewed

@@ -28,7 +28,7 @@ export function parseSearchTerms(value: unknown): string[] {
 export function rankColumnValue<T extends RowData>(
   row: Row<T>,
   columnId: string,
-  terms: string[]
+  terms: string[],
 ): boolean {
   // Get the column value.
   const columnValue = row.getValue(columnId);
@@ -39,7 +39,7 @@ export function rankColumnValue<T extends RowData>(
   // Check if each term matches the column value.
   // Ranking from CASE_SENSITIVE_EQUAL to CONTAINS (excludes `ACRONYM`, `MATCHES` threshold).
   const rankings = terms.map((term) =>
-    rankItem(String(columnValue), term, RANK_ITEM_OPTIONS)
+    rankItem(String(columnValue), term, RANK_ITEM_OPTIONS),
   );
   return rankings.every(({ passed }) => passed);
@@ -55,7 +55,7 @@ export function rankColumnValue<T extends RowData>(
 export function rankRowColumns<T extends RowData>(
   row: Row<T>,
   columnId: string,
-  terms: string[]
+  terms: string[],
 ): void {
   // Process other columns.
   for (const { column } of row.getAllCells()) {

package/src/components/Table/common/typeGuards.ts CHANGED Viewed

@@ -6,7 +6,7 @@ import { Column, RowData } from "@tanstack/react-table";
  * @returns true if the column has a string header.
  */
 export function isStringHeaderColumn<T extends RowData>(
-  column: Column<T>
+  column: Column<T>,
 ): column is Column<T> & { columnDef: { header: string } } {
   return typeof column.columnDef.header === "string";
 }

package/src/components/Table/common/utils.ts CHANGED Viewed

@@ -31,7 +31,7 @@ type PinnedCell<T extends RowData> = [Cell<T, unknown>, number];
  */
 export function buildCategoryViews<T extends RowData>(
   columns: Column<T>[],
-  columnFilters: ColumnFiltersState
+  columnFilters: ColumnFiltersState,
 ): Category[] {
   const categoryViews: Category[] = [];
   for (const column of columns) {
@@ -103,7 +103,7 @@ export function getColumnHeader<T extends RowData>(column: Column<T>): string {
  */
 export function getFacetedUniqueValuesWithArrayValues<T extends RowData>(): (
   table: Table<T>,
-  columnId: string
+  columnId: string,
 ) => () => CountByTerms {
   return (table, columnId) =>
     memo(
@@ -132,7 +132,7 @@ export function getFacetedUniqueValuesWithArrayValues<T extends RowData>(): (
           "getFacetedUniqueValues_" + columnId,
         // eslint-disable-next-line @typescript-eslint/no-empty-function -- allow dummy function for default.
         onChange: () => {},
-      }
+      },
     );
 }
@@ -142,7 +142,7 @@ export function getFacetedUniqueValuesWithArrayValues<T extends RowData>(): (
  * @returns pinned cell and index tuple.
  */
 export function getPinnedCellIndex<T extends RowData>(
-  row: Row<T>
+  row: Row<T>,
 ): PinnedCell<T> {
   const visibleCells = row.getVisibleCells();
   let pinnedIndex = 0;
@@ -168,7 +168,7 @@ export function getPinnedCellIndex<T extends RowData>(
  */
 export function getTableStatePagination(
   pageIndex = 0,
-  pageSize: number
+  pageSize: number,
 ): PaginationState {
   return {
     pageIndex,
@@ -204,7 +204,7 @@ export function isClientFilteringEnabled(exploreMode: ExploreMode): boolean {
  * @returns true if the collapsable row is disabled.
  */
 export function isCollapsableRowDisabled<T extends RowData>(
-  tableInstance: Table<T>
+  tableInstance: Table<T>,
 ): boolean {
   return tableInstance.getVisibleLeafColumns().length === 1;
 }
@@ -222,7 +222,7 @@ export function isCollapsableRowDisabled<T extends RowData>(
 export function sortingFn<T>(
   rowA: Row<T>,
   rowB: Row<T>,
-  columnId: string
+  columnId: string,
 ): number {
   const columnAValue = rowA.getValue(columnId);
   const columnBValue = rowB.getValue(columnId);
@@ -233,7 +233,7 @@ export function sortingFn<T>(
     // https://github.com/TanStack/table/blob/beccddcab001434f3bb11843b3fda72f8b000cc2/packages/table-core/src/sortingFns.ts#L73.
     return basicSort(
       toString(columnAValue[0]).toLowerCase(),
-      toString(columnBValue[0]).toLowerCase()
+      toString(columnBValue[0]).toLowerCase(),
     );
   }
   // Sort other values with React Table's "alphanumeric" compare function.
@@ -284,11 +284,11 @@ function updateFacetedUniqueValues(
   // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see React Table FiltersColumn getFacetedUniqueValues
   facetedUniqueValues: Map<any, number>,
   columnFilters: ColumnFiltersState,
-  columnId: string
+  columnId: string,
 ): void {
   // Grab the selected category values for the specified column.
   const filterStateValues = columnFilters.find(
-    ({ id }) => id === columnId
+    ({ id }) => id === columnId,
   )?.value;
   if (Array.isArray(filterStateValues)) {
     filterStateValues.forEach((term) => {

package/src/components/Table/components/PaginationSummary/paginationSummary.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Fade, Typography } from "@mui/material";
-import React from "react";
+import { JSX } from "react";
 import { TYPOGRAPHY_PROPS } from "../../../../styles/common/mui/typography";
 import { TEST_IDS } from "../../../../tests/testIds";

package/src/components/Table/components/TableBody/tableBody.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { TableBody as MTableBody } from "@mui/material";
 import { Row, RowData, Table } from "@tanstack/react-table";
 import { Virtualizer } from "@tanstack/react-virtual";
-import React from "react";
+import { JSX } from "react";
 import { ROW_DIRECTION } from "../../common/entities";
 import { CollapsableRows } from "../TableRows/components/CollapsableRows/collapsableRows";
 import { VirtualizedRow } from "../TableRows/components/VirtualizedRow/virtualizedRow";

package/src/components/Table/components/TableCell/common/utils.ts CHANGED Viewed

@@ -9,7 +9,7 @@ import { COLUMN_IDENTIFIER } from "../../../common/columnIdentifier";
  * @returns table cell alignment.
  */
 export function getTableCellAlign<T extends RowData, TValue>(
-  column: Column<T, TValue>
+  column: Column<T, TValue>,
 ): TableCellProps["align"] {
   return column.columnDef.meta?.align;
 }
@@ -20,7 +20,7 @@ export function getTableCellAlign<T extends RowData, TValue>(
  * @returns table cell padding.
  */
 export function getTableCellPadding<T extends RowData, TValue>(
-  id: CoreHeader<T, TValue>["id"] | CoreCell<T, TValue>["id"]
+  id: CoreHeader<T, TValue>["id"] | CoreCell<T, TValue>["id"],
 ): TableCellProps["padding"] {
   switch (id) {
     case COLUMN_IDENTIFIER.ROW_POSITION:

package/src/components/Table/components/TableCell/components/BasicCell/basicCell.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Typography } from "@mui/material";
-import React, { Fragment, ReactNode } from "react";
+import { JSX, Fragment, ReactNode } from "react";
 import { LABEL } from "../../../../../../apis/azul/common/entities";
 import { TYPOGRAPHY_PROPS } from "../../../../../../styles/common/mui/typography";
 import { TypographyProps } from "../../../../../common/Typography/common/entities";

package/src/components/Table/components/TableCell/components/ChipCell/chipCell.tsx CHANGED Viewed

@@ -1,11 +1,11 @@
 import { Chip, ChipProps } from "@mui/material";
 import { CellContext, RowData } from "@tanstack/react-table";
-import React from "react";
+import { JSX } from "react";
 import { BaseComponentProps } from "../../../../../types";
 export const ChipCell = <
   T extends RowData,
-  TValue extends ChipProps = ChipProps
+  TValue extends ChipProps = ChipProps,
 >({
   className,
   getValue,

package/src/components/Table/components/TableCell/components/CodeCell/codeCell.tsx CHANGED Viewed

@@ -1,12 +1,12 @@
 import { CellContext, RowData } from "@tanstack/react-table";
-import React, { ReactNode } from "react";
+import { JSX, ReactNode } from "react";
 import { CHIP_PROPS } from "../../../../../../styles/common/mui/chip";
 import { BaseComponentProps } from "../../../../../types";
 import { StyledChip } from "./codeCell.styles";
 export const CodeCell = <
   T extends RowData,
-  TValue extends ReactNode = ReactNode
+  TValue extends ReactNode = ReactNode,
 >({
   className,
   getValue,

package/src/components/Table/components/TableCell/components/CollapsableCell/collapsableCell.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Collapse, IconButton, Typography } from "@mui/material";
 import { Cell, flexRender, Row, RowData } from "@tanstack/react-table";
-import React from "react";
+import { JSX } from "react";
 import { TYPOGRAPHY_PROPS } from "../../../../../../styles/common/mui/typography";
 import { UnfoldMoreIcon } from "../../../../../common/CustomIcon/components/UnfoldMoreIcon/unfoldMoreIcon";
 import { getPinnedCellIndex } from "../../../../common/utils";
@@ -70,7 +70,7 @@ export const CollapsableCell = <T extends RowData>({
  * @returns row or sub row visible cells.
  */
 function getRowVisibleCells<T extends RowData>(
-  row: Row<T>
+  row: Row<T>,
 ): Cell<T, unknown>[] {
   if (row.getIsGrouped()) {
     return row.subRows.map(({ getVisibleCells }) => getVisibleCells()).flat();

package/src/components/Table/components/TableCell/components/LinkCell/linkCell.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import { LinkProps, Link as MLink, Typography } from "@mui/material";
 import { CellContext, RowData } from "@tanstack/react-table";
 import { BaseComponentProps } from "components/types";
-import React from "react";
+import { JSX } from "react";
 import { isValidUrl } from "../../../../../../common/utils";
 import { TYPOGRAPHY_PROPS } from "../../../../../../styles/common/mui/typography";
 import { isClientSideNavigation } from "../../../../../Links/common/utils";
@@ -9,7 +9,7 @@ import { getComponent, getRelAttribute, getTargetAttribute } from "./utils";
 export const LinkCell = <
   T extends RowData,
-  TValue extends LinkProps = LinkProps
+  TValue extends LinkProps = LinkProps,
 >({
   className,
   getValue,

package/src/components/Table/components/TableCell/components/LinkCell/stories/linkCell.stories.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
 import { LinkCell } from "../linkCell";
 import {
   CLIENT_SIDE_ARGS,

package/src/components/Table/components/TableCell/components/LinkCell/utils.ts CHANGED Viewed

@@ -30,7 +30,7 @@ export function getComponent(href: string, isClientSide: boolean): ElementType {
  */
 export function getRelAttribute(
   rel: string | undefined,
-  isClientSideNavigation: boolean
+  isClientSideNavigation: boolean,
 ): string {
   if (rel) {
     assertAnchorRelAttribute(rel);
@@ -49,7 +49,7 @@ export function getRelAttribute(
  */
 export function getTargetAttribute(
   target: string | undefined,
-  isClientSideNavigation: boolean
+  isClientSideNavigation: boolean,
 ): string {
   if (target) {
     assertAnchorTargetAttribute(target);

package/src/components/Table/components/TableCell/components/MarkdownCell/markdownCell.styles.ts CHANGED Viewed

@@ -8,7 +8,9 @@ export const StyledMarkdownRenderer = styled(MarkdownRenderer)`
   code {
     all: unset;
     font: inherit;
-    font-family: Roboto Mono, monospace;
+    font-family:
+      Roboto Mono,
+      monospace;
   }
   h2,

package/src/components/Table/components/TableCell/components/MarkdownCell/markdownCell.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import { CellContext, RowData } from "@tanstack/react-table";
-import React from "react";
+import { JSX } from "react";
 import { COMPONENTS } from "../../../../../MarkdownRenderer/constants";
 import { BaseComponentProps } from "../../../../../types";
 import { getTokens, getTokensRegex, isRankedCell } from "../RankedCell/utils";
@@ -7,7 +7,7 @@ import { StyledMarkdownRenderer } from "./markdownCell.styles";
 export const MarkdownCell = <
   T extends RowData,
-  TValue extends string = string
+  TValue extends string = string,
 >({
   className,
   column,

package/src/components/Table/components/TableCell/components/MarkdownCell/stories/markdownCell.stories.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Box } from "@mui/material";
-import { Meta, StoryObj } from "@storybook/react";
-import React from "react";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { JSX } from "react";
 import { PALETTE } from "../../../../../../../styles/common/constants/palette";
 import { MarkdownCell } from "../markdownCell";
 import { DEFAULT_ARGS, WITH_HTML_ARGS } from "./args";

package/src/components/Table/components/TableCell/components/NTagCell/components/NTag/components/Tooltip/tooltip.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import {
 } from "@mui/material";
 import { detectOverflow } from "@popperjs/core";
 import { State } from "@popperjs/core/lib/types";
-import React, { useMemo, useState } from "react";
+import { JSX, useMemo, useState } from "react";
 import { TooltipContent } from "./tooltip.styles";
 const DEFAULT_FLIP_MODIFIER = {
@@ -47,7 +47,7 @@ export const Tooltip = ({
       DEFAULT_FLIP_MODIFIER,
       DEFAULT_PREVENT_OVERFLOW_MODIFIER,
     ],
-    []
+    [],
   );
   return (
     <MTooltip

package/src/components/Table/components/TableCell/components/NTagCell/components/NTag/nTag.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { ReactElement } from "react";
+import { JSX, ReactElement } from "react";
 import { Tooltip } from "./components/Tooltip/tooltip";
 export interface NTagProps {

package/src/components/Table/components/TableCell/components/NTagCell/nTagCell.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import {
   ChipProps as MChipProps,
   Typography,
 } from "@mui/material";
-import React, { forwardRef } from "react";
+import { JSX, forwardRef } from "react";
 import { TYPOGRAPHY_PROPS } from "../../../../../../styles/common/mui/typography";
 import { TypographyProps } from "../../../../../common/Typography/common/entities";
 import { NTag } from "./components/NTag/nTag";

package/src/components/Table/components/TableCell/components/RankedCell/rankedCell.tsx CHANGED Viewed

@@ -1,11 +1,11 @@
 import { CellContext, RowData } from "@tanstack/react-table";
-import React, { Fragment } from "react";
+import { Fragment, JSX } from "react";
 import { BaseComponentProps, ChildrenProps } from "../../../../../types";
 import { getTokens, getTokensRegex, isRankedCell } from "./utils";
 export const RankedCell = <
   T extends RowData,
-  TValue = string | undefined | null
+  TValue = string | undefined | null,
 >({
   /* children - e.g. AnchorLink component */
   children,

package/src/components/Table/components/TableCell/components/RankedCell/utils.ts CHANGED Viewed

@@ -33,7 +33,7 @@ export function getTokensRegex(tokens: string[]): RegExp {
 export function isRankedCell<T extends RowData>(
   table: Table<T>,
   row: Row<T>,
-  columnId: string
+  columnId: string,
 ): boolean {
   const { getState } = table;
   const { globalFilter } = getState();

package/src/components/Table/components/TableCell/components/RowPositionCell/rowPositionCell.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Typography } from "@mui/material";
 import { CellContext, RowData } from "@tanstack/react-table";
-import React from "react";
+import { JSX } from "react";
 import { BaseComponentProps } from "../../../../../types";
 import { TYPOGRAPHY_PROPS } from "./constants";

package/src/components/Table/components/TableCell/components/RowSelectionCell/rowSelectionCell.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Checkbox as MCheckbox, Tooltip } from "@mui/material";
 import { CellContext, RowData } from "@tanstack/react-table";
-import React from "react";
+import { JSX } from "react";
 import { CheckedIcon } from "../../../../../common/CustomIcon/components/CheckedIcon/checkedIcon";
 import { UncheckedDisabledIcon } from "../../../../../common/CustomIcon/components/UncheckedDisabledIcon/uncheckedDisabledIcon";
 import { UncheckedIcon } from "../../../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon";

package/src/components/Table/components/TableFeatures/ColumnFilter/columnFilter.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Grid, Typography } from "@mui/material";
 import { RowData } from "@tanstack/react-table";
-import React, { Fragment, useCallback } from "react";
+import { JSX, Fragment, useCallback } from "react";
 import { BUTTON_PROPS } from "../../../../../styles/common/mui/button";
 import { SVG_ICON_PROPS } from "../../../../../styles/common/mui/svgIcon";
 import { TYPOGRAPHY_PROPS } from "../../../../../styles/common/mui/typography";
@@ -42,7 +42,7 @@ export const ColumnFilter = <T extends RowData>({
     (value: unknown) => {
       column.setFilterValue(updater(value));
     },
-    [column]
+    [column],
   );
   return (

package/src/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/columnFilterTag.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { CloseRounded } from "@mui/icons-material";
 import { RowData } from "@tanstack/react-table";
-import React, { Fragment } from "react";
+import { Fragment, JSX } from "react";
 import { updater } from "../../../../../components/TableFeatures/ColumnFilter/utils";
 import { StyledChip } from "./columnFilterTag.styles";
 import { CHIP_PROPS, SVG_ICON_PROPS } from "./constants";

package/src/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/stories/columFilterTag.stories.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
 import { Box } from "@mui/material";
-import { Meta, StoryObj } from "@storybook/react";
-import React from "react";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+import { Column } from "@tanstack/react-table";
+import { JSX } from "react";
 import { BIONETWORK } from "../../../../../../../DataDictionary/components/Filters/stories/constants";
 import { ColumnFilterTag } from "../columnFilterTag";
@@ -21,6 +22,6 @@ type Story = StoryObj<typeof meta>;
 export const Default: Story = {
   args: {
-    column: BIONETWORK,
+    column: BIONETWORK as Column<unknown>,
   },
 };

package/src/components/Table/components/TableFeatures/ColumnFilter/components/ColumnFilterTag/types.ts CHANGED Viewed

@@ -3,7 +3,6 @@ import { Column, RowData } from "@tanstack/react-table";
 import { BaseComponentProps } from "../../../../../../types";
 export interface ColumnFilterTagProps<T extends RowData>
-  extends BaseComponentProps,
-    ChipProps {
+  extends BaseComponentProps, ChipProps {
   column: Column<T>;
 }

package/src/components/Table/components/TableFeatures/ColumnFilter/types.ts CHANGED Viewed

@@ -4,8 +4,7 @@ import { BaseComponentProps } from "../../../../types";
 import { StyledButton } from "./columnFilter.styles";
 export interface ColumnFilterProps<T extends RowData>
-  extends BaseComponentProps,
-    Omit<MenuProps, "anchorEl" | "onClose" | "open"> {
+  extends BaseComponentProps, Omit<MenuProps, "anchorEl" | "onClose" | "open"> {
   Button?: typeof StyledButton;
   column: Column<T>;
 }

package/src/components/Table/components/TableFeatures/ColumnFilter/utils.ts CHANGED Viewed

@@ -4,7 +4,7 @@
  * @returns An updater function that returns the new filter value.
  */
 export function updater(
-  value: unknown
+  value: unknown,
 ): (old: unknown[] | undefined) => unknown[] | undefined {
   return (old: unknown[] | undefined) => {
     // If no old value, return new value.

package/src/components/Table/components/TableFeatures/ColumnGrouping/utils.ts CHANGED Viewed

@@ -10,7 +10,7 @@ import { buildColumnSort } from "../RowSorting/utils";
  * @param table - Table.
  */
 export function handleClearGroupingState<T extends RowData>(
-  table: Table<T>
+  table: Table<T>,
 ): void {
   const {
     options: { enableSorting },
@@ -40,7 +40,7 @@ export function handleClearGroupingState<T extends RowData>(
  */
 export function handleToggleGrouping<T extends RowData>(
   table: Table<T>,
-  column: Column<T>
+  column: Column<T>,
 ): void {
   const {
     options: { enableSorting },

package/src/components/Table/components/TableFeatures/ColumnVisibility/utils.ts CHANGED Viewed

@@ -9,7 +9,7 @@ import { RowData, Table, VisibilityState } from "@tanstack/react-table";
  * @param table - Table.
  */
 export function handleResetVisibilityState<T extends RowData>(
-  table: Table<T>
+  table: Table<T>,
 ): void {
   const { getState, initialState, resetColumnVisibility, setColumnVisibility } =
     table;

package/src/components/Table/components/TableFeatures/GlobalFilter/globalFilter.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import { RowData } from "@tanstack/react-table";
-import React from "react";
+import { JSX } from "react";
 import { ClearInputAdornment } from "../../../../common/OutlinedInput/components/InputAdornment/components/ClearInputAdornment/clearInputAdornment";
 import { SearchInputAdornment } from "../../../../common/OutlinedInput/components/InputAdornment/components/SearchInputAdornment/searchInputAdornment";
 import { StyledOutlinedInput } from "../../../../common/OutlinedInput/outlinedInput.styles";

package/src/components/Table/components/TableFeatures/GlobalFilter/types.ts CHANGED Viewed

@@ -3,7 +3,6 @@ import { RowData, Table } from "@tanstack/react-table";
 import { BaseComponentProps } from "components/types";
 export interface GlobalFilterProps<T extends RowData>
-  extends BaseComponentProps,
-    OutlinedInputProps {
+  extends BaseComponentProps, OutlinedInputProps {
   table: Table<T>;
 }

package/src/components/Table/components/TableFeatures/RowSorting/utils.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import { MouseEvent } from "react";
  * @returns `ColumnSort` object with sorting direction and column ID.
  */
 export function buildColumnSort<T extends RowData>(
-  column: Column<T>
+  column: Column<T>,
 ): ColumnSort {
   return { desc: column.getFirstSortDir() === "desc", id: column.id };
 }
@@ -35,7 +35,7 @@ export function buildColumnSort<T extends RowData>(
 export function handleToggleSorting<T extends RowData>(
   mouseEvent: MouseEvent,
   table: Table<T>,
-  column: Column<T>
+  column: Column<T>,
 ): void {
   const {
     getColumn,

package/src/components/Table/components/TableFeatures/TableDownload/tableDownload.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import { RowData } from "@tanstack/react-table";
-import React from "react";
+import { JSX } from "react";
 import { BUTTON_PROPS } from "../../../../common/Button/constants";
 import { DownloadIcon } from "../../../../common/CustomIcon/components/DownloadIcon/downloadIcon";
 import { StyledButton } from "./tableDownload.styles";

package/src/components/Table/components/TableFeatures/TableDownload/types.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 import { RowData, Table } from "@tanstack/react-table";
 import { BaseComponentProps } from "../../../../types";
-export interface TableDownloadProps<T extends RowData>
-  extends BaseComponentProps {
+export interface TableDownloadProps<
+  T extends RowData,
+> extends BaseComponentProps {
   table: Table<T>;
 }

package/src/components/Table/components/TableHead/components/HeadSelectionCell/headSelectionCell.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Checkbox } from "@mui/material";
 import { HeaderContext, RowData } from "@tanstack/react-table";
-import React from "react";
+import { JSX } from "react";
 import { CheckedIcon } from "../../../../../common/CustomIcon/components/CheckedIcon/checkedIcon";
 import { IndeterminateIcon } from "../../../../../common/CustomIcon/components/IndeterminateIcon/indeterminateIcon";
 import { UncheckedIcon } from "../../../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon";

package/src/components/Table/components/TableHead/tableHead.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ import {
   TableSortLabel,
 } from "@mui/material";
 import { flexRender, RowData } from "@tanstack/react-table";
-import React, { Fragment } from "react";
+import { Fragment, JSX } from "react";
 import { Tooltip } from "../../../DataDictionary/components/Tooltip/tooltip";
 import {
   getTableCellAlign,

package/src/components/Table/components/TableHead/utils.ts CHANGED Viewed

@@ -34,7 +34,7 @@ export function isSortDisabled<T extends RowData>(table: Table<T>): boolean {
  */
 export function shouldSortColumn<T extends RowData>(
   table: Table<T>,
-  column: Column<T>
+  column: Column<T>,
 ): boolean {
   const { enableSortingInteraction } = table.options;
   const canSort = column.getCanSort();

package/src/components/Table/components/TablePagination/stories/args.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { fn } from "@storybook/test";
 import { ComponentProps } from "react";
+import { fn } from "storybook/test";
 import { TablePagination } from "../tablePagination";
 export const DEFAULT_ARGS: ComponentProps<typeof TablePagination> = {

package/src/components/Table/components/TablePagination/stories/tablePagination.stories.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
 import { TablePagination } from "../tablePagination";
 import { DEFAULT_ARGS } from "./args";

package/src/components/Table/components/TablePagination/tablePagination.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { EastRounded, WestRounded } from "@mui/icons-material";
 import { IconButton, tablePaginationClasses, Typography } from "@mui/material";
-import React from "react";
+import { JSX } from "react";
 import { ICON_BUTTON_PROPS } from "../../../../styles/common/mui/iconButton";
 import { SVG_ICON_PROPS } from "../../../../styles/common/mui/svgIcon";
 import { TYPOGRAPHY_PROPS } from "../../../../styles/common/mui/typography";

package/src/components/Table/components/TableRows/components/CollapsableRows/collapsableRows.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Row, RowData, Table } from "@tanstack/react-table";
 import { Virtualizer } from "@tanstack/react-virtual";
-import React, { Fragment } from "react";
+import { Fragment, JSX } from "react";
 import { isCollapsableRowDisabled } from "../../../../common/utils";
 import { CollapsableCell } from "../../../TableCell/components/CollapsableCell/collapsableCell";
 import { StyledTableRow } from "./collapsableRows.styles";