@stytch/vanilla-js 4.13.2 → 4.14.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @stytch/vanilla-js
 
+## 4.14.0
+
+### Minor Changes
+
+- 1ade8d93: Add Admin Portal Org Settings UI. The Admin Portal Org Settings UI can be rendered using the `mountAdminPortalOrgSettings` function from `@stytch/vanilla-js/b2b/adminPortal`.
+
+### Patch Changes
+
+- 5e45de5f: Allow users to change number of rows per page in Admin Portal tables
+- Updated dependencies [e1b798f4]
+  - @stytch/core@2.18.0
+
+## 4.13.3
+
+### Patch Changes
+
+- 8c1992d1: Prevent login UI buttons from submitting parent forms
+- 6b6833ef: Improve role selection in Admin Portal
+- Updated dependencies [bf21c792]
+  - @stytch/core@2.17.2
+
 ## 4.13.2
 
 ### Patch Changes

package/dist/SubscriptionService.d.ts

@@ -3,7 +3,6 @@ import { IConsumerSubscriptionService, IB2BSubscriptionService, ISubscriptionSer
 import Cookies from 'js-cookie';
 type SubscriberFunction<T> = (value: T | null) => void;
 type Subscribers<T> = Record<string, SubscriberFunction<T>>;
-export declare const getLocalStorageKey: (publicToken: string, key?: string) => string;
 export declare class SubscriptionDataLayer<T extends ConsumerState | B2BState> {
     publicToken: string;
     state: T | null;

package/dist/adminPortal/AdminPortalWrapper.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
 import { AdminPortalComponentMountOptions } from './makeAdminPortalComponentMountFn';
-export declare const AdminPortalWrapper: ({ children, options, }: {
+interface AdminPortalOptions<T> extends AdminPortalComponentMountOptions {
+    config?: T;
+}
+export declare const AdminPortalWrapper: <T>({ children, options, }: {
     children?: React.ReactNode;
-    options: AdminPortalComponentMountOptions;
+    options: AdminPortalOptions<T>;
 }) => React.JSX.Element;
+export {};

package/dist/adminPortal/StytchClientContext.d.ts

@@ -1,3 +1,10 @@
 import React from 'react';
 import { StytchB2BHeadlessClient } from '../b2b/StytchB2BHeadlessClient';
-export declare const StytchClientContext: React.Context<StytchB2BHeadlessClient | null>;
+import { AdminPortalOrgUIConfig } from './settings/AdminPortalOrgSettings';
+export type AdminPortalContext<T> = {
+    client: StytchB2BHeadlessClient | null;
+    config?: T;
+};
+export declare const StytchClientContext: React.Context<AdminPortalContext<unknown>>;
+export declare const useAdminPortalContext: <T>() => AdminPortalContext<T>;
+export declare const useAdminPortalOrgUIConfig: () => AdminPortalOrgUIConfig | undefined;

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

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+export interface AutocompleteProps<TSelectItem> {
+    caption?: string;
+    fullWidth?: boolean;
+    getOptionLabel?: (item: TSelectItem) => string;
+    id?: string;
+    label?: ReactNode;
+    menuAnchorHorizontal?: 'left' | 'right' | 'center';
+    selectItems: TSelectItem[];
+    onChange?: (value: TSelectItem[]) => void;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    value: TSelectItem[];
+}
+export declare const Autocomplete: <TSelectItem>({ caption, fullWidth, getOptionLabel, id, label, onChange, placeholder, required, selectItems, value, }: AutocompleteProps<TSelectItem>) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React, { FC } from 'react';
+import { CheckboxCoreProps } from '../shared/components/Checkbox';
+export type CheckboxProps = CheckboxCoreProps;
+export declare const Checkbox: FC<CheckboxProps & React.ButtonHTMLAttributes<HTMLButtonElement>>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 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/Input.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputCoreProps } from '../shared/components/Input';
 export interface InputProps extends InputCoreProps {
     labelVariant?: 'body1' | 'body2';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ListEditorCoreProps } from '../shared/components/ListEditor';
 export { ADD_NEW_BUTTON_TEXT, type AddModalProps } from '../shared/components/ListEditor';
 export type ListEditorProps<T> = ListEditorCoreProps<T>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuItemCoreProps } from '../shared/components/MenuItem';
 export type { MenuItemFields } from '../shared/components/MenuItem';
 type MenuItemProps = MenuItemCoreProps;

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

@@ -0,0 +1 @@
+export declare const PaddingLeft: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

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

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

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

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

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

@@ -1,12 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { SelectCoreProps } from '../shared/components/Select';
 import { MenuItemFields } from './MenuItem';
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"select" | "disabled" | "fullWidth" | "readOnlyContainer" | "checkIcon" | "menuPaper" | "selectContainer" | "selectContainerOpen">;
 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;
+export type SelectProps<U extends string | number | string[] | number[]> = SelectCoreProps<U, SelectItem> & {
+    width?: number;
+};
+export declare const Select: <U extends string | number | string[] | number[]>(props: SelectProps<U>) => JSX.Element;

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export type SwitchProps = {
+    checked?: boolean;
+    label: string;
+    onChange?(value: boolean): void;
+    readOnly?: boolean;
+    subtext?: string;
+};
+export declare const Switch: FC<SwitchProps>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 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';

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

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

package/dist/adminPortal/index.d.ts

@@ -1,3 +1,6 @@
 export { mountAdminPortalSSO } from './sso/mountAdminPortalSSO';
+export { mountAdminPortalOrgSettings } from './settings/mountAdminPortalOrgSettings';
 export type { AdminPortalSSOMountOptions } from './sso/mountAdminPortalSSO';
+export type { AdminPortalOrgSettingsMountOptions } from './settings/mountAdminPortalOrgSettings';
+export { AdminPortalB2BProducts } from './settings/AdminPortalOrgSettings';
 export type { AdminPortalStyleConfig } from './AdminPortalStyleConfig';