@databiosphere/findable-ui 50.7.0 → 50.7.1

package/src/styles/common/mui/svgIcon.ts

@@ -1,35 +0,0 @@
-import { SvgIconProps } from "@mui/material";
-
-type SvgIconPropsOptions = {
-  COLOR: typeof COLOR;
-  FONT_SIZE: typeof FONT_SIZE;
-};
-
-const COLOR: Record<string, SvgIconProps["color"]> = {
-  ACTION: "action",
-  DISABLED: "disabled",
-  ERROR: "error",
-  INFO: "info",
-  INHERIT: "inherit",
-  INK_LIGHT: "inkLight",
-  INK_MAIN: "inkMain",
-  PRIMARY: "primary",
-  SECONDARY: "secondary",
-  SUCCESS: "success",
-  WARNING: "warning",
-};
-
-const FONT_SIZE: Record<string, SvgIconProps["fontSize"]> = {
-  INHERIT: "inherit",
-  LARGE: "large",
-  MEDIUM: "medium",
-  SMALL: "small",
-  XSMALL: "xsmall",
-  XXLARGE: "xxlarge",
-  XXSMALL: "xxsmall",
-};
-
-export const SVG_ICON_PROPS: SvgIconPropsOptions = {
-  COLOR,
-  FONT_SIZE,
-};

package/src/styles/common/mui/tab.ts

@@ -1,16 +0,0 @@
-import { TabProps } from "@mui/material";
-
-type TabPropsOptions = {
-  ICON_POSITION: typeof ICON_POSITION;
-};
-
-const ICON_POSITION: Record<string, TabProps["iconPosition"]> = {
-  BOTTOM: "bottom",
-  END: "end",
-  START: "start",
-  TOP: "top",
-};
-
-export const TAB_PROPS: TabPropsOptions = {
-  ICON_POSITION,
-};

package/src/styles/common/mui/tableCell.ts

@@ -1,40 +0,0 @@
-import { TableCellProps } from "@mui/material";
-
-type TableCellPropsOptions = {
-  ALIGN: typeof ALIGN;
-  PADDING: typeof PADDING;
-  SIZE: typeof SIZE;
-  VARIANT: typeof VARIANT;
-};
-
-const ALIGN: Record<string, TableCellProps["align"]> = {
-  CENTER: "center",
-  INHERIT: "inherit",
-  JUSTIFY: "justify",
-  LEFT: "left",
-  RIGHT: "right",
-};
-
-const PADDING: Record<string, TableCellProps["padding"]> = {
-  CHECKBOX: "checkbox",
-  NONE: "none",
-  NORMAL: "normal",
-};
-
-const SIZE: Record<string, TableCellProps["size"]> = {
-  MEDIUM: "medium",
-  SMALL: "small",
-};
-
-const VARIANT: Record<string, TableCellProps["variant"]> = {
-  BODY: "body",
-  FOOTER: "footer",
-  HEAD: "head",
-};
-
-export const TABLE_CELL_PROPS: TableCellPropsOptions = {
-  ALIGN,
-  PADDING,
-  SIZE,
-  VARIANT,
-};

package/src/styles/common/mui/tabs.ts

@@ -1,20 +0,0 @@
-import { TabsProps } from "@mui/material";
-
-type TabsPropsOptions = {
-  INDICATOR_COLOR: typeof INDICATOR_COLOR;
-  ORIENTATION: typeof ORIENTATION;
-};
-
-const INDICATOR_COLOR: Record<string, TabsProps["indicatorColor"]> = {
-  PRIMARY: "primary",
-  TRANSPARENT: "transparent",
-};
-
-const ORIENTATION: Record<string, TabsProps["orientation"]> = {
-  VERTICAL: "vertical",
-};
-
-export const TABS_PROPS: TabsPropsOptions = {
-  INDICATOR_COLOR,
-  ORIENTATION,
-};

package/src/styles/common/mui/textField.ts

@@ -1,33 +0,0 @@
-import { TextFieldProps } from "@mui/material";
-
-type TextFieldPropsOptions = {
-  COLOR: typeof COLOR;
-  SIZE: typeof SIZE;
-  VARIANT: typeof VARIANT;
-};
-
-const COLOR: Record<string, TextFieldProps["color"]> = {
-  ERROR: "error",
-  INFO: "info",
-  PRIMARY: "primary",
-  SECONDARY: "secondary",
-  SUCCESS: "success",
-  WARNING: "warning",
-} as const;
-
-const SIZE: Record<string, TextFieldProps["size"]> = {
-  MEDIUM: "medium",
-  SMALL: "small",
-} as const;
-
-const VARIANT: Record<string, TextFieldProps["variant"]> = {
-  FILLED: "filled",
-  OUTLINED: "outlined",
-  STANDARD: "standard",
-} as const;
-
-export const TEXT_FIELD_PROPS: TextFieldPropsOptions = {
-  COLOR,
-  SIZE,
-  VARIANT,
-};

package/src/styles/common/mui/toggleButton.ts

@@ -1,27 +0,0 @@
-import { ToggleButtonProps } from "@mui/material";
-
-type ToggleButtonPropsOptions = {
-  COLOR: typeof COLOR;
-  SIZE: typeof SIZE;
-};
-
-const COLOR: Record<string, ToggleButtonProps["color"]> = {
-  ERROR: "error",
-  INFO: "info",
-  PRIMARY: "primary",
-  SECONDARY: "secondary",
-  STANDARD: "standard",
-  SUCCESS: "success",
-  WARNING: "warning",
-};
-
-const SIZE: Record<string, ToggleButtonProps["size"]> = {
-  LARGE: "large",
-  MEDIUM: "medium",
-  SMALL: "small",
-};
-
-export const TOGGLE_BUTTON_PROPS: ToggleButtonPropsOptions = {
-  COLOR,
-  SIZE,
-};

package/src/styles/common/mui/typography.ts

@@ -1,45 +0,0 @@
-import { TypographyOwnProps } from "@mui/material";
-
-type TypographyPropsOptions = {
-  COLOR: typeof COLOR;
-  VARIANT: typeof VARIANT;
-};
-
-const COLOR = {
-  ERROR: "error",
-  INFO: "info",
-  INHERIT: "inherit",
-  INK_LIGHT: "ink.light",
-  INK_MAIN: "ink.main",
-  PRIMARY: "primary",
-  SECONDARY: "secondary",
-  SUCCESS: "success",
-  TEXT_DISABLED: "textDisabled",
-  TEXT_PRIMARY: "textPrimary",
-  TEXT_SECONDARY: "textSecondary",
-  WARNING: "warning",
-} as const satisfies Record<string, TypographyOwnProps["color"]>;
-
-const VARIANT = {
-  BODY_400: "body-400",
-  BODY_400_2_LINES: "body-400-2lines",
-  BODY_500: "body-500",
-  BODY_LARGE_400: "body-large-400",
-  BODY_LARGE_400_2_LINES: "body-large-400-2lines",
-  BODY_LARGE_500: "body-large-500",
-  BODY_SMALL_400: "body-small-400",
-  BODY_SMALL_400_2_LINES: "body-small-400-2lines",
-  BODY_SMALL_500: "body-small-500",
-  HEADING: "heading",
-  HEADING_LARGE: "heading-large",
-  HEADING_SMALL: "heading-small",
-  HEADING_XLARGE: "heading-xlarge",
-  HEADING_XSMALL: "heading-xsmall",
-  INHERIT: "inherit",
-  UPPERCASE_500: "uppercase-500",
-} as const satisfies Record<string, TypographyOwnProps["variant"]>;
-
-export const TYPOGRAPHY_PROPS: TypographyPropsOptions = {
-  COLOR,
-  VARIANT,
-};

package/src/tests/mui/constants.ts

@@ -1,6 +0,0 @@
-export const MUI_CLASSES = {
-  ACTIVE: "Mui-active",
-  COMPLETED: "Mui-completed",
-  DISABLED: "Mui-disabled",
-  SELECTED: "Mui-selected",
-};

package/src/tests/testIds.ts

@@ -1,26 +0,0 @@
-export const TEST_IDS = {
-  CLEAR_ALL_FILTERS: "clear-all-filters",
-  ENTITY_SUMMARY: "entity-summary",
-  EXPORT_BUTTON: "export-button",
-  EXPORT_SUMMARY: "export-summary",
-  FILTERS: "filters",
-  FILTER_CONTROLS: "filter-controls",
-  FILTER_COUNT: "filter-count",
-  FILTER_ITEM: "filter-item",
-  FILTER_POPOVER: "filter-popover",
-  FILTER_RANGE: "filter-range",
-  FILTER_SORT_BUTTON: "filter-sort-button",
-  FILTER_SORT_MENU: "filter-sort-menu",
-  FILTER_TERM: "filter-term",
-  RESEARCH_FORM: "research-form",
-  RESEARCH_PANEL: "research-panel",
-  SEARCH_ALL_FILTERS: "search-all-filters",
-  SEARCH_PANEL: "search-panel",
-  SIDEBAR: "sidebar",
-  SIDEBAR_DRAWER: "sidebar-drawer",
-  TABLE_FIRST_CELL: "table-first-cell",
-  TABLE_PAGINATION: "table-pagination",
-  TABLE_PAGINATION_PAGE: "table-pagination-page",
-  TABLE_PAGINATION_RESULTS: "table-pagination-results",
-  VIEW_TOGGLE: "view-toggle",
-};

package/src/tests/utils.ts

@@ -1,53 +0,0 @@
-import { screen } from "@testing-library/react";
-import { escapeRegExp } from "../common/utils";
-
-/**
- * Retrieves a button by its name.
- * @param name - The name of the button.
- * @returns The button element.
- */
-export function getButton<T extends HTMLElement = HTMLElement>(
-  name: string | RegExp,
-): T {
-  return screen.getByRole("button", { name });
-}
-
-/**
- * Retrieves an input element by its label text.
- * @param text - The label text of the input element.
- * @returns The input element.
- */
-export function getLabelText<T extends HTMLElement = HTMLElement>(
-  text: string,
-): T {
-  return screen.getByLabelText(text);
-}
-
-/**
- * Returns regex that matches the start of the given text.
- * @param text - Text to match.
- * @returns RegExp.
- */
-export function getStartsWithRegex(text: string): RegExp {
-  return new RegExp(`^${escapeRegExp(text)}`);
-}
-
-/**
- * Retrieves an element by its role.
- * @param role - The role of the element.
- * @returns The element.
- */
-export function getRole<T extends HTMLElement = HTMLElement>(role: string): T {
-  return screen.getByRole(role);
-}
-
-/**
- * Retrieves an element by its text content.
- * @param text - The text content of the element.
- * @returns The element.
- */
-export function getText<T extends HTMLElement = HTMLElement>(
-  text: string | RegExp,
-): T {
-  return screen.getByText(text);
-}

package/src/theme/common/breakpoints.ts

@@ -1,19 +0,0 @@
-import { ThemeOptions } from "@mui/material";
-
-/**
- * Creates breakpoint configuration for theme creation.
- * Merges default breakpoint values with any custom breakpoints provided in theme options.
- * @param themeOptions - Theme options.
- * @returns Breakpoint configuration object with values for xs, sm, md, lg breakpoints.
- */
-export const breakpoints = (
-  themeOptions: ThemeOptions,
-): ThemeOptions["breakpoints"] => ({
-  values: {
-    lg: 1440,
-    md: 1280,
-    sm: 768,
-    xs: 0,
-    ...themeOptions.breakpoints?.values,
-  },
-});