@digital-ai/dot-components 2.0.1 → 2.0.4

package/lib/components/app-switcher/AppSwitcher.d.ts

@@ -0,0 +1,24 @@
+import { KeyboardEvent, MouseEvent } from 'react';
+import { CommonProps } from '../CommonProps';
+interface CommonAppSwitcherProps extends CommonProps {
+    anchorEl: Element;
+    onLeave?: (event: KeyboardEvent | MouseEvent) => void;
+    onSelect?: (event: MouseEvent | KeyboardEvent, menuId: string, itemKey: string) => void;
+    open: boolean;
+    platformConsoleUrl?: string;
+}
+interface AppSwitcherViewProps extends CommonAppSwitcherProps {
+    apps: {
+        id: string;
+        instance_state?: number;
+        logo?: string;
+        name: string;
+        url: string;
+    }[];
+}
+export declare const DotAppSwitcherView: ({ apps, anchorEl, className, onLeave, onSelect, open, platformConsoleUrl, }: AppSwitcherViewProps) => JSX.Element;
+interface AppSwitcherProps extends CommonAppSwitcherProps {
+    accountId?: string;
+}
+export declare const DotAppSwitcher: ({ accountId, open, ...commonProps }: AppSwitcherProps) => JSX.Element;
+export {};

package/lib/components/app-switcher/AppSwitcher.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const rootClassName = "dot-app-switcher";
+export declare const StyledAppSwitcher: import("styled-components").StyledComponent<({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: import("../menu/Menu").MenuProps) => JSX.Element, any, {}, never>;

package/lib/components/avatar/Avatar.d.ts

@@ -3,11 +3,11 @@ import { CommonProps } from '../CommonProps';
 export declare type AvatarSize = 'small' | 'medium' | 'large';
 export declare type AvatarType = 'image' | 'text' | 'icon';
 export declare type AvatarVariant = 'circular' | 'square';
-export declare type AvatarColor = 'default' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey';
+export declare type AvatarColor = 'default' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey' | 'transparent';
 export interface AvatarProps extends CommonProps {
     /** Text displayed on hover */
     alt: string;
-    /** Color for avatar (ignored if type is 'image') */
+    /** Color for avatar */
     color?: AvatarColor;
     /** Used for the root node; button is used when onClick is passed. */
     component?: string;

package/lib/components/button-toggle/ButtonToggle.d.ts

@@ -1,9 +1,11 @@
 import { MouseEvent } from 'react';
 import { CommonProps } from '../CommonProps';
 import { ButtonToggleOption, ButtonToggleOrientation, ButtonToggleSize, ButtonToggleValue } from './utils/models';
+export declare type ButtonToggleColor = 'standard' | 'primary';
 export interface ButtonToggleProps extends CommonProps {
     /** button props for each toggle button options*/
     buttonOptions: ButtonToggleOption[];
+    color?: ButtonToggleColor;
     /** If true, the keyboard focus ripple will be disabled */
     disableFocusRipple?: boolean;
     /** If true, the ripple effect will be disabled. */
@@ -19,4 +21,4 @@ export interface ButtonToggleProps extends CommonProps {
     /** The value to associate with the button when selected in a ToggleButtonGroup */
     value?: ButtonToggleValue;
 }
-export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element;
+export declare const DotButtonToggle: ({ ariaLabel, buttonOptions, className, color, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element;

package/lib/components/core-api/CancelablePromise.d.ts

@@ -0,0 +1,7 @@
+export declare type CancelablePromise = Promise<any> & {
+    cancel: () => void;
+};
+export declare function makeCancelable(promise: Promise<any>): CancelablePromise;
+export declare function useCancelablePromise(): {
+    cancelablePromise: (p: Promise<any>) => CancelablePromise;
+};

package/lib/components/core-api/CoreApiProvider.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { ApiError, ApplicationModel } from './openapi';
+interface CoreApiProviderProps {
+    apiUrl: string;
+    children: ReactNode;
+    token?: string;
+}
+interface DotCoreApiContextProps {
+    applications: ApplicationModel[];
+    applicationsError: ApiError;
+    applicationsLoading: boolean;
+    loadApplications: (accountId: string, force?: boolean) => void;
+}
+export declare const DotCoreApiProvider: ({ apiUrl, token, children, }: CoreApiProviderProps) => JSX.Element;
+export declare const useDotCoreApiContext: () => DotCoreApiContextProps;
+export {};

package/lib/components/core-api/mocks.d.ts

@@ -0,0 +1,23 @@
+export declare const getApplicationsMock: {
+    applications: {
+        id: string;
+        product_instance_id: string;
+        account_id: string;
+        enabled: boolean;
+        created_date: string;
+        modified_date: string;
+        name: string;
+        url: string;
+        description: string;
+        alternate_label: string;
+        logo: string;
+        needs_authentication: boolean;
+        logo_product_name: string;
+        instance_state: number;
+    }[];
+    pagination: {
+        total_available: number;
+        start: number;
+        count: number;
+    };
+};

package/lib/components/core-api/openapi/core/ApiError.d.ts

@@ -0,0 +1,8 @@
+import type { ApiResult } from './ApiResult';
+export declare class ApiError extends Error {
+    readonly url: string;
+    readonly status: number;
+    readonly statusText: string;
+    readonly body: any;
+    constructor(response: ApiResult, message: string);
+}

package/lib/components/core-api/openapi/core/ApiRequestOptions.d.ts

@@ -0,0 +1,12 @@
+export declare type ApiRequestOptions = {
+    readonly method: 'GET' | 'PUT' | 'POST' | 'DELETE' | 'OPTIONS' | 'HEAD' | 'PATCH';
+    readonly path: string;
+    readonly cookies?: Record<string, any>;
+    readonly headers?: Record<string, any>;
+    readonly query?: Record<string, any>;
+    readonly formData?: Record<string, any>;
+    readonly body?: any;
+    readonly mediaType?: string;
+    readonly responseHeader?: string;
+    readonly errors?: Record<number, string>;
+};

package/lib/components/core-api/openapi/core/ApiResult.d.ts

@@ -0,0 +1,7 @@
+export declare type ApiResult = {
+    readonly url: string;
+    readonly ok: boolean;
+    readonly status: number;
+    readonly statusText: string;
+    readonly body: any;
+};

package/lib/components/core-api/openapi/core/OpenAPI.d.ts

@@ -0,0 +1,15 @@
+import type { ApiRequestOptions } from './ApiRequestOptions';
+declare type Resolver<T> = (options: ApiRequestOptions) => Promise<T>;
+declare type Headers = Record<string, string>;
+declare type Config = {
+    BASE: string;
+    VERSION: string;
+    WITH_CREDENTIALS: boolean;
+    TOKEN?: string | Resolver<string>;
+    USERNAME?: string | Resolver<string>;
+    PASSWORD?: string | Resolver<string>;
+    HEADERS?: Headers | Resolver<Headers>;
+    ENCODE_PATH?: (path: string) => string;
+};
+export declare const OpenAPI: Config;
+export {};

package/lib/components/core-api/openapi/core/request.d.ts

@@ -0,0 +1,9 @@
+import type { ApiRequestOptions } from './ApiRequestOptions';
+import type { ApiResult } from './ApiResult';
+/**
+ * Request using fetch client
+ * @param options The request options from the the service
+ * @returns ApiResult
+ * @throws ApiError
+ */
+export declare function request(options: ApiRequestOptions): Promise<ApiResult>;

package/lib/components/core-api/openapi/index.d.ts

@@ -0,0 +1,12 @@
+export { ApiError } from './core/ApiError';
+export { OpenAPI } from './core/OpenAPI';
+export type { AccountModel } from './models/AccountModel';
+export type { AccountModelsWrapper } from './models/AccountModelsWrapper';
+export type { AccountModelWrapper } from './models/AccountModelWrapper';
+export { ApplicationInstanceStates } from './models/ApplicationInstanceStates';
+export { ApplicationModel } from './models/ApplicationModel';
+export type { ApplicationModelsWrapper } from './models/ApplicationModelsWrapper';
+export type { ApplicationModelWrapper } from './models/ApplicationModelWrapper';
+export type { PaginationModel } from './models/PaginationModel';
+export { AccountsService } from './services/AccountsService';
+export { ApplicationsService } from './services/ApplicationsService';

package/lib/components/core-api/openapi/models/AccountModel.d.ts

@@ -0,0 +1,50 @@
+export declare type AccountModel = {
+    /**
+     * Flag representing if the account has been activated and can create users, clients, and identity providers
+     */
+    activated?: boolean;
+    /**
+     * Flag representing if the account allows user self-registration
+     */
+    allow_self_registration: boolean;
+    /**
+     * The account creation date in ISO format
+     */
+    created_date: string;
+    /**
+     * Flag representing if the account is enabled or not
+     */
+    enabled: boolean;
+    /**
+     * External account identifier provided
+     */
+    external_id: string;
+    /**
+     * A dictionary of features and their enabled status on the account
+     */
+    features?: any;
+    /**
+     * UUID Account Identifier
+     */
+    id: string;
+    /**
+     * Custom data for the account
+     */
+    metadata?: any;
+    /**
+     * The date that the account was last modified on in ISO format
+     */
+    modified_date: string;
+    /**
+     * Account name (unique)
+     */
+    name: string;
+    /**
+     * Account vanity domain (unique)
+     */
+    vanity_domain?: string;
+    /**
+     * Whitelisted domains for the account
+     */
+    whitelist_domains?: Array<string>;
+};

package/lib/components/core-api/openapi/models/AccountModelWrapper.d.ts

@@ -0,0 +1,4 @@
+import type { AccountModel } from './AccountModel';
+export declare type AccountModelWrapper = {
+    account: AccountModel;
+};

package/lib/components/core-api/openapi/models/AccountModelsWrapper.d.ts

@@ -0,0 +1,6 @@
+import type { AccountModel } from './AccountModel';
+import type { PaginationModel } from './PaginationModel';
+export declare type AccountModelsWrapper = {
+    accounts: Array<AccountModel>;
+    pagination: PaginationModel;
+};

package/lib/components/core-api/openapi/models/ApplicationInstanceStates.d.ts

@@ -0,0 +1,4 @@
+export declare enum ApplicationInstanceStates {
+    '_0' = 0,
+    '_1' = 1
+}

package/lib/components/core-api/openapi/models/ApplicationModel.d.ts

@@ -0,0 +1,67 @@
+export declare type ApplicationModel = {
+    /**
+     * UUID Account Identifier
+     */
+    account_id: string;
+    /**
+     * application alternate label (optional)
+     */
+    alternate_label?: string;
+    /**
+     * The account creation date in ISO format
+     */
+    created_date: string;
+    /**
+     * application description (optional)
+     */
+    description?: string;
+    /**
+     * Whether the application is currently enabled.
+     */
+    enabled: boolean;
+    /**
+     * UUID Application Identifier
+     */
+    id: string;
+    /**
+     * Whether the application requires authentication.  0 - Non-production instance, 1 - Production instance
+     */
+    instance_state?: ApplicationModel.instance_state;
+    /**
+     * A logo image for the application encoded as a base64 string.
+     */
+    logo?: string;
+    /**
+     * Name of the product that this application's logo is associated with.
+     */
+    logo_product_name?: string;
+    /**
+     * The date that the account was last modified on in ISO format
+     */
+    modified_date: string;
+    /**
+     * application name
+     */
+    name: string;
+    /**
+     * Whether the application requires authentication.
+     */
+    needs_authentication: boolean;
+    /**
+     * UUID Product_Instance Identifier
+     */
+    product_instance_id?: string;
+    /**
+     * application URL
+     */
+    url: string;
+};
+export declare namespace ApplicationModel {
+    /**
+     * Whether the application requires authentication.  0 - Non-production instance, 1 - Production instance
+     */
+    enum instance_state {
+        '_0' = 0,
+        '_1' = 1
+    }
+}

package/lib/components/core-api/openapi/models/ApplicationModelWrapper.d.ts

@@ -0,0 +1,4 @@
+import type { ApplicationModel } from './ApplicationModel';
+export declare type ApplicationModelWrapper = {
+    application: ApplicationModel;
+};

package/lib/components/core-api/openapi/models/ApplicationModelsWrapper.d.ts

@@ -0,0 +1,6 @@
+import type { ApplicationModel } from './ApplicationModel';
+import type { PaginationModel } from './PaginationModel';
+export declare type ApplicationModelsWrapper = {
+    applications: Array<ApplicationModel>;
+    pagination: PaginationModel;
+};

package/lib/components/core-api/openapi/models/PaginationModel.d.ts

@@ -0,0 +1,22 @@
+export declare type PaginationModel = {
+    /**
+     * limit (number of records requested to be in the page)
+     */
+    count?: number;
+    /**
+     * offset for the next page (number of records requested to be skipped)
+     */
+    next_start?: number;
+    /**
+     * offset for the previous page (number of records requested to be skipped)
+     */
+    previous_start?: number;
+    /**
+     * offset (number of records requested to be skipped)
+     */
+    start?: number;
+    /**
+     * total number of records available in the system
+     */
+    total_available: number;
+};

package/lib/components/core-api/openapi/services/AccountsService.d.ts

@@ -0,0 +1,25 @@
+import type { AccountModelsWrapper } from '../models/AccountModelsWrapper';
+import type { AccountModelWrapper } from '../models/AccountModelWrapper';
+export declare class AccountsService {
+    /**
+     * Gets all accounts.
+     * __Sortable field names__: name, external_id, vanity_domain, enabled, source, activated, created_date,         modified_date
+     * __Filterable field names__: name, external_id, vanity_domain, enabled, source, activated, created_date,         modified_date
+     * __Searchable field names__: name, external_id, vanity_domain (to be used with filter _search_ operator)
+     *
+     * @param start offset (number of records to skip)
+     * @param count limit (number of records to include in response)
+     * @param sort comma separated field names (prefix field name with "-" to reverse order direction)
+     * @param filter List of filters (each filter is a separate query param, and they are OR'ed)
+     * @returns AccountModelsWrapper All available accounts are returned.
+     * @throws ApiError
+     */
+    static getAccounts(start?: number, count?: number, sort?: string, filter?: Array<string>): Promise<AccountModelsWrapper>;
+    /**
+     * Gets single account by id.
+     * @param accountId
+     * @returns AccountModelWrapper Account is returned.
+     * @throws ApiError
+     */
+    static getAccountById(accountId: string): Promise<AccountModelWrapper>;
+}

package/lib/components/core-api/openapi/services/ApplicationsService.d.ts

@@ -0,0 +1,38 @@
+import type { ApplicationModelsWrapper } from '../models/ApplicationModelsWrapper';
+import type { ApplicationModelWrapper } from '../models/ApplicationModelWrapper';
+export declare class ApplicationsService {
+    /**
+     * Retrieves existing applications for accounts and product_instances
+     * The results can be filtered by an account and/or a product_instance.
+     * - To filter by an account. provide ***account_id*** query parameter.
+     * - To filter by a product_instance, provide ***product_instance_id*** query parameter,
+     *
+     * For example:
+     * ```
+     * GET /applications?account_id=<UUID for account>&product_instance_id=<UUID for product_instance>
+     * ```
+     *
+     * __Sortable field names__: product_instance_id, account_id, name, url, status, description, alternate_label,         created_date, modified_date
+     *
+     * __Filterable field names__: product_instance_id, account_id, name, url, status, description, alternate_label,         created_date, modified_date, needs_authentication, enabled
+     *
+     * __Searchable field names__: name, url, status, description, alternate_label         (to be used with filter _search_ operator)
+     *
+     * @param accountId UUID Account identifier to filter results by
+     * @param productInstanceId UUID Product_Instance identifier to filter results by
+     * @param start offset (number of records to skip)
+     * @param count limit (number of records to include in response)
+     * @param sort comma separated field names (prefix field name with "-" to reverse order direction)
+     * @param filter List of filters (each filter is a separate query param, and they are OR'ed)
+     * @returns ApplicationModelsWrapper applications are returned.
+     * @throws ApiError
+     */
+    static retrieveApplications(accountId?: string, productInstanceId?: string, start?: number, count?: number, sort?: string, filter?: Array<string>): Promise<ApplicationModelsWrapper>;
+    /**
+     * Retrieves a application by id
+     * @param applicationId
+     * @returns ApplicationModelWrapper application is returned.
+     * @throws ApiError
+     */
+    static retrieveApplicationById(applicationId: string): Promise<ApplicationModelWrapper>;
+}

package/lib/components/index.d.ts

@@ -32,10 +32,12 @@ export type { SnackbarProps, SnackbarSeverity, SnackbarOrigin, } from './snackba
 export type { CharactersLimit, InlineEditProps } from './inline-edit';
 export type { progressColorOptions, progressVariantOptions, ProgressProps, } from './progress';
 export type { FileItemProps, FileUploadError, FileUploadProps, ListItemFile, MappedFile, MappedListItemFile, } from './file-upload';
+export type { LinearProgressColor, LinearProgressProps, LinearProgressVariant, } from './linear-progress';
 export { DotAccordion } from './accordion/Accordion';
 export { DotActionToolbar } from './action-toolbar/ActionToolbar';
 export { DotAlertBanner } from './alert-banner/AlertBanner';
 export { DotAppLogo } from './app-logo/AppLogo';
+export { DotAppSwitcher } from './app-switcher/AppSwitcher';
 export { DotAppToolbar } from './app-toolbar/AppToolbar';
 export { DotAutoComplete, parseAutoCompleteValue } from './auto-complete';
 export { DotAvatar } from './avatar/Avatar';
@@ -52,6 +54,7 @@ export { DotCheckbox } from './checkbox/Checkbox';
 export { DotCheckboxGroup } from './checkbox/CheckboxGroup';
 export { DotChip } from './chip/Chip';
 export { DotConfirmationDialog } from './confirmation-dialog/ConfirmationDialog';
+export { DotCoreApiProvider } from './core-api/CoreApiProvider';
 export { Cell, CssCell } from './css-grid/CssCell';
 export { CssGrid } from './css-grid/CssGrid';
 export { CssGridDebug } from './css-grid/CssGridDebug';
@@ -88,4 +91,5 @@ export { DotDivider } from './divider';
 export { DotPopper } from './popper';
 export { DotTruncateWithTooltip } from './truncate-with-tooltip';
 export { DotDraggableList } from './draggable-list';
+export { DotLinearProgress } from './linear-progress';
 export { CreateUUID } from './createUUID';

package/lib/components/linear-progress/LinearProgress.d.ts

@@ -0,0 +1,14 @@
+import { CommonProps } from '../CommonProps';
+export declare type LinearProgressColor = 'primary' | 'secondary' | 'error' | 'warning' | 'purple';
+export declare type LinearProgressVariant = 'buffer' | 'determinate' | 'indeterminate' | 'query';
+export interface LinearProgressProps extends CommonProps {
+    /** The color of the component. */
+    color?: LinearProgressColor;
+    /** The value of the progress indicator for the determinate and buffer variants. Value between 0 and 100. */
+    value?: number;
+    /** The value for the buffer variant. Value between 0 and 100. **/
+    valueBuffer?: number;
+    /** The variant to use. Use indeterminate or query when there is no progress value. */
+    variant?: LinearProgressVariant;
+}
+export declare const DotLinearProgress: ({ ariaLabel, color, className, "data-testid": dataTestId, value, valueBuffer, variant, }: LinearProgressProps) => JSX.Element;

package/lib/components/linear-progress/LinearProgress.styles.d.ts

@@ -0,0 +1,3 @@
+import { LinearProgress } from '@mui/material';
+export declare const rootClassName = "dot-linear-progress";
+export declare const StyledLinearProgress: import("styled-components").StyledComponent<typeof LinearProgress, any, {}, never>;

package/lib/components/linear-progress/index.d.ts

@@ -0,0 +1,2 @@
+export type { LinearProgressProps, LinearProgressColor, LinearProgressVariant, } from './LinearProgress';
+export { DotLinearProgress } from './LinearProgress';

package/lib/components/menu/utils/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const MENU_ITEM_HEIGHT_NORMAL = 33;
-export declare const MENU_ITEM_HEIGHT_DENSE = 28;
+export declare const MENU_ITEM_HEIGHT_NORMAL = 48;
+export declare const MENU_ITEM_HEIGHT_DENSE = 36;
 export declare const DEFAULT_MAX_VISIBLE_ITEMS = 7;

package/lib/components/menu/utils/helpers.d.ts

@@ -5,7 +5,7 @@ interface MaxHeightCalculationArgs {
     menuItemHeight?: number | string;
     menuItems: MenuItemProps[];
 }
-export declare const getDefaultItemHeight: (isDense: boolean) => 28 | 33;
+export declare const getDefaultItemHeight: (isDense: boolean) => 36 | 48;
 export declare const calculateItemHeight: (isDense: boolean, customItemHeight?: number, menuItemHeight?: number | string) => number | string;
 export declare const getNumberOfVisibleItems: (numberOfItems: number, maxVisibleItems?: number) => number;
 export declare const calculateMaxHeight: ({ isDense, maxVisibleItems, menuItems, menuItemHeight, }: MaxHeightCalculationArgs) => number | string;

package/lib/components/table/TablePagination.styles.d.ts

@@ -1,5 +1,6 @@
 import { TypographyVariant } from '../typography/Typography';
 export declare const rootClassName = "dot-table-pagination";
+export declare const paginationItemClassName = "dot-pagination-menu-item";
 export interface StyledTablePaginationProps {
     typography: TypographyVariant;
 }

package/lib/theme-provider/ThemeProvider.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Theme } from '@mui/material';
 import { TypographyOptions } from '@mui/material/styles/createTypography';
-import { AvatarPaletteColorOptions } from '../../../../../typings/material/index';
+import { AvatarPaletteColorOptions } from '../../../../../typings/material';
 export declare type ThemeOptions = 'light' | 'dark';
 export declare const typographyOptions: TypographyOptions;
 export declare const avatarColors: AvatarPaletteColorOptions;
@@ -12,3 +12,16 @@ export interface ThemeProviderProps {
     theme?: Theme | ThemeOptions;
 }
 export declare function DotThemeProvider({ children, theme, }: ThemeProviderProps): JSX.Element;
+declare module '@mui/material/LinearProgress' {
+    interface LinearProgressPropsColorOverrides {
+        purple: true;
+    }
+}
+declare module '@mui/material/styles/createPalette' {
+    interface Palette {
+        purple?: PaletteColorOptions;
+    }
+    interface PaletteOptions {
+        purple?: PaletteColorOptions;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "2.0.1",
+  "version": "2.0.4",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -34,6 +34,7 @@
   },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
-    "react-router-dom": "6.2.1"
+    "react-dom": "^17.0.2",
+    "react-router-dom": "6.4.4"
   }
 }