@innovaccer/design-system 4.1.0 → 4.3.0

package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts

@@ -10,6 +10,8 @@ export interface AvatarData extends Record<string, any> {
     image?: React.ReactNode;
     disabled?: boolean;
     tooltipSuffix?: string;
+    status?: React.ReactNode;
+    presence?: AvatarProps['presence'];
 }
 interface AvatarPopoverProps {
     popperRenderer?: (names: AvatarData[]) => JSX.Element;

package/dist/core/components/atoms/avatarGroup/AvatarPopperBody.d.ts

@@ -10,6 +10,7 @@ interface AvatarPopperProps {
     withSearch?: boolean;
     searchPlaceholder?: string;
     searchComparator?: (searchValue: string, avatarData: AvatarData) => boolean;
+    size?: AvatarData['size'];
 }
 declare const AvatarPopperBody: (props: AvatarPopperProps) => React.JSX.Element;
 export default AvatarPopperBody;

package/dist/core/components/atoms/avatarSelection/AvatarSelection.d.ts

@@ -11,6 +11,8 @@ export interface AvatarData extends Record<string, any> {
     selected?: boolean;
     disabled?: boolean;
     tooltipSuffix?: string;
+    status?: React.ReactNode;
+    presence?: AvatarProps['presence'];
 }
 export interface AvatarSelectionProps extends BaseProps {
     list: AvatarData[];

package/dist/core/components/atoms/meter/Meter.d.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { StepColor } from "./Step";
+import { BaseProps } from "../../../utils/types";
+export declare type MeterLabelSize = 'small' | 'regular' | 'large';
+export declare type MeterSize = 'small' | 'regular' | 'large';
+export declare type RenderLabelProps = {
+    filledSteps: number;
+    value: number;
+    min: number;
+    max: number;
+    stepCount: number;
+    percentage: number;
+};
+export declare type FillStepProps = {
+    value: number;
+    stepCount: number;
+    min: number;
+    max: number;
+};
+export declare type MeterValueProps = {
+    value: number;
+    min: number;
+    max: number;
+    stepCount: number;
+    getFilledSteps?: (props: FillStepProps) => number;
+};
+export interface MeterProps extends BaseProps, React.HTMLAttributes<HTMLDivElement> {
+    value: number;
+    min: number;
+    max: number;
+    stepCount: number;
+    emptyColor?: string;
+    fillColor?: StepColor | StepColor[];
+    meterSize: MeterSize;
+    labelSize?: MeterLabelSize;
+    renderLabel?: (props: RenderLabelProps) => React.ReactText;
+    showLabel?: boolean;
+    getFilledSteps?: (props: FillStepProps) => number;
+    ariaLabel?: string;
+}
+export declare const Meter: {
+    (props: MeterProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        value: number;
+        min: number;
+        max: number;
+        stepCount: number;
+        fillColor: string;
+        meterSize: string;
+        type: string;
+        showLabel: boolean;
+        emptyColor: string;
+    };
+    useMeterValues: (props: MeterValueProps) => {
+        filledSteps: number;
+        percentage: number;
+        value: number;
+        min: number;
+        max: number;
+        stepCount: number;
+    };
+};
+export default Meter;

package/dist/core/components/atoms/meter/Step.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export declare type StepSize = 'small' | 'regular' | 'large';
+export declare type StepType = 'filled' | 'empty';
+export declare type StepColor = 'info' | 'success' | 'warning' | 'alert';
+export interface StepProps extends BaseProps {
+    stepSize: StepSize;
+    type: StepType;
+    emptyColor?: string;
+    fillColor?: StepColor;
+}
+export declare const Step: {
+    (props: StepProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        stepSize: string;
+        type: string;
+        emptyColor: string;
+    };
+};
+export default Step;

package/dist/core/components/atoms/meter/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Meter";
+export * from "./Meter";

package/dist/core/components/atoms/meter/useMeterValues.d.ts

@@ -0,0 +1,9 @@
+import { MeterValueProps } from "./Meter";
+export declare const useMeterValues: (props: MeterValueProps) => {
+    filledSteps: number;
+    percentage: number;
+    value: number;
+    min: number;
+    max: number;
+    stepCount: number;
+};

package/dist/core/components/molecules/chat/Chat.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface ChatProps extends BaseProps {
+    children: React.ReactNode;
+}
+export declare const Chat: {
+    (props: ChatProps): React.JSX.Element;
+    DateSeparator: React.FC<import("./dateSeparator").DateSeparatorProps>;
+    UnreadMessage: React.FC<import("./unreadMessage").UnreadMessageProps>;
+    NewMessage: React.FC<import("./newMessage").NewMessageProps>;
+    TypingIndicator: React.FC<import("./typingIndicator").TypingIndicatorProps>;
+    ChatBubble: {
+        (props: import("./chatBubble").ChatBubbleProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export default Chat;

package/dist/core/components/molecules/chat/chatBubble/ChatBubble.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { IncomingOptionProps } from "./IncomingBubble";
+import { OutgoingOptionProps } from "./OutgoingBubble";
+import { BaseProps } from "../../../../utils/types";
+export declare type ChatBubbleType = 'incoming' | 'outgoing';
+export interface ChatBubbleProps extends BaseProps {
+    type: ChatBubbleType;
+    incomingOptions?: IncomingOptionProps;
+    outgoingOptions?: OutgoingOptionProps;
+    children?: React.ReactNode;
+}
+export declare const ChatBubble: {
+    (props: ChatBubbleProps): React.JSX.Element;
+    displayName: string;
+};
+export default ChatBubble;

package/dist/core/components/molecules/chat/chatBubble/IncomingBubble.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { AccentAppearance } from "../../../../common.type";
+import { BaseProps } from "../../../../utils/types";
+export interface ChatAvatarProps {
+    appearance?: AccentAppearance;
+    firstName?: string;
+    lastName?: string;
+    role?: string;
+    tabIndex?: number;
+    icon?: React.ReactNode;
+    image?: React.ReactNode;
+}
+export interface IncomingOptionProps extends BaseProps {
+    children?: React.ReactNode;
+    time?: string | React.ReactText;
+    metaData?: string;
+    actionBar?: () => JSX.Element;
+    urgentMessage?: () => JSX.Element;
+    avatarData?: ChatAvatarProps;
+    showAvatar?: boolean;
+}
+export declare const IncomingBubble: {
+    (props: IncomingOptionProps): React.JSX.Element;
+    displayName: string;
+};
+export default IncomingBubble;

package/dist/core/components/molecules/chat/chatBubble/OutgoingBubble.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { BaseProps } from "../../../../utils/types";
+export interface OutgoingOptionProps extends BaseProps {
+    metaData?: string;
+    status?: boolean;
+    failed?: boolean;
+    children?: React.ReactNode;
+    time?: string | React.ReactText;
+    actionBar?: () => JSX.Element;
+    urgentMessage?: () => JSX.Element;
+    failedMessage?: () => JSX.Element;
+}
+export declare const OutgoingBubble: {
+    (props: OutgoingOptionProps): React.JSX.Element;
+    displayName: string;
+};
+export default OutgoingBubble;

package/dist/core/components/molecules/chat/chatBubble/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ChatBubble";
+export * from "./ChatBubble";

package/dist/core/components/molecules/chat/dateSeparator/DateSeparator.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { BaseProps } from "../../../../utils/types";
+export interface DateSeparatorProps extends BaseProps {
+    date: React.ReactText;
+}
+declare const DateSeparator: React.FC<DateSeparatorProps>;
+export default DateSeparator;

package/dist/core/components/molecules/chat/dateSeparator/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./DateSeparator";
+export * from "./DateSeparator";

package/dist/core/components/molecules/chat/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Chat";
+export * from "./Chat";

package/dist/core/components/molecules/chat/newMessage/NewMessage.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { BaseProps } from "../../../../utils/types";
+export interface NewMessageProps extends BaseProps {
+    text: string;
+}
+declare const NewMessage: React.FC<NewMessageProps>;
+export default NewMessage;

package/dist/core/components/molecules/chat/newMessage/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./NewMessage";
+export * from "./NewMessage";

package/dist/core/components/molecules/chat/typingIndicator/TypingIndicator.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { BaseProps } from "../../../../utils/types";
+export interface TypingIndicatorProps extends BaseProps {
+    text: string;
+}
+export declare const TypingIndicator: React.FC<TypingIndicatorProps>;
+export default TypingIndicator;

package/dist/core/components/molecules/chat/typingIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./TypingIndicator";
+export * from "./TypingIndicator";

package/dist/core/components/molecules/chat/unreadMessage/UnreadMessage.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { BaseProps } from "../../../../utils/types";
+export interface UnreadMessageProps extends BaseProps {
+    text: string;
+}
+declare const UnreadMessage: React.FC<UnreadMessageProps>;
+export default UnreadMessage;

package/dist/core/components/molecules/chat/unreadMessage/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./UnreadMessage";
+export * from "./UnreadMessage";

package/dist/core/components/organisms/grid/Grid.d.ts

@@ -67,6 +67,7 @@ export declare type ColumnSchema = {
 export declare type RowData = Record<string, any> & {
     _selected?: boolean;
     disabled?: boolean;
+    _expandNestedRow?: boolean;
 };
 export declare type GridSize = 'comfortable' | 'standard' | 'compressed' | 'tight';
 export declare type GridType = 'resource' | 'data';

package/dist/core/components/organisms/grid/rowUtility.d.ts

@@ -4,6 +4,7 @@ export declare function translateData(schema: ColumnSchema, data: RowData): {
     [x: string]: any;
     _selected?: boolean | undefined;
     disabled?: boolean | undefined;
+    _expandNestedRow?: boolean | undefined;
 };
 export declare const filterData: (schema: Schema | undefined, data: Data | undefined, filterList: FetchDataOptions['filterList']) => Data;
 export declare const sortData: (schema: Schema | undefined, data: Data | undefined, sortingList: FetchDataOptions['sortingList']) => Data;

package/dist/core/index.d.ts

@@ -93,6 +93,8 @@ export { Combobox } from "./components/organisms/combobox";
 export { Select } from "./components/organisms/select";
 export { Menu } from "./components/organisms/menu";
 export { KeyValuePair } from "./components/molecules/keyValuePair";
+export { Chat } from "./components/molecules/chat";
+export { Meter } from "./components/atoms/meter";
 export { AIButton } from "./ai-components/AIButton";
 export { SaraSparkle } from "./ai-components/SaraSparkle";
 export { Sara } from "./ai-components/Sara";

package/dist/core/index.type.d.ts

@@ -93,6 +93,13 @@ export { ComboboxProps } from "./components/organisms/combobox";
 export { SelectProps } from "./components/organisms/select";
 export { MenuProps } from "./components/organisms/menu";
 export { KeyValuePairProps } from "./components/molecules/keyValuePair";
+export { ChatProps } from "./components/molecules/chat";
+export { ChatBubbleProps } from "./components/molecules/chat/chatBubble";
+export { DateSeparatorProps } from "./components/molecules/chat/dateSeparator";
+export { UnreadMessageProps } from "./components/molecules/chat/unreadMessage";
+export { NewMessageProps } from "./components/molecules/chat/newMessage";
+export { TypingIndicatorProps } from "./components/molecules/chat/typingIndicator";
+export { MeterProps } from "./components/atoms/meter";
 export { SaraSparkleProps } from "./ai-components/SaraSparkle";
 export { AIButtonProps } from "./ai-components/AIButton";
 export { SaraProps } from "./ai-components/Sara";