@databiosphere/findable-ui 30.0.0 → 32.0.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "30.0.0"
+  ".": "32.0.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## [32.0.0](https://github.com/DataBiosphere/findable-ui/compare/v31.0.0...v32.0.0) (2025-05-19)
+
+
+### ⚠ BREAKING CHANGES
+
+* ove rehype-raw, rehype-react, rehype-sanitize, remark-gfm, remark-rehype from dev-dependency to peer ([#481](https://github.com/DataBiosphere/findable-ui/issues/481)) (#482)
+
+### Bug Fixes
+
+* ove rehype-raw, rehype-react, rehype-sanitize, remark-gfm, remark-rehype from dev-dependency to peer ([#481](https://github.com/DataBiosphere/findable-ui/issues/481)) ([#482](https://github.com/DataBiosphere/findable-ui/issues/482)) ([a6dfd0f](https://github.com/DataBiosphere/findable-ui/commit/a6dfd0fa5ac9fe5e8da2bf8e83ae06868f962f95))
+
+## [31.0.0](https://github.com/DataBiosphere/findable-ui/compare/v30.0.0...v31.0.0) (2025-05-15)
+
+
+### ⚠ BREAKING CHANGES
+
+* create data dictionary table cell for displaying markdown ([#453](https://github.com/DataBiosphere/findable-ui/issues/453)) (#480)
+* make data dictionary config generic with attribute as default ([#476](https://github.com/DataBiosphere/findable-ui/issues/476)) (#477)
+
+### Features
+
+* create data dictionary table cell for displaying markdown ([#453](https://github.com/DataBiosphere/findable-ui/issues/453)) ([#480](https://github.com/DataBiosphere/findable-ui/issues/480)) ([4ee16e7](https://github.com/DataBiosphere/findable-ui/commit/4ee16e75e66dd56d126ed01773364d6fe5a32ab7))
+* make data dictionary config generic with attribute as default ([#476](https://github.com/DataBiosphere/findable-ui/issues/476)) ([#477](https://github.com/DataBiosphere/findable-ui/issues/477)) ([723585d](https://github.com/DataBiosphere/findable-ui/commit/723585de6e6380eccd5d39f72cbc0aa6db1fc398))
+
 ## [30.0.0](https://github.com/DataBiosphere/findable-ui/compare/v29.0.2...v30.0.0) (2025-05-13)
 
 

package/lib/common/entities.d.ts

@@ -1,5 +1,4 @@
-import { ColumnDef } from "@tanstack/react-table";
-import { GridTrackSize } from "../config/entities";
+import { ColumnDef, RowData } from "@tanstack/react-table";
 /**
  * Model of a value of a metadata class.
  */
@@ -17,10 +16,6 @@ export interface Attribute {
     title: string;
     values?: string;
 }
-/**
- * Model of attribute key types; used mostly when building data dictionary column definitions.
- */
-export type AttributeValueTypes<TValue = unknown> = TValue;
 /**
  * Filterable metadata keys.
  */
@@ -36,8 +31,8 @@ export interface CategoryTag {
 /**
  * Model of a metadata class, to be specified manually or built from LinkML schema.
  */
-export interface Class {
-    attributes: Attribute[];
+export interface Class<T extends RowData = Attribute> {
+    attributes: T[];
     description: string;
     name: string;
     title: string;
@@ -54,36 +49,23 @@ export type DataDictionaryPrefix = Record<string, string>;
 /**
  * Model of a metadata dictionary containing a set of classes and their definitions.
  */
-export interface DataDictionary {
+export interface DataDictionary<T extends RowData = Attribute> {
     annotations?: {
         [key in keyof DataDictionaryPrefix]: string;
     };
-    classes: Class[];
+    classes: Class<T>[];
     description?: string;
     name: string;
     prefixes?: DataDictionaryPrefix;
     title: string;
 }
-/**
- * Display model of a data dictionary column.
- */
-export interface DataDictionaryColumnDef {
-    attributeAccessorFnName?: string;
-    attributeCellName?: string;
-    attributeDisplayName: string;
-    attributeSlotName: string;
-    width: Omit<GridTrackSize, "GridTrackMinMax"> | {
-        max: string;
-        min: string;
-    };
-}
 /**
  * Configuration of data dictionary; contains schema definition (that is, the actual data
  * dictionary) as well as column def for displaying the data dictionary.
  */
-export interface DataDictionaryConfig {
-    columnDefs: ColumnDef<Attribute, AttributeValueTypes>[];
-    dataDictionary: DataDictionary;
+export interface DataDictionaryConfig<T extends RowData = Attribute> {
+    columnDefs: ColumnDef<T, T[keyof T]>[];
+    dataDictionary: DataDictionary<T>;
 }
 /**
  * Label and description values from a data dictionary that are added to a site

package/lib/components/DataDictionary/components/Entities/entities.d.ts

@@ -1,2 +1,4 @@
+import { RowData } from "@tanstack/react-table";
+import { Attribute } from "../../../../common/entities";
 import { ClassesProps } from "./types";
-export declare const Entities: ({ classes, columnDefs, spacing, }: ClassesProps) => JSX.Element;
+export declare const Entities: <T extends RowData = Attribute>({ classes, columnDefs, spacing, }: ClassesProps<T>) => JSX.Element;

package/lib/components/DataDictionary/components/Entities/entities.js

@@ -3,5 +3,5 @@ import React from "react";
 import { Entity } from "../Entity/entity";
 import { GRID_PROPS } from "./constants";
 export const Entities = ({ classes, columnDefs, spacing, }) => {
-    return (React.createElement(Grid, { ...GRID_PROPS }, classes.map((classData) => (React.createElement(Entity, { key: classData.name, class: classData, columnDefs: columnDefs, spacing: spacing })))));
+    return (React.createElement(Grid, { ...GRID_PROPS }, classes.map((cls) => (React.createElement(Entity, { key: cls.name, class: cls, columnDefs: columnDefs, spacing: spacing })))));
 };

package/lib/components/DataDictionary/components/Entities/types.d.ts

@@ -1,8 +1,8 @@
-import { ColumnDef } from "@tanstack/react-table";
-import { Attribute, AttributeValueTypes, Class } from "../../../../common/entities";
+import { ColumnDef, RowData } from "@tanstack/react-table";
+import { Attribute, Class } from "../../../../common/entities";
 import { LayoutSpacing } from "../../hooks/UseLayoutSpacing/types";
-export interface ClassesProps {
-    classes: Class[];
-    columnDefs: ColumnDef<Attribute, AttributeValueTypes>[];
+export interface ClassesProps<T extends RowData = Attribute> {
+    classes: Class<T>[];
+    columnDefs: ColumnDef<T, T[keyof T]>[];
     spacing?: LayoutSpacing;
 }

package/lib/components/DataDictionary/components/Entity/entity.d.ts

@@ -1,2 +1,4 @@
+import { RowData } from "@tanstack/react-table";
+import { Attribute } from "../../../../common/entities";
 import { EntityProps } from "./types";
-export declare const Entity: ({ class: classData, columnDefs, spacing, }: EntityProps) => JSX.Element;
+export declare const Entity: <T extends RowData = Attribute>({ class: cls, columnDefs, spacing, }: EntityProps<T>) => JSX.Element;

package/lib/components/DataDictionary/components/Entity/entity.js

@@ -6,14 +6,14 @@ import { useTable } from "../Table/hook";
 import { Table } from "../Table/table";
 import { GRID_PROPS } from "./constants";
 import { StyledTypography } from "./entity.styles";
-export const Entity = ({ class: classData, columnDefs, spacing, }) => {
-    const table = useTable(classData.attributes, columnDefs);
+export const Entity = ({ class: cls, columnDefs, spacing, }) => {
+    const table = useTable(cls.attributes, columnDefs);
     return (React.createElement(Grid, { ...GRID_PROPS, rowGap: 4 },
         React.createElement(Grid, { ...GRID_PROPS, rowGap: 1 },
-            React.createElement(StyledTypography, { component: "h3", id: classData.name, variant: TYPOGRAPHY_PROPS.VARIANT.TEXT_HEADING_SMALL, ...spacing },
-                classData.title,
+            React.createElement(StyledTypography, { component: "h3", id: cls.name, variant: TYPOGRAPHY_PROPS.VARIANT.TEXT_HEADING_SMALL, ...spacing },
+                cls.title,
                 " ",
-                React.createElement(AnchorLink, { anchorLink: classData.name })),
-            React.createElement(Typography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, component: "div", variant: TYPOGRAPHY_PROPS.VARIANT.TEXT_BODY_400_2_LINES }, classData.description)),
+                React.createElement(AnchorLink, { anchorLink: cls.name })),
+            React.createElement(Typography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, component: "div", variant: TYPOGRAPHY_PROPS.VARIANT.TEXT_BODY_400_2_LINES }, cls.description)),
         React.createElement(Table, { table: table })));
 };

package/lib/components/DataDictionary/components/Entity/types.d.ts

@@ -1,8 +1,8 @@
-import { ColumnDef } from "@tanstack/react-table";
-import { Attribute, AttributeValueTypes, Class } from "../../../../common/entities";
+import { ColumnDef, RowData } from "@tanstack/react-table";
+import { Attribute, Class } from "../../../../common/entities";
 import { LayoutSpacing } from "../../hooks/UseLayoutSpacing/types";
-export interface EntityProps {
-    class: Class;
-    columnDefs: ColumnDef<Attribute, AttributeValueTypes>[];
+export interface EntityProps<T extends RowData = Attribute> {
+    class: Class<T>;
+    columnDefs: ColumnDef<T, T[keyof T]>[];
     spacing?: LayoutSpacing;
 }

package/lib/components/DataDictionary/components/Layout/components/EntitiesLayout/entitiesLayout.styles.d.ts

@@ -1,5 +1,5 @@
 import { LayoutSpacing } from "../../../../hooks/UseLayoutSpacing/types";
 export declare const Layout: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & LayoutSpacing, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataDictionary/components/Layout/components/OutlineLayout/outlineLayout.styles.d.ts

@@ -1,9 +1,9 @@
 import { LayoutSpacing } from "../../../../hooks/UseLayoutSpacing/types";
 export declare const Layout: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & LayoutSpacing, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const LayoutScroller: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataDictionary/components/Layout/components/TitleLayout/titleLayout.styles.d.ts

@@ -1,5 +1,5 @@
 import { LayoutSpacing } from "../../../../hooks/UseLayoutSpacing/types";
 export declare const Layout: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & LayoutSpacing, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataDictionary/components/Outline/utils.d.ts

@@ -1,8 +1,9 @@
-import { Class } from "../../../../common/entities";
+import { RowData } from "@tanstack/react-table";
+import { Attribute, Class } from "../../../../common/entities";
 import { OutlineItem } from "../../../Layout/components/Outline/types";
 /**
  * Returns outline items from classes.
  * @param classes - Class entities.
  * @returns Outline items.
  */
-export declare function buildClassesOutline(classes: Class[]): OutlineItem[];
+export declare function buildClassesOutline<T extends RowData = Attribute>(classes: Class<T>[]): OutlineItem[];

package/lib/components/DataDictionary/components/Table/components/BasicCell/basicCell.d.ts

@@ -1,3 +1,3 @@
 import { CellContext, RowData } from "@tanstack/react-table";
-import React, { ReactNode } from "react";
-export declare const BasicCell: <T extends RowData, TValue extends ReactNode = React.ReactNode>({ getValue, }: CellContext<T, TValue>) => JSX.Element | null;
+import { ReactNode } from "react";
+export declare const BasicCell: <T extends RowData, TValue extends ReactNode = ReactNode>({ getValue, }: CellContext<T, TValue>) => JSX.Element | null;

package/lib/components/DataDictionary/components/Table/hook.d.ts

@@ -1,3 +1,3 @@
-import { ColumnDef, Table } from "@tanstack/react-table";
-import { Attribute, AttributeValueTypes } from "../../../../common/entities";
-export declare const useTable: (data: Attribute[], columnDefs: ColumnDef<Attribute, AttributeValueTypes>[]) => Table<Attribute>;
+import { ColumnDef, RowData, Table } from "@tanstack/react-table";
+import { Attribute } from "../../../../common/entities";
+export declare const useTable: <T extends RowData = Attribute>(data: T[], columnDefs: ColumnDef<T, T[keyof T]>[]) => Table<T>;

package/lib/components/DataDictionary/components/Table/hook.js

@@ -1,7 +1,9 @@
-import { useReactTable } from "@tanstack/react-table";
+import { useReactTable, } from "@tanstack/react-table";
 import { useTableOptions } from "./options/hook";
 export const useTable = (data, columnDefs) => {
+    // Table options.
     const tableOptions = useTableOptions();
+    // Table instance.
     return useReactTable({
         ...tableOptions,
         columns: columnDefs,

package/lib/components/DataDictionary/components/Table/options/core/constants.d.ts

@@ -1,3 +1,2 @@
-import { CoreOptions } from "@tanstack/react-table";
-import { Attribute } from "../../../../../../common/entities";
-export declare const CORE_OPTIONS: Pick<CoreOptions<Attribute>, "_features" | "getCoreRowModel">;
+import { CoreOptions, RowData } from "@tanstack/react-table";
+export declare const CORE_OPTIONS: Pick<CoreOptions<RowData>, "_features" | "getCoreRowModel">;

package/lib/components/DataDictionary/components/Table/options/hook.d.ts

@@ -1,3 +1,3 @@
-import { TableOptions } from "@tanstack/react-table";
+import { RowData, TableOptions } from "@tanstack/react-table";
 import { Attribute } from "../../../../../common/entities";
-export declare const useTableOptions: () => Omit<TableOptions<Attribute>, "columns" | "data">;
+export declare const useTableOptions: <T extends RowData = Attribute>() => Omit<TableOptions<T>, "columns" | "data">;

package/lib/components/DataDictionary/components/Table/options/sorting/constants.d.ts

@@ -1,3 +1,2 @@
-import { SortingOptions } from "@tanstack/react-table";
-import { Attribute } from "../../../../../../common/entities";
-export declare const SORTING_OPTIONS: Pick<SortingOptions<Attribute>, "enableSorting">;
+import { RowData, SortingOptions } from "@tanstack/react-table";
+export declare const SORTING_OPTIONS: Pick<SortingOptions<RowData>, "enableSorting">;

package/lib/components/DataDictionary/components/Table/table.d.ts

@@ -1,2 +1,3 @@
+import { RowData } from "@tanstack/react-table";
 import { TableProps } from "./types";
-export declare const Table: ({ table }: TableProps) => JSX.Element;
+export declare const Table: <T extends RowData>({ table, }: TableProps<T>) => JSX.Element;

package/lib/components/DataDictionary/components/Table/table.js

@@ -7,7 +7,7 @@ import { GridTable } from "../../../Table/table.styles";
 import { getColumnTrackSizing } from "../../../TableCreator/options/columnTrackSizing/utils";
 import { GridPaper } from "../../../common/Paper/paper.styles";
 import { StyledRoundedPaper } from "./table.styles";
-export const Table = ({ table }) => {
+export const Table = ({ table, }) => {
     return (React.createElement(StyledRoundedPaper, { variant: "table" },
         React.createElement(GridPaper, null,
             React.createElement(TableContainer, null,

package/lib/components/DataDictionary/components/Table/types.d.ts

@@ -1,5 +1,4 @@
-import { Table } from "@tanstack/react-table";
-import { Attribute } from "../../../../common/entities";
-export interface TableProps {
-    table: Table<Attribute>;
+import { RowData, Table } from "@tanstack/react-table";
+export interface TableProps<T extends RowData> {
+    table: Table<T>;
 }

package/lib/components/DataDictionary/dataDictionary.d.ts

@@ -1,2 +1,4 @@
+import { RowData } from "@tanstack/react-table";
+import { Attribute } from "../../common/entities";
 import { DataDictionaryProps } from "./types";
-export declare const DataDictionary: ({ className, EntitiesLayout, Outline, OutlineLayout, Title, TitleLayout, }: DataDictionaryProps) => JSX.Element;
+export declare const DataDictionary: <T extends RowData = Attribute>({ className, EntitiesLayout, Outline, OutlineLayout, Title, TitleLayout, }: DataDictionaryProps) => JSX.Element;

package/lib/components/DataDictionary/dataDictionary.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const grid: import("@emotion/react").SerializedStyles;
 export declare const View: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/DataDictionary/hooks/UseDataDictionary/hook.d.ts

@@ -1,2 +1,4 @@
+import { RowData } from "@tanstack/react-table";
+import { Attribute } from "../../../../common/entities";
 import { UseDataDictionary } from "./types";
-export declare const useDataDictionary: () => UseDataDictionary;
+export declare const useDataDictionary: <T extends RowData = Attribute>() => UseDataDictionary<T>;

package/lib/components/DataDictionary/hooks/UseDataDictionary/types.d.ts

@@ -1,6 +1,6 @@
-import { ColumnDef } from "@tanstack/react-table";
-import { Attribute, AttributeValueTypes, Class } from "../../../../common/entities";
-export interface UseDataDictionary {
-    classes: Class[];
-    columnDefs: ColumnDef<Attribute, AttributeValueTypes>[];
+import { ColumnDef, RowData } from "@tanstack/react-table";
+import { Attribute, Class } from "../../../../common/entities";
+export interface UseDataDictionary<T extends RowData = Attribute> {
+    classes: Class<T>[];
+    columnDefs: ColumnDef<T, T[keyof T]>[];
 }

package/lib/components/Error/error.styles.d.ts

@@ -3,7 +3,7 @@ interface Props {
 }
 export declare const ErrorLayout: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & Props, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Error: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/formStep.styles.d.ts

@@ -1,6 +1,6 @@
 export declare const SectionContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/terraSetUpForm.styles.d.ts

@@ -1,16 +1,16 @@
 export declare const Section: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SectionContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SectionStatus: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const SectionActions: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/manifestDownloadEntity.styles.d.ts

@@ -1,6 +1,6 @@
 export declare const SectionTitle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export declare const TableContainer: import("@emotion/styled").StyledComponent<import("@mui/material").TableContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/lib/components/Filter/components/FilterRange/filterRange.styles.d.ts

@@ -1,4 +1,4 @@
 export declare const StyledForm: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;

package/lib/components/Filter/components/Filters/filters.styles.d.ts

@@ -4,10 +4,10 @@ interface Props {
 }
 export declare const Filters: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & Props, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const CategoryViewsLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/lib/components/Filter/components/VariableSizeList/VariableSizeList.d.ts

@@ -14,4 +14,4 @@ export interface VariableSizeListProps {
     overscanCount?: ListProps["overscanCount"];
     width?: ListProps["width"];
 }
-export declare const VariableSizeList: ({ categoryKey, categorySection, height: initHeight, isFilterDrawer, itemSize, onFilter, overscanCount, matchedItems, width, }: VariableSizeListProps) => JSX.Element;
+export declare const VariableSizeList: ({ categoryKey, categorySection, height: initHeight, isFilterDrawer, itemSize, matchedItems, onFilter, overscanCount, width, }: VariableSizeListProps) => JSX.Element;

package/lib/components/Filter/components/VariableSizeList/VariableSizeList.js

@@ -14,7 +14,7 @@ function renderListItem(props) {
     const { categoryKey, categorySection, matchedItems, onFilter, onUpdateItemSizeByItemKey, } = data;
     return (React.createElement(VariableSizeListItem, { categorySection: categorySection, categoryKey: categoryKey, matchedItem: matchedItems[index], onFilter: onFilter, onUpdateItemSizeByItemKey: onUpdateItemSizeByItemKey, style: style }));
 }
-export const VariableSizeList = ({ categoryKey, categorySection, height: initHeight = MAX_LIST_HEIGHT_PX, isFilterDrawer, itemSize = LIST_ITEM_HEIGHT, onFilter, overscanCount = MAX_DISPLAYABLE_LIST_ITEMS * 2, matchedItems, width = "100%", }) => {
+export const VariableSizeList = ({ categoryKey, categorySection, height: initHeight = MAX_LIST_HEIGHT_PX, isFilterDrawer, itemSize = LIST_ITEM_HEIGHT, matchedItems, onFilter, overscanCount = MAX_DISPLAYABLE_LIST_ITEMS * 2, width = "100%", }) => {
     const { height: windowHeight } = useWindowResize();
     const [height, setHeight] = useState(initHeight);
     const itemSizeByItemKeyRef = useRef(new Map());

package/lib/components/Index/components/EntitiesView/components/ChartView/chartView.styles.d.ts

@@ -2,7 +2,7 @@ export declare const StyledGrid: import("@emotion/styled").StyledComponent<impor
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
 } & import("@mui/system").SystemProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, ("fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "p" | "color" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontStyle" | "textAlign") | "sx" | keyof import("@mui/material").GridBaseProps> & {
+}, ("p" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "color" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontStyle" | "textAlign") | "sx" | keyof import("@mui/material").GridBaseProps> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const StyledGridPaperSection: import("@emotion/styled").StyledComponent<{

package/lib/components/Index/index.styles.d.ts

@@ -3,6 +3,6 @@ interface Props {
 }
 export declare const Index: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & Props, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/lib/components/Layout/components/ContentLayout/contentLayout.styles.d.ts

@@ -21,7 +21,7 @@ export declare const ContentGrid: import("@emotion/styled").StyledComponent<{
 } & GridProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const OutlineGrid: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & GridProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Positioner: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/components/AuthenticationMenu/authenticationMenu.styles.d.ts

@@ -13,7 +13,7 @@ export declare const UserSummary: import("@emotion/styled").StyledComponent<impo
 }, {}, {}>;
 export declare const UserNames: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "p" | "style" | "className" | "classes" | "color" | "children" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontStyle" | "textAlign" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & {
+}, "p" | "style" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "className" | "classes" | "color" | "children" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontStyle" | "textAlign" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const StyledAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/lib/components/Layout/components/Header/components/Content/components/Navigation/navigation.styles.d.ts

@@ -3,6 +3,6 @@ interface Props {
 }
 export declare const Navigation: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & Props, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/lib/components/Layout/components/Main/main.styles.d.ts

@@ -3,11 +3,11 @@ interface Props {
 }
 export declare const Main: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
 export declare const MainWithOffset: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme;
 } & Props, {}, {}>;

package/lib/components/Layout/components/Sidebar/components/SidebarPositioner/sidebarPositioner.styles.d.ts

@@ -3,6 +3,6 @@ interface Props {
 }
 export declare const SidebarPositioner: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 } & Props, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};

package/lib/components/Login/components/Section/components/Consent/consent.styles.d.ts

@@ -2,6 +2,6 @@ export declare const StyledGrid: import("@emotion/styled").StyledComponent<impor
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
 } & import("@mui/system").SystemProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, ("fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "p" | "color" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontStyle" | "textAlign") | "sx" | keyof import("@mui/material").GridBaseProps> & {
+}, ("p" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textTransform" | "color" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontStyle" | "textAlign") | "sx" | keyof import("@mui/material").GridBaseProps> & {
     theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/MarkdownRenderer/components/Anchor/anchor.d.ts

@@ -0,0 +1,19 @@
+import { AnchorHTMLAttributes, ClassAttributes } from "react";
+import { BaseComponentProps } from "../../../types";
+/**
+ * rehype-sanitize's default schema allows only a limited set of attributes on <a> elements:
+ * - aria-*
+ * - className
+ * - data-footnote-backref
+ * - data-footnote-ref
+ * - href
+ *
+ * By default, attributes such as:
+ * - download
+ * - rel
+ * - target
+ * are not permitted and will be stripped from anchor tags during sanitization.
+ *
+ * Note: This component currently does not support these excluded attributes.
+ */
+export declare const Anchor: (props: BaseComponentProps & ClassAttributes<HTMLAnchorElement> & AnchorHTMLAttributes<HTMLAnchorElement>) => JSX.Element;

package/lib/components/MarkdownRenderer/components/Anchor/anchor.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { Link } from "../../../Links/components/Link/link";
+/**
+ * rehype-sanitize's default schema allows only a limited set of attributes on <a> elements:
+ * - aria-*
+ * - className
+ * - data-footnote-backref
+ * - data-footnote-ref
+ * - href
+ *
+ * By default, attributes such as:
+ * - download
+ * - rel
+ * - target
+ * are not permitted and will be stripped from anchor tags during sanitization.
+ *
+ * Note: This component currently does not support these excluded attributes.
+ */
+export const Anchor = (props) => {
+    return (React.createElement(Link, { className: props.className, label: props.children, url: props.href || "" }));
+};

package/lib/components/MarkdownRenderer/components/Table/table.d.ts

@@ -0,0 +1,3 @@
+import { BaseComponentProps } from "components/types";
+import { ClassAttributes, TableHTMLAttributes } from "react";
+export declare const Table: (props: BaseComponentProps & ClassAttributes<HTMLTableElement> & TableHTMLAttributes<HTMLTableElement>) => JSX.Element;