@databiosphere/findable-ui 46.1.3 → 47.0.2

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ChartView } from "../chartView";
+declare const meta: Meta<typeof ChartView>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/Index/components/EntitiesView/components/ChartView/stories/chartView.stories.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { GridPaper } from "../../../../../../common/Paper/paper.styles";
+import { ChartView } from "../chartView";
+import { CHART_VIEW_ARGS } from "./args";
+const meta = {
+    args: CHART_VIEW_ARGS,
+    component: ChartView,
+    decorators: [
+        (Story, context) => (React.createElement(GridPaper, null,
+            React.createElement(Story, { ...context }))),
+    ],
+    parameters: { layout: "fullscreen" },
+};
+export default meta;
+export const Default = {};

package/lib/components/Index/components/EntitiesView/components/ChartView/types.d.ts

@@ -0,0 +1,8 @@
+import { EntityConfig } from "../../../../../../config/entities";
+import { CategoryFilter } from "../../../../../Filter/components/Filters/filters";
+import { TestIdProps } from "../../../../../types";
+export interface ChartViewProps extends TestIdProps {
+    categoryFilters: CategoryFilter[];
+    entityName: EntityConfig["label"];
+    loading: boolean;
+}

package/lib/components/Index/components/EntitiesView/components/ChartView/types.js

@@ -0,0 +1 @@
+export {};

package/lib/components/Index/components/EntitiesView/components/ChartView/utils.d.ts

@@ -0,0 +1,14 @@
+import { SelectCategoryView } from "../../../../../../common/entities";
+import { CategoryFilter } from "../../../../../Filter/components/Filters/filters";
+/**
+ * Returns the set of select category views that have chart view enabled.
+ * @param categoryFilters - Category filters.
+ * @returns Set of category views with chart view enabled.
+ */
+export declare function getSelectCategoryViews(categoryFilters: CategoryFilter[]): SelectCategoryView[];
+/**
+ * Returns the available SVG `width` from the container width.
+ * @param width - View width.
+ * @returns width.
+ */
+export declare function getSVGWidth(width?: number): number;

package/lib/components/Index/components/EntitiesView/components/ChartView/utils.js

@@ -0,0 +1,23 @@
+import { isSelectCategoryView } from "../../../../../../common/categories/views/select/typeGuards";
+/**
+ * Returns the set of select category views that have chart view enabled.
+ * @param categoryFilters - Category filters.
+ * @returns Set of category views with chart view enabled.
+ */
+export function getSelectCategoryViews(categoryFilters) {
+    return categoryFilters
+        .flatMap(({ categoryViews }) => categoryViews)
+        .filter(isSelectCategoryView)
+        .filter(({ enableChartView = true }) => enableChartView)
+        .filter(({ values }) => values.length > 0);
+}
+/**
+ * Returns the available SVG `width` from the container width.
+ * @param width - View width.
+ * @returns width.
+ */
+export function getSVGWidth(width) {
+    if (!width)
+        return 0;
+    return width - 40; // 20px padding on each side.
+}

package/lib/components/Index/components/EntitiesView/components/EntityList/entityList.d.ts

@@ -0,0 +1,3 @@
+import { RowData } from "@tanstack/react-table";
+import { EntityListProps } from "./types";
+export declare const EntityList: <T extends RowData>({ entityListType, loading, table, }: EntityListProps<T>) => JSX.Element | null;

package/lib/components/Index/components/EntitiesView/components/EntityList/entityList.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { useConfig } from "../../../../../../hooks/useConfig";
+import { useExploreState } from "../../../../../../hooks/useExploreState";
+import { TableCreator } from "../../../../../TableCreator/tableCreator";
+export const EntityList = ({ entityListType, loading, table, }) => {
+    const { entityConfig } = useConfig();
+    const { exploreState } = useExploreState();
+    const { listView } = entityConfig;
+    // required currently for client-side fetching as the pre-rendered page
+    // loads with the previous tabs data on the first render after switching tabs. (or similar)
+    if (entityListType !== exploreState.tabValue)
+        return null;
+    return React.createElement(TableCreator, { listView: listView, loading: loading, table: table });
+};

package/lib/components/Index/components/EntitiesView/components/EntityList/types.d.ts

@@ -0,0 +1,6 @@
+import { RowData, Table } from "@tanstack/react-table";
+export interface EntityListProps<T extends RowData> {
+    entityListType: string;
+    loading: boolean;
+    table: Table<T>;
+}

package/lib/components/Index/components/EntitiesView/components/EntityList/types.js

@@ -0,0 +1 @@
+export {};

package/lib/components/Index/components/EntitiesView/constants.d.ts

@@ -0,0 +1 @@
+export declare const ENTITIES_VIEW_TEST_ID = "entities-view";

package/lib/components/Index/components/EntitiesView/constants.js

@@ -0,0 +1 @@
+export const ENTITIES_VIEW_TEST_ID = "entities-view";

package/lib/components/Index/components/EntitiesView/entitiesView.d.ts

@@ -0,0 +1,2 @@
+import { EntitiesViewProps } from "./types";
+export declare const EntitiesView: ({ children, onChange, viewMode, viewStatus, }: EntitiesViewProps) => JSX.Element;

package/lib/components/Index/components/EntitiesView/entitiesView.js

@@ -0,0 +1,15 @@
+import { ToggleButton, ToggleButtonGroup, Toolbar } from "@mui/material";
+import React from "react";
+import { TEST_IDS } from "../../../../tests/testIds";
+import { GridPaper } from "../../../common/Paper/paper.styles";
+import { StyledFluidPaper } from "./entitiesView.styles";
+import { VIEW_MODE } from "./hooks/UseEntitiesView/types";
+export const EntitiesView = ({ children, onChange, viewMode, viewStatus, }) => {
+    return (React.createElement(StyledFluidPaper, { testId: TEST_IDS.ENTITIES_VIEW },
+        React.createElement(GridPaper, null,
+            viewStatus.disabled ? null : (React.createElement(Toolbar, null,
+                React.createElement(ToggleButtonGroup, { exclusive: true, value: viewMode, onChange: onChange },
+                    React.createElement(ToggleButton, { value: VIEW_MODE.TABLE }, "Table View"),
+                    React.createElement(ToggleButton, { value: VIEW_MODE.CHART }, "Chart View")))),
+            children)));
+};

package/lib/components/Index/components/EntitiesView/entitiesView.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledFluidPaper: import("@emotion/styled").StyledComponent<import("../../../common/Paper/paper").PaperProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/lib/components/Index/components/EntitiesView/entitiesView.styles.js

@@ -0,0 +1,20 @@
+import styled from "@emotion/styled";
+import { white } from "../../../../styles/common/mixins/colors";
+import { FluidPaper } from "../../../common/Paper/paper.styles";
+export const StyledFluidPaper = styled(FluidPaper) `
+  &.MuiPaper-root {
+    position: relative; /* required; positions table loading indicator */
+
+    .MuiToolbar-root {
+      background-color: ${white};
+      padding: 20px;
+
+      .MuiToggleButtonGroup-root {
+        .MuiToggleButton-root {
+          padding: 8px 16px;
+          text-transform: none;
+        }
+      }
+    }
+  }
+`;

package/lib/components/Index/components/EntitiesView/hooks/UseEntitiesView/hook.d.ts

@@ -0,0 +1,2 @@
+import { UseEntitiesViewProps } from "./types";
+export declare const useEntitiesView: () => UseEntitiesViewProps;

package/lib/components/Index/components/EntitiesView/hooks/UseEntitiesView/hook.js

@@ -0,0 +1,14 @@
+import { useConfig } from "../../../../../../hooks/useConfig";
+import { useToggleButtonGroup } from "../../../../../common/ToggleButtonGroup/hooks/UseToggleButtonGroup/hook";
+import { VIEW_MODE } from "./types";
+export const useEntitiesView = () => {
+    const { onChange, value } = useToggleButtonGroup(VIEW_MODE.TABLE);
+    const { config } = useConfig();
+    const { enableEntitiesView = false } = config;
+    const disabled = !enableEntitiesView;
+    return {
+        onChange,
+        viewMode: value,
+        viewStatus: { disabled },
+    };
+};

package/lib/components/Index/components/EntitiesView/hooks/UseEntitiesView/types.d.ts

@@ -0,0 +1,13 @@
+import { ToggleButtonGroupProps } from "@mui/material";
+export declare enum VIEW_MODE {
+    CHART = "chart",
+    TABLE = "table"
+}
+export interface ViewStatus {
+    disabled: boolean;
+}
+export interface UseEntitiesViewProps {
+    onChange: ToggleButtonGroupProps["onChange"];
+    viewMode: VIEW_MODE;
+    viewStatus: ViewStatus;
+}

package/lib/components/Index/components/EntitiesView/hooks/UseEntitiesView/types.js

@@ -0,0 +1,5 @@
+export var VIEW_MODE;
+(function (VIEW_MODE) {
+    VIEW_MODE["CHART"] = "chart";
+    VIEW_MODE["TABLE"] = "table";
+})(VIEW_MODE || (VIEW_MODE = {}));

package/lib/components/Index/components/EntitiesView/stories/entitiesView.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { EntitiesView } from "../entitiesView";
+declare const meta: Meta<typeof EntitiesView>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ChartView: Story;
+export declare const TableView: Story;

package/lib/components/Index/components/EntitiesView/stories/entitiesView.stories.js

@@ -0,0 +1,50 @@
+import { Box } from "@mui/material";
+import { fn } from "@storybook/test";
+import React from "react";
+import { LOREM_IPSUM } from "../../../../../storybook/loremIpsum";
+import { EntitiesView } from "../entitiesView";
+import { VIEW_MODE } from "../hooks/UseEntitiesView/types";
+const meta = {
+    args: {
+        onChange: fn(),
+        viewMode: VIEW_MODE.TABLE,
+        viewStatus: { disabled: true },
+    },
+    component: EntitiesView,
+    title: "Components/Entities/EntitiesView",
+};
+export default meta;
+export const Default = {
+    args: {
+        children: (React.createElement(Box, { sx: {
+                backgroundColor: "white",
+                maxWidth: "800px",
+                padding: 5,
+                width: "100%",
+            } }, LOREM_IPSUM.LONG)),
+    },
+};
+export const ChartView = {
+    args: {
+        children: (React.createElement(Box, { sx: {
+                backgroundColor: "white",
+                maxWidth: "800px",
+                padding: 5,
+                width: "100%",
+            } }, LOREM_IPSUM.SHORT)),
+        viewMode: VIEW_MODE.CHART,
+        viewStatus: { disabled: false },
+    },
+};
+export const TableView = {
+    args: {
+        children: (React.createElement(Box, { sx: {
+                backgroundColor: "white",
+                maxWidth: "800px",
+                padding: 5,
+                width: "100%",
+            } }, LOREM_IPSUM.SHORT)),
+        viewMode: VIEW_MODE.TABLE,
+        viewStatus: { disabled: false },
+    },
+};

package/lib/components/Index/components/EntitiesView/types.d.ts

@@ -0,0 +1,8 @@
+import { ToggleButtonGroupProps } from "@mui/material";
+import { ChildrenProps } from "../../../types";
+import { VIEW_MODE, ViewStatus } from "./hooks/UseEntitiesView/types";
+export interface EntitiesViewProps extends ChildrenProps {
+    onChange: ToggleButtonGroupProps["onChange"];
+    viewMode: VIEW_MODE;
+    viewStatus: ViewStatus;
+}

package/lib/components/Index/components/EntitiesView/types.js

@@ -0,0 +1 @@
+export {};

package/lib/components/Index/components/Hero/components/ExportButton/exportButton.d.ts

@@ -0,0 +1 @@
+export declare const ExportButton: () => JSX.Element;

package/lib/components/Index/components/Hero/components/ExportButton/exportButton.js

@@ -0,0 +1,13 @@
+import { Tooltip } from "@mui/material";
+import Link from "next/link";
+import React from "react";
+import { useDownloadStatus } from "../../../../../../hooks/useDownloadStatus";
+import { TEST_IDS } from "../../../../../../tests/testIds";
+import { Button } from "./exportButton.styles";
+export const ExportButton = () => {
+    const { disabled, isLoading, message } = useDownloadStatus();
+    return (React.createElement(Tooltip, { arrow: true, title: message },
+        React.createElement("span", null,
+            React.createElement(Link, { href: "/export", legacyBehavior: true, passHref: true },
+                React.createElement(Button, { "data-testid": TEST_IDS.EXPORT_BUTTON, disabled: disabled || isLoading, href: "passHref", id: "button-cohort-export" }, "Export")))));
+};

package/lib/components/Index/components/Hero/components/ExportButton/exportButton.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const Button: import("@emotion/styled").StyledComponent<Omit<import("../../../../../common/Button/button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/lib/components/Index/components/Hero/components/ExportButton/exportButton.styles.js

@@ -0,0 +1,13 @@
+import styled from "@emotion/styled";
+import { mediaTabletUp } from "../../../../../../styles/common/mixins/breakpoints";
+import { ButtonPrimary } from "../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
+export const Button = styled(ButtonPrimary) `
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  display: none;
+  margin-left: -1px;
+
+  ${mediaTabletUp} {
+    display: block;
+  }
+`;

package/lib/components/Index/components/Hero/components/Summaries/stories/summaries.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Summaries } from "../summaries";
+declare const meta: Meta<typeof Summaries>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/Index/components/Hero/components/Summaries/stories/summaries.stories.js

@@ -0,0 +1,14 @@
+import { Summaries } from "../summaries";
+const meta = {
+    component: Summaries,
+};
+export default meta;
+export const Default = {
+    args: {
+        summaries: [
+            { count: "1", label: "Species" },
+            { count: "1.1k", label: "Donors" },
+            { count: "508.5k", label: "Files" },
+        ],
+    },
+};

package/lib/components/Index/components/Hero/components/Summaries/summaries.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+export interface Summary {
+    count: string;
+    label: ReactNode;
+}
+export interface SummariesProps {
+    summaries?: Summary[];
+}
+export declare const Summaries: ({ summaries }: SummariesProps) => JSX.Element;

package/lib/components/Index/components/Hero/components/Summaries/summaries.js

@@ -0,0 +1,12 @@
+import { Typography } from "@mui/material";
+import React, { Fragment } from "react";
+import { TEXT_BODY_SMALL_400, TEXT_BODY_SMALL_500, } from "../../../../../../theme/common/typography";
+import { Dot, Summary } from "./summaries.styles";
+export const Summaries = ({ summaries }) => {
+    return (React.createElement(React.Fragment, null, summaries &&
+        summaries.map(({ count, label }, c) => (React.createElement(Fragment, { key: `${label}${c}` },
+            c !== 0 && React.createElement(Dot, null),
+            React.createElement(Summary, null,
+                React.createElement(Typography, { variant: TEXT_BODY_SMALL_500 }, count),
+                React.createElement(Typography, { color: "ink.light", variant: TEXT_BODY_SMALL_400 }, label)))))));
+};

package/lib/components/Index/components/Hero/components/Summaries/summaries.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    argTypes: {
+        summaries: {
+            control: "object";
+        };
+    };
+    component: ({ summaries }: import("./summaries").SummariesProps) => JSX.Element;
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SummariesStory: Story;

package/lib/components/Index/components/Hero/components/Summaries/summaries.stories.js

@@ -0,0 +1,18 @@
+import { Summaries } from "./summaries";
+const meta = {
+    argTypes: {
+        summaries: { control: "object" },
+    },
+    component: Summaries,
+    title: "Components/Summary",
+};
+export default meta;
+export const SummariesStory = {
+    args: {
+        summaries: [
+            { count: "1", label: "Species" },
+            { count: "1.1k", label: "Donors" },
+            { count: "508.5k", label: "Files" },
+        ],
+    },
+};

package/lib/components/Index/components/Hero/components/Summaries/summaries.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const Summary: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Dot: import("@emotion/styled").StyledComponent<import("../../../../../common/Dot/dot").DotProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/lib/components/Index/components/Hero/components/Summaries/summaries.styles.js

@@ -0,0 +1,26 @@
+import styled from "@emotion/styled";
+import { mediaTabletDown, mediaTabletUp, } from "../../../../../../styles/common/mixins/breakpoints";
+import { Dot as DXDot } from "../../../../../common/Dot/dot";
+export const Summary = styled.div `
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 4px;
+
+  .MuiTypography-text-body-small-400 {
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+  }
+
+  ${mediaTabletUp} {
+    flex: none;
+    flex-direction: row;
+  }
+`;
+export const Dot = styled(DXDot) `
+  ${mediaTabletDown} {
+    display: none;
+  }
+`;

package/lib/components/Index/components/Hero/hero.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import { HeroTitle } from "../../../common/Title/title";
+/**
+ * ExploreView page hero component comprising title, summary counts, and export button.
+ */
+export interface HeroProps {
+    SideBarButton?: ReactNode;
+    Summaries?: ReactNode;
+    title: HeroTitle;
+}
+export declare const Hero: ({ SideBarButton, Summaries, title, }: HeroProps) => JSX.Element;

package/lib/components/Index/components/Hero/hero.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { Title } from "../../../common/Title/title";
+import { ExportButton } from "./components/ExportButton/exportButton";
+import { HeroLayout, SummaryWidget, Widgets } from "./hero.styles";
+export const Hero = ({ SideBarButton, Summaries, title, }) => {
+    return (React.createElement(React.Fragment, null, (title || SideBarButton || Summaries) && (React.createElement(HeroLayout, null,
+        React.createElement(Title, { title: title }),
+        SideBarButton,
+        Summaries && (React.createElement(Widgets, null,
+            React.createElement(SummaryWidget, { buttonWidget: true }, Summaries),
+            React.createElement(ExportButton, null)))))));
+};

package/lib/components/Index/components/Hero/hero.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    argTypes: {
+        Summaries: {
+            table: {
+                disable: true;
+            };
+        };
+        title: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+    component: ({ SideBarButton, Summaries, title, }: import("./hero").HeroProps) => JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const HeroStory: Story;

package/lib/components/Index/components/Hero/hero.stories.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { Summaries } from "./components/Summaries/summaries";
+import { SummariesStory } from "./components/Summaries/summaries.stories";
+import { Hero } from "./hero";
+const meta = {
+    argTypes: {
+        Summaries: { table: { disable: true } },
+        title: { table: { disable: true } },
+    },
+    component: Hero,
+    parameters: {
+        layout: "fullscreen",
+    },
+    title: "Components/Hero/ExploreView",
+};
+export default meta;
+export const HeroStory = {
+    args: {
+        Summaries: React.createElement(Summaries, { ...SummariesStory.args }),
+        title: "Data Explorer",
+    },
+};

package/lib/components/Index/components/Hero/hero.styles.d.ts

@@ -0,0 +1,16 @@
+interface Props {
+    buttonWidget: boolean;
+}
+export declare const HeroLayout: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Widgets: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SummaryWidget: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & Props, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/lib/components/Index/components/Hero/hero.styles.js

@@ -0,0 +1,44 @@
+import styled from "@emotion/styled";
+import { mediaDesktopSmallUp, mediaTabletUp, } from "../../../../styles/common/mixins/breakpoints";
+export const HeroLayout = styled.div `
+  align-items: center;
+  display: grid;
+  gap: 16px;
+  grid-template-columns: 1fr;
+  padding: 0 16px;
+
+  ${mediaTabletUp} {
+    grid-template-columns: 1fr auto;
+    padding: 0;
+  }
+`;
+export const Widgets = styled.div `
+  align-items: center;
+  display: flex;
+  height: 60px;
+
+  ${mediaTabletUp} {
+    height: 40px;
+    justify-self: flex-start;
+  }
+
+  ${mediaDesktopSmallUp} {
+    grid-column: 2;
+    justify-self: flex-end;
+  }
+`;
+export const SummaryWidget = styled.div `
+  align-items: center;
+  border: 1px solid ${({ theme }) => theme.palette.smoke.main};
+  border-radius: 4px;
+  display: flex;
+  gap: 0 8px;
+  flex: 1;
+  height: inherit;
+  padding: 12px 16px;
+
+  ${mediaTabletUp} {
+    border-radius: ${({ buttonWidget }) => buttonWidget ? "4px 0 0 4px" : "4px"};
+    flex: none;
+  }
+`;

package/lib/components/Index/components/Hero/stories/hero.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Hero } from "../hero";
+declare const meta: Meta<typeof Hero>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/Index/components/Hero/stories/hero.stories.js

@@ -0,0 +1,16 @@
+import { composeStories } from "@storybook/react";
+import React from "react";
+import * as summaryStories from "../components/Summaries/stories/summaries.stories";
+import { Hero } from "../hero";
+const { Default: Summaries } = composeStories(summaryStories);
+const meta = {
+    component: Hero,
+    parameters: { layout: "fullscreen" },
+};
+export default meta;
+export const Default = {
+    args: {
+        Summaries: React.createElement(Summaries, null),
+        title: "Data Explorer",
+    },
+};

package/lib/components/Index/components/NTag/components/Tooltip/tooltip.d.ts

@@ -0,0 +1,8 @@
+import { TooltipProps as MTooltipProps } from "@mui/material";
+export interface TooltipProps extends MTooltipProps {
+    className?: string;
+}
+/**
+ * @deprecated - use Tooltip from "@databiosphere/findable-ui/lib/components/Table/components/TableCell/components/NTagCell/components/NTag/components/Tooltip/tooltip"
+ */
+export declare const Tooltip: ({ children, className, title, ...props }: TooltipProps) => JSX.Element;