@stytch/vanilla-js 4.12.2 → 4.13.1

package/dist/adminPortal/makeAdminPortalComponentMountFn.d.ts

@@ -0,0 +1,19 @@
+import { PartialDeep } from 'type-fest';
+import { StytchB2BHeadlessClient } from '../b2b/StytchB2BHeadlessClient';
+import { AdminPortalStyleConfig } from './AdminPortalStyleConfig';
+export interface AdminPortalComponentMountOptions {
+    /**
+     * The Stytch B2B client to use.
+     */
+    client: StytchB2BHeadlessClient;
+    /**
+     * An HTML element or query selector string for the element that should contain the UI.
+     * @example '#container'
+     */
+    element: string | HTMLElement;
+    /**
+     * An {@link AdminPortalStyleConfig} object containing custom styling info.
+     */
+    styles?: PartialDeep<AdminPortalStyleConfig>;
+}
+export declare const makeAdminPortalComponentMountFn: <TMountOptions extends AdminPortalComponentMountOptions>(component: import("react").ComponentType<TMountOptions>, webComponentName: string, mountFunctionName: string) => (options: TMountOptions) => void;

package/dist/adminPortal/shared/components/Accordion.d.ts

@@ -0,0 +1,15 @@
+import { AccordionProps, Accordion as MUIAccordion, AccordionDetails as MUIAccordionDetails, AccordionSummary as MUIAccordionSummary } from '@material-ui/core';
+import React, { Dispatch, SetStateAction } from 'react';
+import { Classes } from '../utils/composeStyles';
+export declare const makeAccordionStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"accordion" | "accordionDetails" | "accordionExpanded" | "accordionSummary", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"accordion" | "accordionDetails" | "accordionExpanded" | "accordionSummary", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"accordion" | "accordionDetails" | "accordionExpanded" | "accordionSummary"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"accordion" | "accordionDetails" | "accordionExpanded" | "accordionSummary">;
+interface useAccordionProps {
+    defaultValue: boolean;
+}
+type AccordionBehavior = Pick<AccordionProps, 'expanded' | 'onChange'> & {
+    setExpanded: Dispatch<SetStateAction<boolean>>;
+};
+export declare const useAccordion: ({ defaultValue }?: useAccordionProps) => AccordionBehavior;
+export declare const AccordionCore: (props: React.ComponentProps<typeof MUIAccordion> & Classes<typeof makeAccordionStyles>) => JSX.Element;
+export declare const AccordionSummaryCore: ({ classes, ...props }: React.ComponentProps<typeof MUIAccordionSummary> & Classes<typeof makeAccordionStyles>) => JSX.Element;
+export declare const AccordionDetailsCore: (props: React.ComponentProps<typeof MUIAccordionDetails> & Classes<typeof makeAccordionStyles>) => JSX.Element;
+export {};

package/dist/adminPortal/shared/components/Button.d.ts

@@ -0,0 +1,25 @@
+import { ButtonProps as InternalButtonProps } from '@material-ui/core';
+import React, { MouseEventHandler, ReactNode, VFC } from 'react';
+import { Classes } from '../utils/composeStyles';
+export declare const makeButtonStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"button" | "text" | "primary" | "secondary" | "compact" | "iconOnly" | "ghost" | "warningGhost" | "warningPrimary" | "warningText", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"button" | "text" | "primary" | "secondary" | "compact" | "iconOnly" | "ghost" | "warningGhost" | "warningPrimary" | "warningText", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"button" | "text" | "primary" | "secondary" | "compact" | "iconOnly" | "ghost" | "warningGhost" | "warningPrimary" | "warningText"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"button" | "text" | "primary" | "secondary" | "compact" | "iconOnly" | "ghost" | "warningGhost" | "warningPrimary" | "warningText">;
+type Variant = 'ghost' | 'primary' | 'secondary' | 'text';
+export type ButtonCoreProps = {
+    autoFocus?: boolean;
+    children?: ReactNode;
+    className?: string;
+    compact?: boolean;
+    component?: React.ElementType;
+    disabled?: boolean;
+    endIcon?: ReactNode;
+    fullWidth?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    startIcon?: ReactNode;
+    type?: InternalButtonProps['type'];
+    variant?: Variant;
+    warning?: boolean;
+};
+export type ButtonCoreCommonProps = ButtonCoreProps & {
+    component?: 'span' | 'button' | 'div';
+};
+export declare const ButtonCore: VFC<ButtonCoreProps & Classes<typeof makeButtonStyles>>;
+export {};

package/dist/adminPortal/shared/components/Code.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+import { Classes } from '../utils/composeStyles';
+export declare const CODE_HORIZONTAL_PADDING = 1;
+export declare const commonCodeStyles: {
+    code: {
+        borderRadius: number;
+        width: string;
+    };
+};
+export declare const makeCodeStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"code", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"code", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"code"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"code">;
+export interface CodeCoreProps {
+    children?: ReactNode;
+}
+export declare const CodeCore: FC<CodeCoreProps & Classes<typeof makeCodeStyles>>;

package/dist/adminPortal/shared/components/ContentSpacing.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from 'react';
+export type ContentSpacingCoreProps = {
+    gap?: number;
+    children: ReactNode;
+};
+export declare const ContentSpacingCore: FC<ContentSpacingCoreProps>;

package/dist/adminPortal/shared/components/CopyableText.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { InjectedComponents } from './componentInjection';
+import { Classes } from '../utils/composeStyles';
+export declare const makeCopyableTextStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"code" | "copyableText" | "copyIcon" | "hasCopiedIcon" | "noWrap", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"code" | "copyableText" | "copyIcon" | "hasCopiedIcon" | "noWrap", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"code" | "copyableText" | "copyIcon" | "hasCopiedIcon" | "noWrap"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"code" | "copyableText" | "copyIcon" | "hasCopiedIcon" | "noWrap">;
+export type CopyableTextCoreProps = {
+    children?: string;
+    textToCopy?: string;
+    noWrap?: boolean;
+    id?: string;
+    label?: string;
+};
+export declare const CopyableTextCore: ({ children, textToCopy, noWrap, id, label, classes, CodeComponent: Code, LabelComponent: Label, TypographyComponent: Typography, useClickToCopy, }: CopyableTextCoreProps & Classes<typeof makeCopyableTextStyles> & InjectedComponents<'Code' | 'Label' | 'Typography' | 'useClickToCopy'>) => JSX.Element;
+export interface CopyableTruncatedIdCoreProps {
+    children: string;
+}
+export declare const CopyableTruncatedIdCore: FC<CopyableTruncatedIdCoreProps & InjectedComponents<'CopyableText'>>;

package/dist/adminPortal/shared/components/EmbeddedTable.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { Classes } from '../utils/composeStyles';
+import { TableActionCoreProps } from './TableActions';
+import { InjectedComponents } from './componentInjection';
+import { TableItemRenderer } from './types';
+export declare const makeEmbeddedTableStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"embeddedTableWithActions" | "tableCell" | "tableActionsCell" | "tableHeader" | "bottomAction", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"embeddedTableWithActions" | "tableCell" | "tableActionsCell" | "tableHeader" | "bottomAction", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"embeddedTableWithActions" | "tableCell" | "tableActionsCell" | "tableHeader" | "bottomAction"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"embeddedTableWithActions" | "tableCell" | "tableActionsCell" | "tableHeader" | "bottomAction">;
+export type EmbeddedTableCoreProps<T> = {
+    itemRenderer: TableItemRenderer<T>[];
+    items: T[];
+    rowKeyExtractor?(item: T): string;
+    getItemActionProps?: (item: T, setState: (state: Record<string, unknown>) => void, state?: Record<string, unknown>) => TableActionCoreProps;
+    readOnly?: boolean;
+    initialItemState?: Record<string, unknown>;
+    bottomAction?: ReactNode;
+};
+export declare const EmbeddedTableCore: <T extends string | Record<string, unknown>>({ itemRenderer, items, rowKeyExtractor, getItemActionProps, readOnly, bottomAction, initialItemState, classes, TableActionsComponent: TableActions, TypographyComponent: Typography, }: EmbeddedTableCoreProps<T> & Classes<(<TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"embeddedTableWithActions" | "tableCell" | "tableActionsCell" | "tableHeader" | "bottomAction", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"embeddedTableWithActions" | "tableCell" | "tableActionsCell" | "tableHeader" | "bottomAction", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"embeddedTableWithActions" | "tableCell" | "tableActionsCell" | "tableHeader" | "bottomAction"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"embeddedTableWithActions" | "tableCell" | "tableActionsCell" | "tableHeader" | "bottomAction">)> & InjectedComponents<"Typography" | "TableActions">) => JSX.Element;

package/dist/adminPortal/shared/components/FlexBox.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+type Props = {
+    gap?: number;
+    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+    flexDirection?: 'row' | 'column';
+    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    children: ReactNode;
+};
+export declare const FlexBox: FC<Props>;
+export {};

package/dist/adminPortal/shared/components/InfoIcon.d.ts

@@ -0,0 +1,7 @@
+import { Classes } from '../utils/composeStyles';
+import { InjectedComponents } from './componentInjection';
+export declare const makeInfoIconStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"infoIconContainer", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"infoIconContainer", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"infoIconContainer"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"infoIconContainer">;
+export type InfoIconCoreProps = {
+    tooltipText: string;
+};
+export declare const InfoIconCore: ({ tooltipText, classes, TooltipComponent: Tooltip, }: InfoIconCoreProps & Classes<typeof makeInfoIconStyles> & InjectedComponents<'Tooltip'>) => JSX.Element;

package/dist/adminPortal/shared/components/Input.d.ts

@@ -0,0 +1,28 @@
+import { OutlinedInputProps } from '@material-ui/core';
+import { WithClasses } from '../utils/composeStyles';
+import { InjectedComponents } from './componentInjection';
+export declare const makeInputStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"input" | "fullWidth" | "inputContainer" | "multilineContainer" | "readOnlyContainer" | "fileUploadContainer" | "fileUploadHidden", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"input" | "fullWidth" | "inputContainer" | "multilineContainer" | "readOnlyContainer" | "fileUploadContainer" | "fileUploadHidden", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"input" | "fullWidth" | "inputContainer" | "multilineContainer" | "readOnlyContainer" | "fileUploadContainer" | "fileUploadHidden"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"input" | "fullWidth" | "inputContainer" | "multilineContainer" | "readOnlyContainer" | "fileUploadContainer" | "fileUploadHidden">;
+export type InputCoreProps = {
+    caption?: string;
+    copyable?: boolean;
+    disabled?: boolean;
+    error?: string;
+    fileUpload?: boolean;
+    fullWidth?: boolean;
+    id?: string;
+    inputProps?: OutlinedInputProps['inputProps'];
+    inputRef?: OutlinedInputProps['inputRef'];
+    label?: string;
+    multiline?: boolean;
+    onBlur?: () => void;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onKeyDown?: OutlinedInputProps['onKeyDown'];
+    placeholder?: string;
+    readOnly?: boolean;
+    readOnlyConcealed?: boolean;
+    required?: boolean;
+    type?: OutlinedInputProps['type'];
+    value?: string;
+};
+export declare const InputCore: ({ caption, copyable, disabled, error, fileUpload, fullWidth, id, inputProps, inputRef, label, multiline, onBlur, onChange, onFocus, onKeyDown, placeholder, readOnly, readOnlyConcealed, required, type, value, classes, ButtonComponent, CopyableTextComponent: CopyableText, LabelComponent: Label, TypographyComponent: Typography, }: WithClasses<InputCoreProps, typeof makeInputStyles> & InjectedComponents<'Button' | 'CopyableText' | 'Label' | 'Typography'>) => JSX.Element;

package/dist/adminPortal/shared/components/Label.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+import { InjectedComponents } from './componentInjection';
+export type LabelCoreProps = {
+    children: ReactNode;
+    disabled?: boolean;
+    htmlFor?: string;
+    required?: boolean;
+    variant?: 'body1' | 'body2';
+};
+export declare const LabelCore: FC<LabelCoreProps & InjectedComponents<'Typography'>>;

package/dist/adminPortal/shared/components/ListEditor.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+import { InjectedComponents } from './componentInjection';
+import { EmbeddedTableCoreProps } from './EmbeddedTable';
+import { ModalCoreProps } from './Modal';
+export declare const ADD_NEW_BUTTON_TEXT = "Add new";
+export type AddModalProps = Pick<ModalCoreProps, 'title' | 'description' | 'confirmButtonText' | 'confirm' | 'disableConfirm' | 'noCancelButton' | 'keepOpenOnConfirm'> & {
+    close?(): void;
+    content?: ReactNode;
+};
+export type ListEditorCoreProps<T> = EmbeddedTableCoreProps<T> & {
+    hideAddButton?: boolean;
+    title?: string;
+    description?: string;
+    limit?: number;
+    addModalProps?: AddModalProps;
+    onAdd?(): void;
+};
+export declare const ListEditorCore: <T extends string | Record<string, unknown>>({ title, description, limit, addModalProps, hideAddButton, onAdd, ButtonComponent: Button, EmbeddedTableComponent: EmbeddedTable, ModalComponent: Modal, TypographyComponent: Typography, ...embeddedTableProps }: EmbeddedTableCoreProps<T> & {
+    hideAddButton?: boolean | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    limit?: number | undefined;
+    addModalProps?: AddModalProps | undefined;
+    onAdd?(): void;
+} & InjectedComponents<"Typography" | "Button" | "Modal"> & {
+    EmbeddedTableComponent: React.ComponentType<EmbeddedTableCoreProps<T>>;
+}) => JSX.Element;

package/dist/adminPortal/shared/components/MenuItem.d.ts

@@ -0,0 +1,14 @@
+import { MouseEventHandler, ReactNode } from 'react';
+import { OptionItem, Prettify } from './types';
+import { InjectedComponents } from './componentInjection';
+export type MenuItemFields = Prettify<OptionItem & {
+    subtext?: string;
+    onClick?: MouseEventHandler<HTMLLIElement>;
+}>;
+export type MenuItemCoreProps = MenuItemFields & {
+    Icon?: ReactNode;
+    selected?: boolean;
+    forceSelected?: boolean;
+    footer?: ReactNode;
+};
+export declare const MenuItemCore: ({ Icon, disabled, footer, forceSelected, label, onClick, selected, subtext, TypographyComponent: Typography, }: MenuItemCoreProps & InjectedComponents<'Typography'>) => JSX.Element;

package/dist/adminPortal/shared/components/Modal.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export type ModalStateType = {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    confirm: () => Promise<void>;
+};
+export declare const useModalState: (confirmAction?: () => unknown) => ModalStateType;
+export type ModalCoreProps = Omit<ModalStateType, 'open'> & {
+    cancelButtonText?: string;
+    description?: string;
+    confirmButtonText?: string;
+    disableConfirm?: boolean;
+    warning?: boolean;
+    title: string;
+    showLoadingOnConfirm?: boolean;
+    noCancelButton?: boolean;
+    keepOpenOnConfirm?: boolean;
+    children?: ReactNode;
+};

package/dist/adminPortal/shared/components/PaginatedTable.d.ts

@@ -0,0 +1,30 @@
+import React, { ComponentType } from 'react';
+import { InjectedComponents } from './componentInjection';
+import { TableCoreProps } from './Table';
+import { Classes } from '../utils/composeStyles';
+export declare const DEFAULT_TABLE_ROWS_PER_PAGE = 20;
+export declare const makePaginatedTableStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"tablePagination" | "paginationBoder" | "emptyTable", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"tablePagination" | "paginationBoder" | "emptyTable", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"tablePagination" | "paginationBoder" | "emptyTable"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"tablePagination" | "paginationBoder" | "emptyTable">;
+export type PaginatedTableCoreProps<T> = TableCoreProps<T> & {
+    currentPage: number;
+    loadNext(): void;
+    isLoading?: boolean;
+    metadata?: {
+        cursor: string;
+        total: number;
+    };
+    setCurrentPage(page: number): void;
+    rowsPerPage?: number;
+};
+export declare const PaginatedTableCore: <T extends Record<string, unknown>>({ currentPage, loadNext, isLoading, metadata, setCurrentPage, rowsPerPage, classes, TableComponent: Table, TypographyComponent: Typography, ...tableProps }: TableCoreProps<T> & {
+    currentPage: number;
+    loadNext(): void;
+    isLoading?: boolean | undefined;
+    metadata?: {
+        cursor: string;
+        total: number;
+    } | undefined;
+    setCurrentPage(page: number): void;
+    rowsPerPage?: number | undefined;
+} & Classes<(<TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"tablePagination" | "paginationBoder" | "emptyTable", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"tablePagination" | "paginationBoder" | "emptyTable", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"tablePagination" | "paginationBoder" | "emptyTable"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"tablePagination" | "paginationBoder" | "emptyTable">)> & InjectedComponents<"Typography"> & {
+    TableComponent: React.ComponentType<TableCoreProps<T>>;
+}) => JSX.Element;

package/dist/adminPortal/shared/components/SearchBar.d.ts

@@ -0,0 +1,6 @@
+import { Classes } from '../utils/composeStyles';
+import { InputCoreProps } from './Input';
+import { InjectedComponents } from './componentInjection';
+export declare const makeSearchBarStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"icon" | "searchBar" | "searchInput" | "searchIcon" | "slashIcon" | "slashIconContainer", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"icon" | "searchBar" | "searchInput" | "searchIcon" | "slashIcon" | "slashIconContainer", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "searchBar" | "searchInput" | "searchIcon" | "slashIcon" | "slashIconContainer"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"icon" | "searchBar" | "searchInput" | "searchIcon" | "slashIcon" | "slashIconContainer">;
+export type SearchBarCoreProps = Pick<InputCoreProps, 'label' | 'id' | 'onChange' | 'placeholder' | 'value'>;
+export declare const SearchBarCore: ({ classes, InputComponent: Input, ...inputProps }: SearchBarCoreProps & Classes<typeof makeSearchBarStyles> & InjectedComponents<'Input'>) => JSX.Element;

package/dist/adminPortal/shared/components/Select.d.ts

@@ -0,0 +1,30 @@
+import React, { MouseEventHandler, ReactNode } from 'react';
+import { InjectedComponents } from './componentInjection';
+import { OptionItem } from './types';
+import { Classes } from '../utils/composeStyles';
+export declare const makeSelectStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"select" | "disabled" | "fullWidth" | "readOnlyContainer" | "checkIcon" | "menuPaper" | "selectContainer" | "selectContainerOpen", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"select" | "disabled" | "fullWidth" | "readOnlyContainer" | "checkIcon" | "menuPaper" | "selectContainer" | "selectContainerOpen", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"select" | "disabled" | "fullWidth" | "readOnlyContainer" | "checkIcon" | "menuPaper" | "selectContainer" | "selectContainerOpen"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"select" | "disabled" | "fullWidth" | "readOnlyContainer" | "checkIcon" | "menuPaper" | "selectContainer" | "selectContainerOpen">;
+type SelectItem = OptionItem & {
+    Icon?: ReactNode;
+    selected?: boolean;
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    forceSelected?: boolean;
+};
+export type SelectCoreProps<U extends string | number | string[] | number[], TSelectItem> = {
+    caption?: string;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    id?: string;
+    label?: ReactNode;
+    menuAnchorHorizontal?: 'left' | 'right' | 'center';
+    selectItems: TSelectItem[];
+    multiple?: boolean;
+    onChange?: (value: U) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    value?: U | null;
+};
+export declare const SelectCore: <U extends string | number | string[] | number[], TSelectItem extends SelectItem>({ caption, disabled, fullWidth, id, label, menuAnchorHorizontal, selectItems, multiple, onChange, placeholder, readOnly, required, value, classes, LabelComponent: Label, MenuItemComponent: MenuItem, TypographyComponent: Typography, }: SelectCoreProps<U, TSelectItem> & Classes<(<TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"select" | "disabled" | "fullWidth" | "readOnlyContainer" | "checkIcon" | "menuPaper" | "selectContainer" | "selectContainerOpen", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"select" | "disabled" | "fullWidth" | "readOnlyContainer" | "checkIcon" | "menuPaper" | "selectContainer" | "selectContainerOpen", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"select" | "disabled" | "fullWidth" | "readOnlyContainer" | "checkIcon" | "menuPaper" | "selectContainer" | "selectContainerOpen"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"select" | "disabled" | "fullWidth" | "readOnlyContainer" | "checkIcon" | "menuPaper" | "selectContainer" | "selectContainerOpen">)> & InjectedComponents<"Label" | "Typography"> & {
+    MenuItemComponent: React.ComponentType<SelectItem | TSelectItem>;
+}) => JSX.Element;
+export {};

package/dist/adminPortal/shared/components/Table.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType } from 'react';
+import { Classes } from '../utils/composeStyles';
+import { TableActionCoreProps } from './TableActions';
+import { InjectedComponents } from './componentInjection';
+import { TableItemRenderer } from './types';
+export declare const makeTableStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"tableCell" | "tableActionsCell" | "tableHeader" | "tableWithExpandedContent" | "tableWithActions" | "tableHeaderActionsCell" | "cellWithExpandedContent" | "expandMoreCell" | "openChevron" | "expandedRow" | "expandedContentCell" | "expandedContentContainer" | "clickable", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"tableCell" | "tableActionsCell" | "tableHeader" | "tableWithExpandedContent" | "tableWithActions" | "tableHeaderActionsCell" | "cellWithExpandedContent" | "expandMoreCell" | "openChevron" | "expandedRow" | "expandedContentCell" | "expandedContentContainer" | "clickable", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"tableCell" | "tableActionsCell" | "tableHeader" | "tableWithExpandedContent" | "tableWithActions" | "tableHeaderActionsCell" | "cellWithExpandedContent" | "expandMoreCell" | "openChevron" | "expandedRow" | "expandedContentCell" | "expandedContentContainer" | "clickable"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"tableCell" | "tableActionsCell" | "tableHeader" | "tableWithExpandedContent" | "tableWithActions" | "tableHeaderActionsCell" | "cellWithExpandedContent" | "expandMoreCell" | "openChevron" | "expandedRow" | "expandedContentCell" | "expandedContentContainer" | "clickable">;
+export type TableCoreProps<T> = {
+    ExpandedContent?: ComponentType<{
+        data: T;
+    }>;
+    itemRenderer: TableItemRenderer<T>[];
+    items: T[];
+    rowKeyExtractor?(item: T): string;
+    onRowClick?(id: string): void;
+    getItemActionProps?: (item: T) => TableActionCoreProps;
+};
+export declare const TableCore: <T extends Record<string, unknown>>({ ExpandedContent, itemRenderer, items, rowKeyExtractor, onRowClick, getItemActionProps, classes, TableActionsComponent: TableActions, TypographyComponent: Typography, }: TableCoreProps<T> & Classes<(<TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"tableCell" | "tableActionsCell" | "tableHeader" | "tableWithExpandedContent" | "tableWithActions" | "tableHeaderActionsCell" | "cellWithExpandedContent" | "expandMoreCell" | "openChevron" | "expandedRow" | "expandedContentCell" | "expandedContentContainer" | "clickable", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"tableCell" | "tableActionsCell" | "tableHeader" | "tableWithExpandedContent" | "tableWithActions" | "tableHeaderActionsCell" | "cellWithExpandedContent" | "expandMoreCell" | "openChevron" | "expandedRow" | "expandedContentCell" | "expandedContentContainer" | "clickable", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"tableCell" | "tableActionsCell" | "tableHeader" | "tableWithExpandedContent" | "tableWithActions" | "tableHeaderActionsCell" | "cellWithExpandedContent" | "expandMoreCell" | "openChevron" | "expandedRow" | "expandedContentCell" | "expandedContentContainer" | "clickable"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"tableCell" | "tableActionsCell" | "tableHeader" | "tableWithExpandedContent" | "tableWithActions" | "tableHeaderActionsCell" | "cellWithExpandedContent" | "expandMoreCell" | "openChevron" | "expandedRow" | "expandedContentCell" | "expandedContentContainer" | "clickable">)> & InjectedComponents<"Typography" | "TableActions">) => JSX.Element;

package/dist/adminPortal/shared/components/TableActions.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { InjectedComponents } from './componentInjection';
+export declare const useTableActionStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"tableActions">;
+export declare const TABLE_ACTIONS_HEADER = "Actions";
+type TableAction = {
+    onClick: () => void;
+    text: string;
+};
+export type TableActionCoreProps = {
+    warningAction?: TableAction;
+    action?: TableAction;
+    customAction?: ReactNode;
+};
+export declare const TableActionsCore: ({ warningAction, action, customAction, ButtonComponent: Button, }: TableActionCoreProps & InjectedComponents<'Button'>) => JSX.Element;
+export {};

package/dist/adminPortal/shared/components/Tag.d.ts

@@ -0,0 +1,4 @@
+import { FC, PropsWithChildren } from 'react';
+import { Classes } from '../utils/composeStyles';
+export declare const makeTagStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"tag", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"tag", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"tag"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"tag">;
+export declare const TagCore: FC<PropsWithChildren & Classes<typeof makeTagStyles>>;

package/dist/adminPortal/shared/components/Toast.d.ts

@@ -0,0 +1,18 @@
+import React, { FC, PropsWithChildren, ReactNode } from 'react';
+import { InjectedComponents } from './componentInjection';
+import { Classes } from '../utils/composeStyles';
+export declare const makeToastStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"error" | "success" | "snackbar" | "closeButton" | "closeIcon" | "toast" | "errorIcon" | "successIcon", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"error" | "success" | "snackbar" | "closeButton" | "closeIcon" | "toast" | "errorIcon" | "successIcon", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"error" | "success" | "snackbar" | "closeButton" | "closeIcon" | "toast" | "errorIcon" | "successIcon"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"error" | "success" | "snackbar" | "closeButton" | "closeIcon" | "toast" | "errorIcon" | "successIcon">;
+type ToastType = 'success' | 'error';
+type ToastContextType = {
+    openToast(options: {
+        text: ReactNode;
+        type: ToastType;
+        openDurationMS?: number;
+    }): void;
+    closeToast(): void;
+};
+export declare const ToastContext: React.Context<ToastContextType>;
+export declare const useToast: () => ToastContextType;
+export type ToastContextProviderCoreProps = PropsWithChildren;
+export declare const ToastContextProviderCore: FC<ToastContextProviderCoreProps & Classes<typeof makeToastStyles> & InjectedComponents<'Typography'>>;
+export {};

package/dist/adminPortal/shared/components/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { TooltipProps } from '@material-ui/core';
+import { ReactElement } from 'react';
+import { Classes } from '../utils/composeStyles';
+import { InjectedComponents } from './componentInjection';
+export declare const makeTooltipStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"tooltip" | "targetWrapper", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"tooltip" | "targetWrapper", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"tooltip" | "targetWrapper"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"tooltip" | "targetWrapper">;
+export type TooltipCoreProps = {
+    children: ReactElement;
+    text: string;
+    disabled?: boolean;
+    placement?: TooltipProps['placement'];
+};
+export declare const TooltipCore: ({ text, children, disabled, placement, classes, TypographyComponent: Typography, }: TooltipCoreProps & Classes<typeof makeTooltipStyles> & InjectedComponents<'Typography'>) => JSX.Element;

package/dist/adminPortal/shared/components/Typography.d.ts

@@ -0,0 +1,15 @@
+import { TypographyProps as MUITypographyProps } from '@material-ui/core';
+import React, { FC, ReactNode } from 'react';
+import { Classes } from '../utils/composeStyles';
+export declare const makeTypographyStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"disabled" | "typography", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"disabled" | "typography", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"disabled" | "typography"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"disabled" | "typography">;
+type Color = 'primary' | 'secondary' | 'error';
+export type TypographyCoreProps = {
+    align?: MUITypographyProps['align'];
+    children?: ReactNode;
+    color?: Color;
+    component?: React.ElementType;
+    disabled?: boolean;
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'body1' | 'body2';
+};
+export declare const TypographyCore: FC<TypographyCoreProps & Classes<typeof makeTypographyStyles>>;
+export {};

package/dist/adminPortal/shared/components/componentInjection.d.ts

@@ -0,0 +1,48 @@
+import { UseClickToCopyCoreParams, UseClickToCopyCoreReturnType } from '../utils/clickToCopyUtils';
+import { ButtonCoreCommonProps } from './Button';
+import { CodeCoreProps } from './Code';
+import { CopyableTextCoreProps } from './CopyableText';
+import { InputCoreProps } from './Input';
+import { LabelCoreProps } from './Label';
+import { ModalCoreProps } from './Modal';
+import { SearchBarCoreProps } from './SearchBar';
+import { TableActionCoreProps } from './TableActions';
+import { TooltipCoreProps } from './Tooltip';
+import { TypographyCoreProps } from './Typography';
+/**
+ * A map of shared components to their (shared) props. Add new components here
+ * so that they may be referenced via dependency injection.
+ */
+type SharedComponentPropsMap = {
+    Button: ButtonCoreCommonProps;
+    Code: CodeCoreProps;
+    CopyableText: CopyableTextCoreProps;
+    Input: InputCoreProps;
+    Label: LabelCoreProps;
+    Modal: ModalCoreProps;
+    SearchBar: SearchBarCoreProps;
+    TableActions: TableActionCoreProps;
+    Tooltip: TooltipCoreProps;
+    Typography: TypographyCoreProps;
+};
+type SharedHooksMap = {
+    useClickToCopy: [[UseClickToCopyCoreParams], UseClickToCopyCoreReturnType];
+};
+/**
+ * Helper type for declaring props to reference other components via dependency
+ * injection.
+ *
+ * @template T The string identifier(s) of the components to reference. To
+ * reference multiple components, use a union type.
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = ({ ButtonComponent, ...props }: MyComponentProps & InjectedComponents<'Button'>) => {
+ *   return <ButtonComponent>...</ButtonComponent>;
+ * };
+ * ```
+ */
+export type InjectedComponents<T extends keyof SharedComponentPropsMap | keyof SharedHooksMap> = {
+    [K in T as K extends keyof SharedComponentPropsMap ? `${K}Component` : K]: K extends keyof SharedComponentPropsMap ? React.ComponentType<SharedComponentPropsMap[K]> : K extends keyof SharedHooksMap ? (...params: SharedHooksMap[K][0]) => SharedHooksMap[K][1] : never;
+};
+export {};

package/dist/adminPortal/shared/components/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_GAP = 1;
+export declare const DEFAULT_GRID_COLUMN_WIDTH = 360;
+export declare const DEFAULT_MAX_ITEM_WIDTH: number;

package/dist/adminPortal/shared/components/types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type OptionItem = {
+    disabled?: boolean;
+    label: string;
+    value: string;
+};
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+export type TableItemRenderer<T> = {
+    title: string;
+    getValue(data: T, state?: Record<string, unknown>): string | number | boolean | ReactNode;
+};

package/dist/adminPortal/shared/utils/clickToCopyUtils.d.ts

@@ -0,0 +1,15 @@
+import { MouseEvent, ReactNode } from 'react';
+import { Classes } from './composeStyles';
+export declare const makeClickToCopyStyles: <TProps extends object>(...styles: (Partial<import("@material-ui/core").StyleRules<"checkCircle" | "darkBackground" | "containerHover", TProps>> | ((theme: import("@material-ui/core").Theme) => Partial<import("@material-ui/core").StyleRules<"checkCircle" | "darkBackground" | "containerHover", TProps>>))[]) => keyof TProps extends never ? (props?: any) => import("@material-ui/styles").ClassNameMap<"checkCircle" | "darkBackground" | "containerHover"> : (props: TProps) => import("@material-ui/styles").ClassNameMap<"checkCircle" | "darkBackground" | "containerHover">;
+export interface UseClickToCopyCoreParams {
+    darkBackground?: boolean;
+    iconSize?: 'small' | 'medium' | 'large';
+    text: string;
+}
+export interface UseClickToCopyCoreReturnType {
+    copied: boolean;
+    copyToClipboard: (e: MouseEvent<HTMLElement>) => void;
+    CopyIcon: ReactNode;
+    containerHoverClass: string;
+}
+export declare const useClickToCopyCore: ({ classes, darkBackground, iconSize, text, }: UseClickToCopyCoreParams & Classes<typeof makeClickToCopyStyles>) => UseClickToCopyCoreReturnType;

package/dist/adminPortal/shared/utils/composeStyles.d.ts

@@ -0,0 +1,60 @@
+import { Theme as DefaultTheme } from '@material-ui/core/styles/createTheme';
+import { ClassNameMap, StyleRules, StyleRulesCallback } from '@material-ui/core/styles/withStyles';
+type PartialStyles<Theme, ClassKey extends string, Props extends object> = ((theme: Theme) => Partial<StyleRules<ClassKey, Props>>) | Partial<StyleRules<ClassKey, Props>>;
+export declare const composeStyles: <Theme = DefaultTheme, Props extends object = {}, ClassKey extends string = string>(...styles: PartialStyles<Theme, ClassKey, Props>[]) => StyleRulesCallback<Theme, Props, ClassKey>;
+/**
+ * A factory function for creating a makeStyles function with a base set of
+ * styles. Use this when creating a shared version of a component that needs to
+ * accept additional styles.
+ *
+ * @param baseStyles Base styles to be applied first
+ * @returns A typed version of makeStyles that merges the given base style with
+ * additional styles supplied later
+ *
+ * @example
+ * ```tsx
+ * const makeButtonStyles = makeStylesFactory((theme) => ({
+ *   // base styles
+ *   button: {
+ *     padding: theme.spacing(1),
+ *   },
+ * }));
+ *
+ * // Base component definition
+ * const ButtonCore = ({ classes, ...props }: ButtonProps & Classes<typeof makeButtonStyles>) => {
+ *   // ...
+ * };
+ *
+ * // Hook that generates merged styles
+ * const useStyles = makeButtonStyles((theme) => ({
+ *   // additional styles to be merged
+ *   button: {
+ *     backgroundColor: theme.palette.primary.main,
+ *   },
+ * }));
+ *
+ * // Customized component definition
+ * const Button = (props: ButtonProps) => {
+ *   const classes = useStyles();
+ *   return <ButtonCore {...props} classes={classes} />;
+ * };
+ * ```
+ */
+export declare const makeStylesFactory: <Props extends object, ClassKey extends string>(...baseStyles: PartialStyles<DefaultTheme, ClassKey, Props>[]) => <TProps extends Props>(...styles: PartialStyles<DefaultTheme, ClassKey, TProps>[]) => keyof TProps extends never ? (props?: any) => ClassNameMap<ClassKey> : (props: TProps) => ClassNameMap<ClassKey>;
+export type ClassKeyFromFactory<T> = T extends (...args: any) => (...args: any) => ClassNameMap<infer U> ? ClassNameMap<U> : never;
+/**
+ * A type that adds a `classes` prop to a component's props, given a factory
+ * function returned from `makeStylesFactory`.
+ *
+ * @example
+ * ```tsx
+ * const MyComponent = ({ classes, ...props }: MyComponentProps & Classes<typeof makeMyComponentStyles>) => {
+ *   // classes is the return value of `useStyles`
+ * };
+ * ```
+ */
+export type Classes<T> = {
+    classes: ClassKeyFromFactory<T>;
+};
+export type WithClasses<P, T> = P & Classes<T>;
+export {};