@databiosphere/findable-ui 12.0.0 → 14.0.0

package/tests/authentication.test.ts

@@ -1,3 +1,4 @@
+import { jest } from "@jest/globals";
 import { LOGIN_STATUS_NOT_STARTED } from "../src/hooks/useAuthentication/common/constants";
 import {
   LoginStatus,
@@ -6,7 +7,12 @@ import {
 import { GoogleResponse } from "../src/hooks/useAuthentication/useFetchGoogleProfile";
 import { TerraResponse } from "../src/hooks/useAuthentication/useFetchTerraProfile";
 import { TerraTermsOfServiceResponse } from "../src/hooks/useAuthentication/useFetchTerraTermsOfService";
-import { shouldReleaseToken } from "../src/providers/authentication";
+
+jest.unstable_mockModule("react-idle-timer", () => ({
+  useIdleTimer: jest.fn(),
+}));
+
+const { shouldReleaseToken } = await import("../src/providers/authentication");
 
 describe("authentication", () => {
   // Boolean constants.

package/tests/azulFileDownload.test.tsx

@@ -1,15 +1,21 @@
+import { jest } from "@jest/globals";
 import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import React from "react";
-import { AzulFileDownload } from "../src/components/Index/components/AzulFileDownload/azulFileDownload";
 import {
   AZUL_FILE_DOWNLOAD_TEST_ID,
   AZUL_FILE_REQUEST_DOWNLOAD_PENDING_TEST_ID,
   AZUL_FILE_REQUEST_DOWNLOAD_TEST_ID,
 } from "../src/components/Index/components/AzulFileDownload/common/constants";
-import { useFileLocation } from "../src/hooks/useFileLocation";
 import { getAnchorEl, getButtonById } from "../src/utils/tests";
 
-jest.mock("../src/hooks/useFileLocation");
+jest.unstable_mockModule("../src/hooks/useFileLocation", () => ({
+  useFileLocation: jest.fn(),
+}));
+
+const { AzulFileDownload } = await import(
+  "../src/components/Index/components/AzulFileDownload/azulFileDownload"
+);
+const { useFileLocation } = await import("../src/hooks/useFileLocation");
 
 describe("AzulFileDownload", () => {
   const FILE_URL = "https://example.com/storage/file";

package/tests/fetchApi.test.ts

@@ -0,0 +1,93 @@
+import { jest } from "@jest/globals";
+import fetchMock from "jest-fetch-mock";
+
+jest.unstable_mockModule("../src/shared/utils", () => ({
+  getURL: (): string => "http://example.com",
+}));
+
+const { fetchApi } = await import("../src/entity/common/client");
+
+const actualSetTimeout = setTimeout;
+
+const mockSetTimeout = jest
+  .spyOn(globalThis, "setTimeout")
+  .mockImplementation(((callback: () => void, timeout: number) => {
+    if (timeout === 20000) actualSetTimeout(callback, timeout);
+    else callback();
+  }) as typeof setTimeout);
+
+beforeAll(async () => {
+  fetchMock.doMock();
+  globalThis.fetch = ((...args) => {
+    return fetchMock(...(args as Parameters<typeof fetchMock>));
+  }) as typeof fetch;
+  AbortSignal.prototype.throwIfAborted = function (): void {
+    if (this.aborted) throw this.reason;
+  };
+});
+
+describe("api", () => {
+  it("returns immediately-successful response", async () => {
+    fetchMock.mockResponseOnce("immediately-successful");
+    const res = await fetchApi("");
+    expect(res.status).toBe(200);
+    expect(await res.text()).toBe("immediately-successful");
+  });
+
+  it("returns response after backing off from three 503 responses", async () => {
+    mockSetTimeout.mockClear();
+
+    fetchMock.mockResponseOnce("", { status: 503 });
+    fetchMock.mockResponseOnce("", { status: 503 });
+    fetchMock.mockResponseOnce("", { status: 503 });
+    fetchMock.mockResponseOnce("after-three-503");
+    const res = await fetchApi("");
+    expect(res.status).toBe(200);
+    expect(await res.text()).toBe("after-three-503");
+
+    expect(mockSetTimeout).toBeCalledTimes(7);
+    expect(mockSetTimeout.mock.calls[1][1]).toBe(1000);
+    expect(mockSetTimeout.mock.calls[3][1]).toBe(3000);
+    expect(mockSetTimeout.mock.calls[5][1]).toBe(9000);
+  });
+
+  it("throws error after four 503 responses", async () => {
+    mockSetTimeout.mockClear();
+
+    fetchMock.mockResponseOnce("", { status: 503 });
+    fetchMock.mockResponseOnce("", { status: 503 });
+    fetchMock.mockResponseOnce("", { status: 503 });
+    fetchMock.mockResponseOnce("", { status: 503 });
+    const error = await fetchApi("").catch((e) => e);
+    expect(error).toMatchObject({ response: { status: 503 } });
+
+    expect(mockSetTimeout).toBeCalledTimes(7);
+  });
+
+  it("throws error after one 503 response and one 400 response", async () => {
+    mockSetTimeout.mockClear();
+
+    fetchMock.mockResponseOnce("", { status: 503 });
+    fetchMock.mockResponseOnce("", { status: 400 });
+    const error = await fetchApi("").catch((e) => e);
+    expect(error).toMatchObject({ response: { status: 400 } });
+
+    expect(mockSetTimeout).toBeCalledTimes(3);
+  });
+
+  it("returns response after delaying based on Retry-After", async () => {
+    mockSetTimeout.mockClear();
+
+    fetchMock.mockResponseOnce("", {
+      headers: { "Retry-After": "7" },
+      status: 503,
+    });
+    fetchMock.mockResponseOnce("after-retry-after");
+    const res = await fetchApi("");
+    expect(res.status).toBe(200);
+    expect(await res.text()).toBe("after-retry-after");
+
+    expect(mockSetTimeout).toBeCalledTimes(3);
+    expect(mockSetTimeout.mock.calls[1][1]).toBe(7000);
+  });
+});

package/tests/tsconfig.json

@@ -1,4 +1,5 @@
 {
+  "allowJs": true,
   "compilerOptions": {
     "rootDir": "../"
   },

package/tests/useFileLocation.test.ts

@@ -1,10 +1,14 @@
-import { buildFetchFileUrl } from "../src/hooks/useFileLocation";
+import { jest } from "@jest/globals";
 
 const URL_INVALID = "invalidUrl";
 const URL_WITH_FETCH_PREPEND = "https://example.com/fetch/repository/file";
 const URL_WITHOUT_FETCH_PREPEND = "https://example.com/repository/file";
 
-jest.mock("../src/hooks/useRequestFileLocation");
+jest.unstable_mockModule("../src/hooks/useRequestFileLocation", () => ({
+  useRequestFileLocation: jest.fn(),
+}));
+
+const { buildFetchFileUrl } = await import("../src/hooks/useFileLocation");
 
 describe("useFileLocation", () => {
   describe("build file URL", () => {

package/types/data-explorer-ui.d.ts

@@ -25,19 +25,20 @@ import {
   CustomFeatureTableState,
 } from "../src/components/Table/features/entities";
 import { GridTrackSize } from "../src/config/entities";
+import { SIZE } from "../src/styles/common/constants/size";
 
 /**
  * Alert prop options.
  */
 declare module "@mui/material/Alert" {
+  interface AlertProps {
+    size?: SIZE.MEDIUM | SIZE.LARGE;
+  }
+
   interface AlertPropsColorOverrides {
     ink: true;
     primary: true;
-  }
-
-  interface AlertPropsVariantOverrides {
-    banner: true; // Single line alert.
-    neutral: true;
+    smoke: true;
   }
 }
 

package/lib/components/Detail/components/Table/components/TableHead/tableHead.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Table } from "@tanstack/react-table";
-import { ROW_DIRECTION } from "../../../../../Table/common/entities";
-export interface TableBodyProps<T> {
-    rowDirection: ROW_DIRECTION;
-    tableInstance: Table<T>;
-}
-export declare const TableHead: <T extends object>({ rowDirection, tableInstance, }: TableBodyProps<T>) => JSX.Element;

package/lib/components/Detail/components/Table/components/TableHead/tableHead.js

@@ -1,36 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableHead = void 0;
-const material_1 = require("@mui/material");
-const react_table_1 = require("@tanstack/react-table");
-const react_1 = __importStar(require("react"));
-const entities_1 = require("../../../../../Table/common/entities");
-const TableHead = ({ rowDirection, tableInstance, }) => {
-    return (react_1.default.createElement(react_1.Fragment, null, rowDirection === entities_1.ROW_DIRECTION.DEFAULT &&
-        tableInstance.getHeaderGroups().map((headerGroup) => (react_1.default.createElement(material_1.TableHead, { key: headerGroup.id },
-            react_1.default.createElement(material_1.TableRow, null, headerGroup.headers.map((header) => (react_1.default.createElement(material_1.TableCell, { key: header.id }, (0, react_table_1.flexRender)(header.column.columnDef.header, header.getContext()))))))))));
-};
-exports.TableHead = TableHead;

package/lib/components/Index/components/TitleCell/titleCell.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from "react";
-import { LinkProps } from "../../../Links/components/Link/link";
-export interface TitleCellProps extends LinkProps {
-    title: ReactNode;
-}
-export declare const TitleCell: ({ title, ...props }: TitleCellProps) => JSX.Element;

package/lib/components/Index/components/TitleCell/titleCell.js

@@ -1,10 +0,0 @@
-import { Typography } from "@mui/material";
-import React from "react";
-import { TEXT_BODY_400 } from "../../../../theme/common/typography";
-import { Link } from "../../../Links/components/Link/link";
-import { TitleCell as Cell } from "./titleCell.styles";
-export const TitleCell = ({ title, ...props }) => {
-    return (React.createElement(Cell, { gridSx: { gap: 1 } },
-        typeof title === "string" ? (React.createElement(Typography, { variant: TEXT_BODY_400 }, title)) : (title),
-        React.createElement(Link, { ...props })));
-};

package/lib/components/Index/components/TitleCell/titleCell.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const TitleCell: import("@emotion/styled").StyledComponent<import("../../../common/Grid/grid").GridProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/lib/components/Index/components/TitleCell/titleCell.styles.js

@@ -1,6 +0,0 @@
-import styled from "@emotion/styled";
-import { textBodySmall400 } from "../../../../styles/common/mixins/fonts";
-import { Grid } from "../../../common/Grid/grid";
-export const TitleCell = styled(Grid) `
-  ${textBodySmall400};
-`;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/components/RequestAuthentication/requestAuthentication.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface RequestAuthenticationProps {
-    closeMenu: () => void;
-    requestAuthorization: () => void;
-}
-export declare const RequestAuthentication: ({ closeMenu, requestAuthorization, }: RequestAuthenticationProps) => JSX.Element;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/components/RequestAuthentication/requestAuthentication.js

@@ -1,13 +0,0 @@
-import LoginRoundedIcon from "@mui/icons-material/LoginRounded";
-import { IconButton as MIconButton } from "@mui/material";
-import React from "react";
-import { useBreakpoint } from "../../../../../../../../../../../../hooks/useBreakpoint";
-import { Button } from "./requestAuthentication.styles";
-export const RequestAuthentication = ({ closeMenu, requestAuthorization, }) => {
-    const { mdUp } = useBreakpoint();
-    return mdUp ? (React.createElement(Button, { onClick: requestAuthorization, startIcon: React.createElement(LoginRoundedIcon, null), variant: "nav" }, "Sign in")) : (React.createElement(MIconButton, { color: "ink", onClick: () => {
-            closeMenu();
-            requestAuthorization();
-        } },
-        React.createElement(LoginRoundedIcon, null)));
-};

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/components/RequestAuthentication/requestAuthentication.styles.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-export declare const Button: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "primary" | "secondary" | "error" | "info" | "success" | "warning" | undefined;
-    disabled?: boolean | undefined;
-    disableElevation?: boolean | undefined;
-    disableFocusRipple?: boolean | undefined;
-    endIcon?: import("react").ReactNode;
-    fullWidth?: boolean | undefined;
-    href?: string | undefined;
-    size?: "large" | "medium" | "small" | undefined;
-    startIcon?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "nav" | "text" | "outlined" | "contained" | "activeNav" | "backNav" | undefined;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "sx" | "variant" | "href" | "disabled" | "action" | "size" | "fullWidth" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Authentication/components/RequestAuthentication/requestAuthentication.styles.js

@@ -1,9 +0,0 @@
-import styled from "@emotion/styled";
-import { Button as MButton } from "@mui/material";
-import { textBody500 } from "../../../../../../../../../../../../styles/common/mixins/fonts";
-export const Button = styled(MButton) `
-  & {
-    ${textBody500};
-    padding: 6px 12px;
-  }
-`;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Search/components/SearchButton/searchButton.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export interface SearchProps {
-    openSearch: () => void;
-}
-export declare const SearchButton: ({ openSearch }: SearchProps) => JSX.Element;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Search/components/SearchButton/searchButton.js

@@ -1,10 +0,0 @@
-import { IconButton } from "@mui/material";
-import React from "react";
-import { useBreakpoint } from "../../../../../../../../../../../../hooks/useBreakpoint";
-import { SearchIcon } from "../../../../../../../../../../../common/CustomIcon/components/SearchIcon/searchIcon";
-import { Button } from "./searchButton.styles";
-export const SearchButton = ({ openSearch }) => {
-    const { mdUp } = useBreakpoint();
-    return mdUp ? (React.createElement(Button, { onClick: openSearch, startIcon: React.createElement(SearchIcon, null), variant: "nav" }, "Search")) : (React.createElement(IconButton, { color: "ink", onClick: openSearch },
-        React.createElement(SearchIcon, { fontSize: "medium" })));
-};

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Search/components/SearchButton/searchButton.styles.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-export declare const Button: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "primary" | "secondary" | "error" | "info" | "success" | "warning" | undefined;
-    disabled?: boolean | undefined;
-    disableElevation?: boolean | undefined;
-    disableFocusRipple?: boolean | undefined;
-    endIcon?: import("react").ReactNode;
-    fullWidth?: boolean | undefined;
-    href?: string | undefined;
-    size?: "large" | "medium" | "small" | undefined;
-    startIcon?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "nav" | "text" | "outlined" | "contained" | "activeNav" | "backNav" | undefined;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "sx" | "variant" | "href" | "disabled" | "action" | "size" | "fullWidth" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/lib/components/Layout/components/Header/components/Content/components/Actions/components/Search/components/SearchButton/searchButton.styles.js

@@ -1,9 +0,0 @@
-import styled from "@emotion/styled";
-import { Button as MButton } from "@mui/material";
-import { textBody500 } from "../../../../../../../../../../../../styles/common/mixins/fonts";
-export const Button = styled(MButton) `
-  & {
-    ${textBody500};
-    padding: 6px 12px;
-  }
-`;

package/lib/components/Table/components/EntityViewToggle/entityViewToggle.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const EntityViewToggle: () => JSX.Element;

package/lib/components/Table/components/EntityViewToggle/entityViewToggle.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EntityViewToggle = void 0;
-const react_1 = __importDefault(require("react"));
-const useExploreState_1 = require("../../../../hooks/useExploreState");
-const exploreState_1 = require("../../../../providers/exploreState");
-const toggleButtonGroup_1 = require("../../../common/ToggleButtonGroup/toggleButtonGroup");
-const EntityViewToggle = () => {
-    const { exploreDispatch } = (0, useExploreState_1.useExploreState)();
-    const toggleButtons = [
-        {
-            label: "Exact Match",
-            onToggle: () => onChange(exploreState_1.ENTITY_VIEW.EXACT),
-            value: exploreState_1.ENTITY_VIEW.EXACT,
-        },
-        {
-            label: "Related Match",
-            onToggle: () => onChange(exploreState_1.ENTITY_VIEW.RELATED),
-            value: exploreState_1.ENTITY_VIEW.RELATED,
-        },
-    ];
-    /**
-     * Callback fired when toggle button value changes.
-     * @param entityView - Entity list view.
-     */
-    const onChange = (entityView) => {
-        exploreDispatch({
-            payload: entityView,
-            type: exploreState_1.ExploreActionKind.ToggleEntityView,
-        });
-    };
-    return react_1.default.createElement(toggleButtonGroup_1.ToggleButtonGroup, { toggleButtons: toggleButtons });
-};
-exports.EntityViewToggle = EntityViewToggle;

package/lib/components/common/Alert/alert.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Alert } from "./alert";
-declare const _default: Meta<typeof Alert>;
-export default _default;
-type Story = StoryObj<typeof Alert>;
-export declare const AlertStory: Story;

package/lib/components/common/Alert/alert.stories.js

@@ -1,36 +0,0 @@
-import { Alert } from "./alert";
-export default {
-    argTypes: {
-        children: {
-            control: "text",
-            description: "Inner text",
-        },
-        color: {
-            description: "Color of alert",
-        },
-        icon: {
-            control: "text",
-            description: "Top left icon. If provided will replace severity.",
-        },
-        severity: {
-            description: "Top left predefined icon. Combine with color.",
-        },
-        title: {
-            control: "text",
-            description: "Highlighted text",
-        },
-        variant: {
-            description: "Type of the alert",
-        },
-    },
-    component: Alert,
-    title: "Components/Common/Alert",
-};
-export const AlertStory = {
-    args: {
-        children: "Something certainly happened",
-        color: "warning",
-        severity: "warning",
-        title: "Ouch!",
-    },
-};

package/lib/components/common/Alert/components/AlertText/alertText.styles.d.ts

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

package/lib/components/common/Alert/components/AlertText/alertText.styles.js

@@ -1,19 +0,0 @@
-import styled from "@emotion/styled";
-export const AlertText = styled.div `
-  ul {
-    padding-left: 24px;
-    margin: 8px 0;
-
-    li {
-      margin: 4px 0;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  *:last-child {
-    margin-bottom: 0;
-  }
-`;

package/lib/components/common/Banner/components/BannerPrimary/bannerPrimary.d.ts

@@ -1,7 +0,0 @@
-import { AlertProps as MAlertProps } from "@mui/material";
-import { ReactNode } from "react";
-export interface BannerPrimaryProps extends MAlertProps {
-    children: ReactNode;
-    className?: string;
-}
-export declare const BannerPrimary: ({ children, className, ...props }: BannerPrimaryProps) => JSX.Element;

package/lib/components/common/Banner/components/BannerPrimary/bannerPrimary.js

@@ -1,5 +0,0 @@
-import React from "react";
-import { Alert } from "./bannerPrimary.styles";
-export const BannerPrimary = ({ children, className, ...props /* Spread props to allow for Mui AlertProps specific prop overrides. */ }) => {
-    return (React.createElement(Alert, { className: className, color: "primary", elevation: 0, icon: false, variant: "standard", ...props }, children));
-};

package/lib/components/common/Banner/components/BannerPrimary/bannerPrimary.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const Alert: import("@emotion/styled").StyledComponent<import("@mui/material").AlertProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/lib/components/common/Banner/components/BannerPrimary/bannerPrimary.styles.js

@@ -1,19 +0,0 @@
-import styled from "@emotion/styled";
-import { Alert as MAlert } from "@mui/material";
-import { primaryMain, white } from "../../../../../styles/common/mixins/colors";
-import { textBodySmall400 } from "../../../../../styles/common/mixins/fonts";
-export const Alert = styled(MAlert) `
-  border-radius: 0;
-  justify-content: center;
-  padding: 8px;
-
-  &.MuiAlert-standardPrimary {
-    background-color: ${primaryMain};
-    color: ${white};
-  }
-
-  .MuiAlert-message {
-    ${textBodySmall400};
-    text-align: center;
-  }
-`;

package/lib/components/common/Banner/components/DismissibleBanner/dismissibleBanner.d.ts

@@ -1,10 +0,0 @@
-import { AlertProps as MAlertProps } from "@mui/material";
-import { ElementType, ReactNode } from "react";
-export interface CookieBannerProps extends MAlertProps {
-    Alert?: ElementType;
-    children: ReactNode;
-    className?: string;
-    onDismiss?: () => void;
-    open: boolean;
-}
-export declare const DismissibleBanner: ({ Alert, className, children, onDismiss, open, ...props }: CookieBannerProps) => JSX.Element;

package/lib/components/common/Banner/components/DismissibleBanner/dismissibleBanner.js

@@ -1,16 +0,0 @@
-import { Fade, Alert as MAlert, } from "@mui/material";
-import React, { useEffect, useState } from "react";
-export const DismissibleBanner = ({ Alert = MAlert /* Requires forwardRef to be used as a child of Fade. */, className, children, onDismiss, open, ...props /* Spread props to allow for Mui AlertProps specific prop overrides. */ }) => {
-    const [isIn, setIsIn] = useState(false);
-    // Callback fired when the component requests to be closed.
-    const onClose = () => {
-        onDismiss?.();
-        setIsIn(false);
-    };
-    // Sets the open state.
-    useEffect(() => {
-        setIsIn(open);
-    }, [open]);
-    return (React.createElement(Fade, { in: isIn, unmountOnExit: true },
-        React.createElement(Alert, { className: className, onClose: onClose, ...props }, children)));
-};

package/lib/components/common/Banner/components/SessionTimeout/sessionTimeout.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const Banner: import("@emotion/styled").StyledComponent<import("../BannerPrimary/bannerPrimary").BannerPrimaryProps & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;

package/lib/components/common/Banner/components/SessionTimeout/sessionTimeout.styles.js

@@ -1,21 +0,0 @@
-import styled from "@emotion/styled";
-import { mediaDesktopUp } from "../../../../../styles/common/mixins/breakpoints";
-import { BannerPrimary } from "../BannerPrimary/bannerPrimary";
-export const Banner = styled(BannerPrimary) `
-  gap: 12px;
-  padding: 8px 12px;
-
-  ${mediaDesktopUp} {
-    padding: 8px 16px;
-  }
-
-  .MuiAlert-message {
-    align-self: center;
-    flex: 1;
-  }
-
-  .MuiAlert-action {
-    margin: -8px;
-    padding: 0;
-  }
-`;

package/lib/components/common/IconButton/components/LoadingIconButton/loadingIconButton.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-/**
- * Mock "loading" icon button - a placeholder element styled like a primary icon button without the use of a button element.
- */
-export declare const LoadingIconButton: () => JSX.Element;