@databiosphere/findable-ui 35.0.3 → 35.2.0

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/Layout/components/Header/hooks/useMeasureHeader.d.ts

@@ -1,5 +0,0 @@
-import { RefObject } from "react";
-export interface UseMeasureHeader {
-    headerRef: RefObject<HTMLElement>;
-}
-export declare const useMeasureHeader: () => UseMeasureHeader;

package/lib/components/Layout/components/Header/hooks/useMeasureHeader.js

@@ -1,19 +0,0 @@
-import { useEffect, useRef } from "react";
-import { useLayoutState } from "../../../../../hooks/useLayoutState";
-import { getBorderBoxSizeHeight, useResizeObserver, } from "../../../../../hooks/useResizeObserver";
-import { LayoutActionKind } from "../../../../../providers/layoutState";
-export const useMeasureHeader = () => {
-    const { layoutDispatch } = useLayoutState();
-    const headerRef = useRef(null);
-    const { height } = useResizeObserver(headerRef, getBorderBoxSizeHeight) || {};
-    // Updates layout state header height.
-    useEffect(() => {
-        if (!height)
-            return;
-        layoutDispatch({
-            payload: height,
-            type: LayoutActionKind.UpdateHeaderHeight,
-        });
-    }, [height, layoutDispatch]);
-    return { headerRef };
-};

package/lib/components/Layout/components/Outline/common/constants.d.ts

@@ -1,2 +0,0 @@
-import { TabProps as MTabProps } from "@mui/material";
-export declare const DEFAULT_TAB_VALUE: MTabProps["value"];

package/lib/components/Layout/components/Outline/common/constants.js

@@ -1 +0,0 @@
-export const DEFAULT_TAB_VALUE = "";

package/lib/components/Login/login.stories.d.ts

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

package/lib/components/Login/login.stories.js

@@ -1,31 +0,0 @@
-import React from "react";
-import { HelpIconButton } from "../common/Button/components/HelpIconButton/helpIconButton";
-import { Login } from "./login";
-export default {
-    argTypes: {
-        isGoogle: { control: "boolean" },
-        termsOfService: { control: "object" },
-        text: { control: "object" },
-        title: { control: "text" },
-        warning: { control: "object" },
-    },
-    component: Login,
-    parameters: {
-        layout: "fullscreen",
-    },
-    title: "Components/Login",
-};
-export const LoginStory = {
-    args: {
-        isGoogle: true,
-        termsOfService: (React.createElement("p", null, "I have read and agree to privacy notice and terms of use")),
-        text: (React.createElement("p", null,
-            "Please sign in to your Data Explorer account",
-            " ",
-            React.createElement(HelpIconButton, { url: "https://www.google.com/" }))),
-        title: "Sign in to your account",
-        warning: (React.createElement("div", null,
-            React.createElement("p", null, "WARNING NOTICE"),
-            React.createElement("p", null, "This is a warning notice."))),
-    },
-};

package/lib/components/Table/components/CheckboxMenu/checkboxMenu.d.ts

@@ -1,16 +0,0 @@
-type MenuListItemOnChangeFn = (event: unknown) => void;
-type onResetFn = () => void;
-export interface CheckboxMenuListItem {
-    checked: boolean;
-    disabled?: boolean;
-    label: string;
-    onChange: MenuListItemOnChangeFn;
-    value: string;
-}
-export interface CheckboxMenuProps {
-    label: string;
-    onReset: onResetFn;
-    options: CheckboxMenuListItem[];
-}
-export declare const CheckboxMenu: ({ label: buttonLabel, onReset, options, }: CheckboxMenuProps) => JSX.Element;
-export {};

package/lib/components/Table/components/CheckboxMenu/checkboxMenu.js

@@ -1,28 +0,0 @@
-import { Checkbox, ListItem, ListItemButton, ListItemText, } from "@mui/material";
-import React, { useState } from "react";
-import { ButtonTextPrimary } from "../../../common/Button/components/ButtonTextPrimary/buttonTextPrimary";
-import { DropdownButton } from "../../../common/Button/components/DropdownButton/dropdownButton";
-import { CheckedIcon } from "../../../common/CustomIcon/components/CheckedIcon/checkedIcon";
-import { UncheckedIcon } from "../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon";
-import { Menu } from "./checkboxMenu.styles";
-export const CheckboxMenu = ({ label: buttonLabel, onReset, options, }) => {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const open = Boolean(anchorEl);
-    const onOpenMenu = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    const onCloseMenu = () => {
-        setAnchorEl(null);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(DropdownButton, { onClick: onOpenMenu, open: open }, buttonLabel),
-        React.createElement(Menu, { anchorEl: anchorEl, anchorOrigin: { horizontal: "right", vertical: "bottom" }, onClose: onCloseMenu, open: open, slotProps: { paper: { variant: "menu" } }, transformOrigin: {
-                horizontal: "right",
-                vertical: "top",
-            } },
-            options.map(({ checked, disabled = false, label, onChange, value }) => (React.createElement(ListItemButton, { disabled: disabled, key: value, onClick: onChange, role: undefined },
-                React.createElement(Checkbox, { checked: checked, checkedIcon: React.createElement(CheckedIcon, null), disabled: disabled, icon: React.createElement(UncheckedIcon, null) }),
-                React.createElement(ListItemText, { disableTypography: true, primary: React.createElement("span", null, label) })))),
-            React.createElement(ListItem, { component: "div" },
-                React.createElement(ButtonTextPrimary, { onClick: onReset }, "Reset")))));
-};

package/lib/components/Table/components/CheckboxMenu/checkboxMenu.stories.d.ts

@@ -1,5 +0,0 @@
-import { ComponentMeta } from "@storybook/react";
-import { CheckboxMenu } from "./checkboxMenu";
-declare const _default: ComponentMeta<typeof CheckboxMenu>;
-export default _default;
-export declare const CheckboxMenuStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./checkboxMenu").CheckboxMenuProps>;

package/lib/components/Table/components/CheckboxMenu/checkboxMenu.stories.js

@@ -1,46 +0,0 @@
-import React from "react";
-import { CheckboxMenu } from "./checkboxMenu";
-export default {
-    argTypes: {
-        label: { control: "text" },
-        onReset: { control: { disabled: true } },
-        options: { control: "array" },
-    },
-    component: CheckboxMenu,
-    title: "Components/Common/Menu/CheckboxMenu",
-};
-const CheckboxMenuTemplate = (args) => (React.createElement(CheckboxMenu, { ...args }));
-const onChange = () => {
-    // onChange function
-};
-const onReset = () => {
-    // onReset function
-};
-export const CheckboxMenuStory = CheckboxMenuTemplate.bind({});
-CheckboxMenuStory.args = {
-    label: "Options",
-    onReset: onReset,
-    options: [
-        {
-            checked: true,
-            disabled: true,
-            label: "Item 1",
-            onChange,
-            value: "item_1",
-        },
-        {
-            checked: false,
-            disabled: false,
-            label: "Item 2",
-            onChange,
-            value: "item_2",
-        },
-        {
-            checked: true,
-            disabled: false,
-            label: "Item 3",
-            onChange,
-            value: "item_3",
-        },
-    ],
-};

package/lib/components/Table/components/CheckboxMenu/checkboxMenu.styles.d.ts

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

package/lib/components/Table/components/CheckboxMenu/checkboxMenu.styles.js

@@ -1,21 +0,0 @@
-import styled from "@emotion/styled";
-import { Menu as MMenu } from "@mui/material";
-export const Menu = styled(MMenu) `
-  .MuiPaper-menu {
-    margin: 4px 0;
-  }
-
-  // List item button
-  .MuiListItemButton-root {
-    gap: 8px;
-  }
-
-  // List item
-  .MuiListItem-root {
-    padding: 10px 16px;
-  }
-
-  .MuiListItemButton-root.Mui-disabled {
-    opacity: 1;
-  }
-`;

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/TableCreator/common/constants.d.ts

@@ -1,6 +0,0 @@
-import { RowData } from "@tanstack/react-table";
-import { BaseColumnConfig } from "./entities";
-export declare const ACCESSOR_KEYS: {
-    SELECT: string;
-};
-export declare const COLUMN_CONFIGS: Record<string, BaseColumnConfig<RowData, unknown>>;

package/lib/components/TableCreator/common/constants.js

@@ -1,19 +0,0 @@
-import { RowSelectionCell } from "../../Table/components/TableCell/components/RowSelectionCell/rowSelectionCell";
-export const ACCESSOR_KEYS = {
-    SELECT: "select",
-};
-export const COLUMN_CONFIGS = {
-    SELECT: {
-        columnPinned: false,
-        columnVisible: false,
-        componentConfig: { component: RowSelectionCell },
-        disableHiding: true,
-        disableSorting: true,
-        header: ACCESSOR_KEYS.SELECT,
-        id: ACCESSOR_KEYS.SELECT,
-        meta: {
-            header: "",
-        },
-        width: "max-content",
-    },
-};

package/lib/components/TableCreator/common/entities.d.ts

@@ -1,5 +0,0 @@
-import { ColumnMeta } from "@tanstack/react-table";
-import { ColumnConfig } from "../../../config/entities";
-export interface BaseColumnConfig<T, TValue> extends ColumnConfig<T> {
-    meta?: ColumnMeta<T, TValue>;
-}

package/lib/components/TableCreator/common/entities.js

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

package/lib/components/TableCreator/tableCreator.styles.d.ts

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

package/lib/components/TableCreator/tableCreator.styles.js

@@ -1,4 +0,0 @@
-import styled from "@emotion/styled";
-export const TableCreator = styled.div `
-  position: relative; // Required; when the table mounts, the loading element should not transition in and therefore to position the loading element correctly, the parent container must be styled with position relative.
-`;

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/Button/components/LoginButton/loginButton.d.ts

@@ -1,3 +0,0 @@
-import { ButtonProps } from "../../button";
-export type LoginButtonProps = Exclude<ButtonProps, "StartIcon">;
-export declare const LoginButton: ({ children, ...props }: LoginButtonProps) => JSX.Element;

package/lib/components/common/Button/components/LoginButton/loginButton.js

@@ -1,6 +0,0 @@
-import React from "react";
-import { LoginButton as Button, LoginButtonText } from "./loginButton.styles";
-export const LoginButton = ({ children, ...props }) => {
-    return (React.createElement(Button, { fullWidth: true, ...props },
-        React.createElement(LoginButtonText, null, children)));
-};

package/lib/components/common/Button/components/LoginButton/loginButton.styles.d.ts

@@ -1,7 +0,0 @@
-export declare const LoginButton: import("@emotion/styled").StyledComponent<Omit<import("../../button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme;
-}, {}, {}>;
-export declare const LoginButtonText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;