@stytch/vanilla-js 4.12.2 → 4.13.0

package/dist/adminPortal/StytchClientContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StytchB2BHeadlessClient } from '../b2b/StytchB2BHeadlessClient';
+export declare const StytchClientContext: React.Context<StytchB2BHeadlessClient | null>;

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

@@ -0,0 +1,6 @@
+import { Accordion as MUIAccordion, AccordionDetails as MUIAccordionDetails, AccordionSummary as MUIAccordionSummary } from '@material-ui/core';
+import React from 'react';
+export { useAccordion } from '../shared/components/Accordion';
+export declare const Accordion: (props: React.ComponentProps<typeof MUIAccordion>) => JSX.Element;
+export declare const AccordionSummary: (props: React.ComponentProps<typeof MUIAccordionSummary>) => JSX.Element;
+export declare const AccordionDetails: (props: React.ComponentProps<typeof MUIAccordionDetails>) => JSX.Element;

package/dist/adminPortal/components/ActionMenu.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TableActionCoreProps } from '../shared/components/TableActions';
+export interface Action<T> {
+    key: string;
+    label: string;
+    icon: React.ReactNode;
+    onClick: (item: T) => void;
+    isDangerous?: boolean;
+    isVisible?: boolean | ((item: T) => boolean);
+}
+interface UseActionMenuParams<T extends {
+    id: string;
+}> {
+    actions: readonly Readonly<Action<T>>[];
+    idPrefix: string;
+}
+export declare const useActionMenu: <T extends {
+    id: string;
+}>({ actions, idPrefix }: UseActionMenuParams<T>) => {
+    getItemActionProps: (item: T) => TableActionCoreProps;
+};
+export {};

package/dist/adminPortal/components/Alert.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Alert: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

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

@@ -0,0 +1,6 @@
+import React, { FC } from 'react';
+import { ButtonCoreProps } from '../shared/components/Button';
+export type ButtonProps = ButtonCoreProps & {
+    component?: 'span' | 'button' | 'div';
+};
+export declare const Button: FC<ButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { CodeCoreProps } from '../shared/components/Code';
+import { StyleRules, Theme } from '@material-ui/core';
+export type CodeProps = CodeCoreProps;
+export declare const commonCodeStyles: (theme: Theme) => StyleRules<'code'>;
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"code">;
+export declare const Code: FC<CodeProps>;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { CopyableTextCoreProps, CopyableTruncatedIdCoreProps } from '../shared/components/CopyableText';
+export interface CopyableTextProps extends CopyableTextCoreProps {
+    whiteSpace?: 'pre-wrap' | undefined;
+}
+export declare const CopyableText: (props: CopyableTextProps) => JSX.Element;
+export declare const CopyableTruncatedId: FC<CopyableTruncatedIdCoreProps>;

package/dist/adminPortal/components/DeleteConnection.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Connection } from '../utils/Connection';
+interface DeleteConnectionModalProps {
+    connectionName: string | undefined;
+    isOpen: boolean;
+    close: () => void;
+    confirm: () => Promise<void>;
+}
+export declare const DeleteConfirmModal: ({ connectionName, ...modalProps }: DeleteConnectionModalProps) => React.JSX.Element;
+export declare const useDeleteConnection: ({ onConfirm }?: {
+    onConfirm?: (() => void) | undefined;
+}) => {
+    handleRequestDelete: (connection: Pick<Connection, 'displayName' | 'id'>) => void;
+    modalProps: {
+        connectionName: string | undefined;
+        isOpen: boolean;
+        close: () => void;
+        confirm: () => Promise<void>;
+    };
+};
+export {};

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

@@ -0,0 +1,3 @@
+import { EmbeddedTableCoreProps } from '../shared/components/EmbeddedTable';
+export type EmbeddedTableProps<T> = EmbeddedTableCoreProps<T>;
+export declare const EmbeddedTable: <T extends string | Record<string, unknown>>(props: EmbeddedTableProps<T>) => JSX.Element;

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

@@ -0,0 +1 @@
+export { FlexBox } from '../shared/components/FlexBox';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InfoIconCoreProps } from '../shared/components/InfoIcon';
+export declare const InfoIcon: (props: InfoIconCoreProps) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import { InputCoreProps } from '../shared/components/Input';
+export interface InputProps extends InputCoreProps {
+    labelVariant?: 'body1' | 'body2';
+}
+export declare const Input: ({ labelVariant, ...props }: InputProps) => JSX.Element;

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { LabelCoreProps } from '../shared/components/Label';
+export type LabelProps = LabelCoreProps;
+export declare const Label: FC<LabelProps>;

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

@@ -0,0 +1,4 @@
+import { ListEditorCoreProps } from '../shared/components/ListEditor';
+export { ADD_NEW_BUTTON_TEXT, type AddModalProps } from '../shared/components/ListEditor';
+export type ListEditorProps<T> = ListEditorCoreProps<T>;
+export declare const ListEditor: <T extends string | Record<string, unknown>>(props: ListEditorProps<T>) => JSX.Element;

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

@@ -0,0 +1,4 @@
+import { MenuItemCoreProps } from '../shared/components/MenuItem';
+export type { MenuItemFields } from '../shared/components/MenuItem';
+type MenuItemProps = MenuItemCoreProps;
+export declare const MenuItem: (props: MenuItemProps) => JSX.Element;

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

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+import { ModalStateType } from '../shared/components/Modal';
+export { useModalState, type ModalStateType } from '../shared/components/Modal';
+export type ModalProps = Omit<ModalStateType, 'open'> & {
+    cancelButtonText?: string;
+    description?: string;
+    confirmButtonText?: string;
+    disableConfirm?: boolean;
+    warning?: boolean;
+    title: string;
+    showLoadingOnConfirm?: boolean;
+    noCancelButton?: boolean;
+    keepOpenOnConfirm?: boolean;
+    children?: ReactNode;
+};
+export declare const Modal: FC<ModalProps>;

package/dist/adminPortal/components/PageLoadingIndicator.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PageLoadingIndicator: () => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import { PaginatedTableCoreProps } from '../shared/components/PaginatedTable';
+type PaginatedTableProps<T> = PaginatedTableCoreProps<T>;
+export declare const PaginatedTable: <T extends Record<string, unknown>>(props: PaginatedTableProps<T>) => JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+import { SearchBarCoreProps } from '../shared/components/SearchBar';
+declare const SearchBar: (props: SearchBarCoreProps) => JSX.Element;
+export default SearchBar;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SelectCoreProps } from '../shared/components/Select';
+import { MenuItemFields } from './MenuItem';
+export type SelectItem = MenuItemFields;
+export type SelectProps<U extends string | number | string[] | number[]> = SelectCoreProps<U, SelectItem>;
+export declare const Select: <U extends string | number | string[] | number[]>(props: SelectCoreProps<U, {
+    disabled?: boolean | undefined;
+    label: string;
+    value: string;
+    subtext?: string | undefined;
+    onClick?: React.MouseEventHandler<HTMLLIElement> | undefined;
+}>) => JSX.Element;

package/dist/adminPortal/components/SetDefaultConnection.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Connection } from '../utils/Connection';
+interface SetDefaultConnectionModalProps {
+    connectionName: string | undefined;
+    defaultConnectionName: string | undefined;
+    isOpen: boolean;
+    close: () => void;
+    confirm: () => Promise<void>;
+}
+export declare const SetDefaultConfirmModal: ({ connectionName, defaultConnectionName, ...modalProps }: SetDefaultConnectionModalProps) => React.JSX.Element;
+export declare const useMutateDefaultConnection: () => {
+    setDefault: ({ connectionId, connectionName }: {
+        connectionId: string;
+        connectionName: string;
+    }) => Promise<void>;
+};
+export declare const useSetDefaultConnection: ({ defaultConnectionName }: {
+    defaultConnectionName: string | undefined;
+}) => {
+    handleRequestSetDefault: (connection: Pick<Connection, 'displayName' | 'id'>) => void;
+    modalProps: {
+        connectionName: string | undefined;
+        defaultConnectionName: string | undefined;
+        isOpen: boolean;
+        close: () => void;
+        confirm: () => Promise<void>;
+    };
+};
+export {};

package/dist/adminPortal/components/SettingsContainer.d.ts

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from 'react';
+import { UseBlockNavigation } from '../Router';
+type SettingsContextType = {
+    editing: boolean;
+    setEditing: (editing: boolean) => void;
+};
+export declare const useSettingsContainer: () => SettingsContextType;
+type Props = {
+    hasCTA?: boolean;
+    onCancel?: () => void;
+    onSave?: () => Promise<void>;
+    title: string;
+    canEdit?: boolean;
+    disableSave?: boolean;
+    customCTA?: JSX.Element;
+    creating?: boolean;
+    editing?: boolean;
+    setEditing?: (value: boolean) => void;
+    modalDescription?: string;
+    children: ReactNode;
+    useBlockNavigation: UseBlockNavigation;
+};
+export declare const SettingsContainer: FC<Props>;
+export {};

package/dist/adminPortal/components/SettingsList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SettingsList: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/adminPortal/components/SettingsListItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SettingsListItem: ({ children, title }: {
+    children: React.ReactNode;
+    title: React.ReactNode;
+}) => React.JSX.Element;

package/dist/adminPortal/components/SettingsSection.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const SettingsSection: ({ children, title, tooltipText, }: {
+    children: React.ReactNode;
+    title: React.ReactNode;
+    tooltipText?: string | undefined;
+}) => React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import { TableCoreProps } from '../shared/components/Table';
+export type TableProps<T> = TableCoreProps<T>;
+export declare const Table: <T extends Record<string, unknown>>(props: TableProps<T>) => JSX.Element;

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

@@ -0,0 +1,5 @@
+import { TableActionCoreProps } from '../shared/components/TableActions';
+export declare const useTableActionStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"tableActions">;
+export { TABLE_ACTIONS_HEADER } from '../shared/components/TableActions';
+export type TableActionProps = TableActionCoreProps;
+export declare const TableActions: (props: TableActionProps) => JSX.Element;

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

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+export interface TagProps extends PropsWithChildren {
+    size?: 'sm' | 'lg';
+}
+export declare const Tag: FC<TagProps>;

package/dist/adminPortal/components/TagList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const TagList: ({ tags }: {
+    tags: string[];
+}) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ToastContextProviderCoreProps } from '../shared/components/Toast';
+export { useToast } from '../shared/components/Toast';
+export type ToastContextProviderProps = ToastContextProviderCoreProps;
+export declare const ToastContextProvider: FC<ToastContextProviderProps>;

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

@@ -0,0 +1,2 @@
+import { TooltipCoreProps } from '../shared/components/Tooltip';
+export declare const Tooltip: (props: TooltipCoreProps) => JSX.Element;

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TypographyCoreProps } from '../shared/components/Typography';
+export type TypographyProps = TypographyCoreProps;
+export declare const Typography: FC<TypographyProps>;

package/dist/adminPortal/index.d.ts

@@ -0,0 +1,3 @@
+export { mountAdminPortalSSO } from './sso/mountAdminPortalSSO';
+export type { AdminPortalSSOMountOptions } from './sso/mountAdminPortalSSO';
+export type { AdminPortalStyleConfig } from './AdminPortalStyleConfig';