@livechat/design-system-react-components 2.27.2 → 2.28.0

package/dist/components/SystemMessage/SystemMessage.d.ts

@@ -0,0 +1,3 @@
+import { ISystemMessageProps } from './types';
+import * as React from 'react';
+export declare const SystemMessage: React.FC<React.PropsWithChildren<ISystemMessageProps>>;

package/dist/components/SystemMessage/components/SystemMessageTimestamp.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface ISystemMessageTimestampProps {
+    timestamp: string;
+    timestampWithSeconds: string;
+}
+export declare const SystemMessageTimestamp: FC<ISystemMessageTimestampProps>;
+export {};

package/dist/components/SystemMessage/index.d.ts

@@ -0,0 +1,2 @@
+export { SystemMessage } from './SystemMessage';
+export type { ISystemMessageProps, SystemMessageKind, SystemMessageAction, } from './types';

package/dist/components/SystemMessage/types.d.ts

@@ -0,0 +1,52 @@
+import { ComponentCoreProps } from '../../utils/types';
+import { IconSource } from '../Icon';
+import * as React from 'react';
+export type SystemMessageKind = 'info' | 'positive' | 'warning' | 'error' | 'default';
+export type SystemMessageAction = {
+    label: string;
+    callback: () => void;
+    icon?: IconSource;
+};
+export interface ISystemMessageProps extends ComponentCoreProps {
+    /**
+     * Children to display in the system message - will be displayed as title
+     * If your title is 60 characters or more, please use a description line.
+     */
+    children: React.ReactNode;
+    /**
+     * Alignment of the system message
+     */
+    alignment?: 'left' | 'right';
+    /**
+     * Kind of the system message
+     */
+    kind?: SystemMessageKind;
+    /**
+     * Icon to display in the system message
+     */
+    iconSource?: IconSource;
+    /**
+     * Whether the title should be bold
+     */
+    titleBold?: boolean;
+    /**
+     * Source of the message
+     */
+    source?: string;
+    /**
+     * Details text for the system message
+     */
+    details?: string[];
+    /**
+     * Timestamp for the system message
+     */
+    timestamp?: string;
+    /**
+     * Timestamp with seconds for the system message
+     */
+    timestampWithSeconds?: string;
+    /**
+     * Actions to display in the system message
+     */
+    actions?: SystemMessageAction[];
+}