@digital-ai/dot-components 2.2.0 → 2.3.0

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

@@ -1,24 +1,26 @@
-import { KeyboardEvent, MouseEvent } from 'react';
+import { MouseEvent } from 'react';
+import { ApplicationModel } from '../core-api/openapi';
 import { CommonProps } from '../CommonProps';
+interface ActiveAppInfo {
+    name: string;
+    product?: 'Release' | 'Deploy' | 'Agility' | 'Continuous Testing' | 'Intelligence' | 'Application Protection';
+}
 interface CommonAppSwitcherProps extends CommonProps {
-    anchorEl: Element;
-    onLeave?: (event: KeyboardEvent | MouseEvent) => void;
-    onSelect?: (event: MouseEvent | KeyboardEvent, menuId: string, itemKey: string) => void;
-    open: boolean;
-    platformConsoleUrl?: string;
+    activeApp: ActiveAppInfo;
+    onClose?: (event: MouseEvent | KeyboardEvent) => void;
+    yOffset?: number;
+    zIndex?: number;
 }
 interface AppSwitcherViewProps extends CommonAppSwitcherProps {
-    apps: {
-        id: string;
-        instance_state?: number;
-        logo?: string;
-        name: string;
-        url: string;
-    }[];
+    apps: Partial<ApplicationModel>[];
+    open: boolean;
+    platformConsoleUrl?: string;
+    selectedAppType: string;
 }
-export declare const DotAppSwitcherView: ({ apps, anchorEl, className, onLeave, onSelect, open, platformConsoleUrl, }: AppSwitcherViewProps) => JSX.Element;
+export declare const DotAppSwitcherView: ({ activeApp, apps, className, platformConsoleUrl, onClose, open, selectedAppType, yOffset, zIndex, }: AppSwitcherViewProps) => JSX.Element;
 interface AppSwitcherProps extends CommonAppSwitcherProps {
     accountId?: string;
+    includePlatformConsole?: boolean;
 }
-export declare const DotAppSwitcher: ({ accountId, open, ...commonProps }: AppSwitcherProps) => JSX.Element;
+export declare const DotAppSwitcher: ({ accountId, includePlatformConsole, onClose, ...commonProps }: AppSwitcherProps) => JSX.Element;
 export {};

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

@@ -1,2 +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>;
+export declare const StyledAppSwitcher: import("styled-components").StyledComponent<({ anchor, ariaLabel, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: import("../drawer/Drawer").DrawerProps) => JSX.Element, any, {}, never>;

package/lib/components/app-switcher/utils/helpers.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { MenuItemProps } from '../../menu/Menu';
+export declare const getLogoForAppType: (appType: string) => string;
+export declare const daiAppsHeaderMenuItem: {
+    children: JSX.Element;
+    key: string;
+    disabled: boolean;
+    divider: boolean;
+    height: number;
+};
+export declare const createMenuItem: (url: string, title: string, subtitle?: string) => ReactElement;
+export declare const createTopLevelMenuItem: (url: string, logo: string, title: string, openNewTab?: boolean) => ReactElement;
+export declare const createAppTypeLabel: (appTypeName: string, logo: string, appProps: MenuItemProps[]) => JSX.Element;
+export declare const getInstanceStateText: (application: {
+    instance_state?: number;
+}) => "Production instance" | "Non-production instance";

package/lib/components/auto-complete/AutoComplete.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FocusEvent, HTMLAttributes, ReactNode, Ref } from 'react';
+import { ChangeEvent, FocusEvent, HTMLAttributes, ReactNode, Ref, JSXElementConstructor } from 'react';
 import { AutocompleteCloseReason, AutocompleteGetTagProps, AutocompleteRenderOptionState } from '@mui/material';
 import { CommonProps } from '../CommonProps';
 export declare const DEFAULT_ACTION_ITEM_TEXT = "Add new item";
@@ -24,6 +24,8 @@ export interface AutoCompleteOption {
  * autocomplete option rendering by using `renderOption` prop.
  */
 export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOption> extends CommonProps {
+    /** The component used to render the listbox. **/
+    ListboxComponent?: JSXElementConstructor<HTMLAttributes<HTMLElement>>;
     /** Action button as the last element on the menu **/
     actionItem?: ActionItem;
     /** This prop helps users to fill forms faster */
@@ -92,4 +94,4 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     /** If true, the label will be displayed in a warning state. */
     warning?: boolean;
 }
-export declare const DotAutoComplete: <T extends AutoCompleteOption>({ actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterSelectedOptions, freesolo, group, helperText, inputId, inputRef, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => JSX.Element;
+export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterSelectedOptions, freesolo, group, helperText, inputId, inputRef, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => JSX.Element;

package/lib/components/button/CopyButton.d.ts

@@ -0,0 +1,7 @@
+import { CommonProps } from '../CommonProps';
+export interface CopyButtonProps extends CommonProps {
+    copiedTooltip?: string;
+    copyTooltip?: string;
+    value: string;
+}
+export declare const DotCopyButton: ({ ariaLabel, copiedTooltip, copyTooltip, "data-testid": dataTestId, value, }: CopyButtonProps) => JSX.Element;

package/lib/components/button/CopyButton.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const rootClassName = "dot-copy-button";
+export declare const StyledCopyButton: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/button/index.d.ts

@@ -1,4 +1,6 @@
 export type { ButtonProps } from './Button';
+export type { CopyButtonProps } from './CopyButton';
 export type { IconButtonProps, IconButtonColor, IconButtonSize, } from './IconButton';
 export { DotButton } from './Button';
+export { DotCopyButton } from './CopyButton';
 export { DotIconButton } from './IconButton';

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

@@ -5,11 +5,17 @@ interface CoreApiProviderProps {
     children: ReactNode;
     token?: string;
 }
+declare type booleanSetter = (b: boolean) => boolean;
 interface DotCoreApiContextProps {
     applications: ApplicationModel[];
     applicationsError: ApiError;
     applicationsLoading: boolean;
+    isAppSwitcherOpen: boolean;
     loadApplications: (accountId: string, force?: boolean) => void;
+    platformConsoleUrl: string;
+    selectedAppSwitcherAppType: string;
+    setIsAppSwitcherOpen: (open: boolean | booleanSetter) => void;
+    setSelectedAppSwitcherAppType: (appType: string) => void;
     setToken: (token: string) => void;
 }
 export declare const DotCoreApiProvider: ({ apiUrl, token, children, }: CoreApiProviderProps) => JSX.Element;

package/lib/components/index.d.ts

@@ -2,7 +2,7 @@ export type { AppToolbarProps } from './app-toolbar/AppToolbar';
 export type { AutoCompleteOption, AutoCompleteProps, AutoCompleteValue, AutocompleteRenderOptionState, } from './auto-complete';
 export type { AvatarProps } from './avatar/Avatar';
 export type { BreadcrumbItem } from './breadcrumbs/Breadcrumbs';
-export type { ButtonProps, IconButtonProps, IconButtonColor, IconButtonSize, } from './button';
+export type { ButtonProps, CopyButtonProps, IconButtonProps, IconButtonColor, IconButtonSize, } from './button';
 export type { ButtonToggleProps, ButtonToggleValue, ButtonToggleOption, ButtonToggleOrientation, ButtonToggleSingleValue, ButtonToggleSize, } from './button-toggle';
 export type { CheckboxProps } from './checkbox/Checkbox';
 export type { CheckboxGroupProps } from './checkbox/CheckboxGroup';
@@ -44,7 +44,7 @@ export { DotAvatar } from './avatar/Avatar';
 export { DotAvatarGroup } from './avatar-group/AvatarGroup';
 export { DotBadge } from './badge';
 export { DotBreadcrumbs } from './breadcrumbs/Breadcrumbs';
-export { DotButton, DotIconButton } from './button';
+export { DotButton, DotCopyButton, DotIconButton } from './button';
 export { DotButtonToggle } from './button-toggle';
 export { DotCard } from './card/Card';
 export { DotCardContent } from './card/CardContent';

package/lib/components/truncate-with-tooltip/utils/helpers.d.ts

@@ -1,2 +1,3 @@
 import { ReactNode } from 'react';
 export declare const getTruncatedLabel: (label: string, charactersLimit?: number) => ReactNode;
+export declare const getTooltipLabel: (label: string, charactersLimit?: number) => ReactNode;

package/package.json

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