@innovaccer/design-system 2.34.0 → 2.36.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +115 -0
- package/README.md +2 -2
- package/css/dist/index.css +361 -2
- package/css/dist/index.css.map +1 -1
- package/css/gulpfile.js +1 -0
- package/css/src/ai-components/button.css +74 -0
- package/css/src/ai-components/chat.css +28 -0
- package/css/src/ai-components/chip.css +63 -0
- package/css/src/ai-components/iconButton.css +67 -0
- package/css/src/components/calendar.css +9 -1
- package/css/src/components/chip.css +8 -0
- package/css/src/components/chipInput.css +1 -1
- package/css/src/components/emptyState.css +50 -0
- package/css/src/components/input.css +6 -0
- package/css/src/components/metricInput.css +6 -0
- package/css/src/components/textarea.css +6 -0
- package/css/src/core/animation.css +20 -0
- package/dist/.lib/tsconfig.type.tsbuildinfo +797 -350
- package/dist/core/ai-components/AIButton/index.d.ts +22 -0
- package/dist/core/ai-components/AIChip/index.d.ts +10 -0
- package/dist/core/ai-components/AIIconButton/SaraIcon.d.ts +14 -0
- package/dist/core/ai-components/AIIconButton/icons/SaraDisabledBottom.d.ts +5 -0
- package/dist/core/ai-components/AIIconButton/icons/SaraDisabledTop.d.ts +5 -0
- package/dist/core/ai-components/AIIconButton/icons/SaraIconBottom.d.ts +5 -0
- package/dist/core/ai-components/AIIconButton/icons/SaraIconTop.d.ts +5 -0
- package/dist/core/ai-components/AIIconButton/index.d.ts +26 -0
- package/dist/core/ai-components/AIResponse/ChatActionBar.d.ts +9 -0
- package/dist/core/ai-components/AIResponse/ChatBody.d.ts +9 -0
- package/dist/core/ai-components/AIResponse/ChatBox.d.ts +9 -0
- package/dist/core/ai-components/AIResponse/ChatButton.d.ts +4 -0
- package/dist/core/ai-components/AIResponse/index.d.ts +14 -0
- package/dist/core/ai-components/Sara/index.d.ts +18 -0
- package/dist/core/ai-components/SaraSparkle/index.d.ts +18 -0
- package/dist/core/ai-components/common.type.d.ts +12 -0
- package/dist/core/common.type.d.ts +1 -0
- package/dist/core/components/atoms/_chip/index.d.ts +4 -0
- package/dist/core/components/atoms/chip/Chip.d.ts +2 -0
- package/dist/core/components/atoms/textarea/Textarea.d.ts +1 -0
- package/dist/core/components/molecules/chipInput/ChipInput.d.ts +1 -0
- package/dist/core/components/molecules/emptyState/EmptyState.d.ts +27 -7
- package/dist/core/components/molecules/emptyState/EmptyStateActions.d.ts +7 -0
- package/dist/core/components/molecules/emptyState/EmptyStateContext.d.ts +8 -0
- package/dist/core/components/molecules/emptyState/EmptyStateDescription.d.ts +7 -0
- package/dist/core/components/molecules/emptyState/EmptyStateImage.d.ts +19 -0
- package/dist/core/components/molecules/emptyState/EmptyStateTitle.d.ts +7 -0
- package/dist/core/components/organisms/combobox/Combobox.d.ts +2 -0
- package/dist/core/components/organisms/combobox/trigger/ComboboxTrigger.d.ts +2 -0
- package/dist/core/components/organisms/combobox/trigger/MultiselectTrigger.d.ts +2 -1
- package/dist/core/components/organisms/menu/trigger/MenuTrigger.d.ts +1 -0
- package/dist/core/index.d.ts +6 -0
- package/dist/core/index.type.d.ts +6 -0
- package/dist/index.esm.js +4903 -245
- package/dist/index.js +5016 -365
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.br +0 -0
- package/dist/index.umd.js.gz +0 -0
- package/package.json +5 -2
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TButtonAppearance, TButtonType, TBaseHtmlProps } from "../common.type";
|
|
3
|
+
export interface AIButtonProps extends TBaseHtmlProps<HTMLButtonElement> {
|
|
4
|
+
appearance?: TButtonAppearance;
|
|
5
|
+
type?: TButtonType;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
children?: string;
|
|
8
|
+
tabIndex?: number;
|
|
9
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
10
|
+
onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
11
|
+
onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
12
|
+
'data-test'?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const AIButton: {
|
|
16
|
+
(props: AIButtonProps): JSX.Element;
|
|
17
|
+
defaultProps: {
|
|
18
|
+
appearance: string;
|
|
19
|
+
type: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export default AIButton;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface AIChipProps extends React.ComponentProps<'button'> {
|
|
3
|
+
label: string;
|
|
4
|
+
icon: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
'data-test'?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const AIChip: (props: AIChipProps) => JSX.Element;
|
|
10
|
+
export default AIChip;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { TIconPosition, TSize2Hierarchy } from "../common.type";
|
|
2
|
+
interface SaraIconProp {
|
|
3
|
+
size: TSize2Hierarchy;
|
|
4
|
+
position: TIconPosition;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const SaraIcon: {
|
|
8
|
+
(props: SaraIconProp): JSX.Element;
|
|
9
|
+
defaultProps: {
|
|
10
|
+
size: string;
|
|
11
|
+
position: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default SaraIcon;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TIconPosition, TButtonType, TSize2Hierarchy, TBaseHtmlProps } from "../common.type";
|
|
3
|
+
export interface AIIconButtonProps extends Omit<TBaseHtmlProps<HTMLButtonElement>, 'size'> {
|
|
4
|
+
icon?: string;
|
|
5
|
+
size?: TSize2Hierarchy;
|
|
6
|
+
position?: TIconPosition;
|
|
7
|
+
type?: TButtonType;
|
|
8
|
+
tooltip?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
tabIndex?: number;
|
|
11
|
+
strokeColor?: string;
|
|
12
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
13
|
+
onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
14
|
+
onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
15
|
+
'data-test'?: string;
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const AIIconButton: {
|
|
19
|
+
(props: AIIconButtonProps): JSX.Element;
|
|
20
|
+
defaultProps: {
|
|
21
|
+
size: string;
|
|
22
|
+
position: string;
|
|
23
|
+
strokeColor: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export default AIIconButton;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TBaseHtmlProps } from "../common.type";
|
|
3
|
+
export interface ChatActionBarProps extends TBaseHtmlProps<HTMLDivElement> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
'data-test'?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const ChatActionBar: (props: ChatActionBarProps) => JSX.Element;
|
|
9
|
+
export default ChatActionBar;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TBaseHtmlProps } from "../common.type";
|
|
3
|
+
export interface ChatBodyProps extends TBaseHtmlProps<HTMLDivElement> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
'data-test'?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const ChatBody: (props: ChatBodyProps) => JSX.Element;
|
|
9
|
+
export default ChatBody;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TBaseHtmlProps } from "../common.type";
|
|
3
|
+
export interface ChatBoxProps extends TBaseHtmlProps<HTMLDivElement> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
'data-test'?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const ChatBox: (props: ChatBoxProps) => JSX.Element;
|
|
9
|
+
export default ChatBox;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TBaseHtmlProps } from "../common.type";
|
|
3
|
+
export interface AIResponseProps extends TBaseHtmlProps<HTMLDivElement> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
'data-test'?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const AIResponse: {
|
|
9
|
+
(props: AIResponseProps): JSX.Element;
|
|
10
|
+
Button: (props: Pick<import("../../index.type").ButtonProps, "className" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "data-test" | "tooltip" | "icon" | "loading" | "iconType" | "expanded" | "iconAlign">) => JSX.Element;
|
|
11
|
+
ActionBar: (props: import("./ChatActionBar").ChatActionBarProps) => JSX.Element;
|
|
12
|
+
Body: (props: import("./ChatBody").ChatBodyProps) => JSX.Element;
|
|
13
|
+
};
|
|
14
|
+
export default AIResponse;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TSaraStates, TBaseHtmlProps } from "../common.type";
|
|
3
|
+
export interface SaraProps extends TBaseHtmlProps<HTMLDivElement> {
|
|
4
|
+
size?: number;
|
|
5
|
+
state?: TSaraStates;
|
|
6
|
+
alt?: string;
|
|
7
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
'data-test'?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const Sara: {
|
|
12
|
+
(props: SaraProps): JSX.Element;
|
|
13
|
+
defaultProps: {
|
|
14
|
+
size: number;
|
|
15
|
+
state: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default Sara;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TSaraSparkleStates, TBaseHtmlProps } from "../common.type";
|
|
3
|
+
export interface SaraSparkleProps extends TBaseHtmlProps<HTMLDivElement> {
|
|
4
|
+
size?: number;
|
|
5
|
+
state?: TSaraSparkleStates;
|
|
6
|
+
alt?: string;
|
|
7
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
'data-test'?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare const SaraSparkle: {
|
|
12
|
+
(props: SaraSparkleProps): JSX.Element;
|
|
13
|
+
defaultProps: {
|
|
14
|
+
size: number;
|
|
15
|
+
state: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default SaraSparkle;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type TButtonAppearance = 'primary' | 'basic';
|
|
3
|
+
export declare type TButtonType = 'button' | 'submit' | 'reset';
|
|
4
|
+
export declare type TIconPosition = 'top' | 'bottom';
|
|
5
|
+
export declare type TSize2Hierarchy = 'regular' | 'large';
|
|
6
|
+
export declare type TSize3Hierarchy = 'regular' | 'medium' | 'large';
|
|
7
|
+
export declare type TSize4Hierarchy = 'tiny' | 'regular' | 'medium' | 'large';
|
|
8
|
+
export declare type TArrangement = 'horizontal' | 'vertical';
|
|
9
|
+
export declare type TSaraStates = 'default' | 'resting';
|
|
10
|
+
export declare type TSaraSparkleStates = 'default' | 'listening' | 'short-processing' | 'long-processing';
|
|
11
|
+
export declare type TProgressIndicatorStates = 'listening' | 'short-processing' | 'long-processing';
|
|
12
|
+
export declare type TBaseHtmlProps<T> = Omit<React.HTMLProps<T>, ''>;
|
|
@@ -13,9 +13,13 @@ export interface GenericChipProps extends BaseProps {
|
|
|
13
13
|
onClick?: () => void;
|
|
14
14
|
iconType?: IconType;
|
|
15
15
|
name: Name;
|
|
16
|
+
maxWidth: string | number;
|
|
16
17
|
}
|
|
17
18
|
export declare const GenericChip: {
|
|
18
19
|
(props: GenericChipProps): JSX.Element;
|
|
19
20
|
displayName: string;
|
|
21
|
+
defaultProps: {
|
|
22
|
+
maxWidth: string;
|
|
23
|
+
};
|
|
20
24
|
};
|
|
21
25
|
export default GenericChip;
|
|
@@ -15,12 +15,14 @@ export interface ChipProps extends BaseProps {
|
|
|
15
15
|
onClose?: (name: Name) => void;
|
|
16
16
|
onClick?: (name: Name) => void;
|
|
17
17
|
name: Name;
|
|
18
|
+
maxWidth?: string | number;
|
|
18
19
|
}
|
|
19
20
|
export declare const Chip: {
|
|
20
21
|
(props: ChipProps): JSX.Element;
|
|
21
22
|
displayName: string;
|
|
22
23
|
defaultProps: {
|
|
23
24
|
type: string;
|
|
25
|
+
maxWidth: string;
|
|
24
26
|
};
|
|
25
27
|
};
|
|
26
28
|
export default Chip;
|
|
@@ -10,6 +10,7 @@ export interface TextareaProps extends BaseProps, BaseHtmlProps<HTMLTextAreaElem
|
|
|
10
10
|
required?: boolean;
|
|
11
11
|
error?: boolean;
|
|
12
12
|
resize?: boolean;
|
|
13
|
+
readOnly?: boolean;
|
|
13
14
|
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
14
15
|
onClick?: (e: React.MouseEvent<HTMLTextAreaElement>) => void;
|
|
15
16
|
onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
@@ -6,6 +6,7 @@ declare type ChipOptions = {
|
|
|
6
6
|
type?: ChipProps['type'];
|
|
7
7
|
iconType?: ChipProps['iconType'];
|
|
8
8
|
clearButton?: ChipProps['clearButton'];
|
|
9
|
+
maxWidth?: ChipProps['maxWidth'];
|
|
9
10
|
onClick?: (value: string, index: number) => void;
|
|
10
11
|
};
|
|
11
12
|
export interface ChipInputProps extends BaseProps {
|
|
@@ -1,23 +1,43 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { HeadingProps, TextProps } from "../../../index.type";
|
|
3
3
|
import { BaseProps } from "../../../utils/types";
|
|
4
|
-
|
|
4
|
+
import { TEmptyStateSize } from "../../../common.type";
|
|
5
5
|
export interface EmptyStateProps extends BaseProps {
|
|
6
6
|
imageSrc?: string;
|
|
7
|
-
title
|
|
8
|
-
description
|
|
9
|
-
size: EmptyStateSize;
|
|
10
|
-
children?: React.ReactNode;
|
|
7
|
+
title?: string;
|
|
8
|
+
description?: string;
|
|
11
9
|
image?: React.ReactNode;
|
|
10
|
+
size?: TEmptyStateSize;
|
|
11
|
+
maxWidth?: number | string;
|
|
12
|
+
minWidth?: number | string;
|
|
13
|
+
width?: number | string;
|
|
14
|
+
children?: React.ReactNode;
|
|
12
15
|
}
|
|
13
16
|
export declare const imageHeight: {
|
|
14
17
|
large: string;
|
|
15
18
|
small: string;
|
|
19
|
+
standard: string;
|
|
20
|
+
compressed: string;
|
|
21
|
+
tight: string;
|
|
22
|
+
};
|
|
23
|
+
export declare const templateWidth: {
|
|
24
|
+
standard: string;
|
|
25
|
+
compressed: string;
|
|
26
|
+
tight: string;
|
|
27
|
+
large: string;
|
|
28
|
+
small: string;
|
|
16
29
|
};
|
|
17
|
-
export declare const HeadingSize: Record<
|
|
18
|
-
export declare const textSize: Record<
|
|
30
|
+
export declare const HeadingSize: Record<TEmptyStateSize, HeadingProps['size']>;
|
|
31
|
+
export declare const textSize: Record<TEmptyStateSize, TextProps['size']>;
|
|
19
32
|
export declare const EmptyState: {
|
|
20
33
|
(props: EmptyStateProps): JSX.Element;
|
|
21
34
|
displayName: string;
|
|
35
|
+
Title: (props: import("./EmptyStateTitle").EmptyDescriptionProps) => JSX.Element;
|
|
36
|
+
Description: (props: import("./EmptyStateDescription").EmptyDescriptionProps) => JSX.Element;
|
|
37
|
+
Image: (props: import("./EmptyStateImage").EmptyImageProps) => JSX.Element;
|
|
38
|
+
Actions: (props: import("./EmptyStateActions").EmptyActionProps) => JSX.Element;
|
|
39
|
+
defaultProps: {
|
|
40
|
+
size: string;
|
|
41
|
+
};
|
|
22
42
|
};
|
|
23
43
|
export default EmptyState;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps } from "../../../utils/types";
|
|
3
|
+
export interface EmptyActionProps extends BaseProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
declare const EmptyStateActions: (props: EmptyActionProps) => JSX.Element;
|
|
7
|
+
export default EmptyStateActions;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TEmptyStateSize } from "../../../common.type";
|
|
3
|
+
export declare type ContextProps = {
|
|
4
|
+
size?: TEmptyStateSize;
|
|
5
|
+
maxWidth?: number | string;
|
|
6
|
+
};
|
|
7
|
+
export declare const EmptyStateContext: React.Context<ContextProps>;
|
|
8
|
+
export default EmptyStateContext;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps } from "../../../utils/types";
|
|
3
|
+
export interface EmptyDescriptionProps extends BaseProps {
|
|
4
|
+
children: React.ReactText;
|
|
5
|
+
}
|
|
6
|
+
declare const EmptyStateDescription: (props: EmptyDescriptionProps) => JSX.Element;
|
|
7
|
+
export default EmptyStateDescription;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps } from "../../../utils/types";
|
|
3
|
+
export interface EmptyImageProps extends BaseProps, React.ImgHTMLAttributes<HTMLImageElement> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
src?: string;
|
|
6
|
+
alt?: string;
|
|
7
|
+
height?: string | number;
|
|
8
|
+
minHeight?: string | number;
|
|
9
|
+
maxHeight?: string | number;
|
|
10
|
+
}
|
|
11
|
+
export declare const imageHeight: {
|
|
12
|
+
standard: string;
|
|
13
|
+
compressed: string;
|
|
14
|
+
tight: string;
|
|
15
|
+
large: string;
|
|
16
|
+
small: string;
|
|
17
|
+
};
|
|
18
|
+
declare const EmptyStateImage: (props: EmptyImageProps) => JSX.Element;
|
|
19
|
+
export default EmptyStateImage;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps } from "../../../utils/types";
|
|
3
|
+
export interface EmptyDescriptionProps extends BaseProps {
|
|
4
|
+
children: React.ReactText;
|
|
5
|
+
}
|
|
6
|
+
declare const EmptyStateTitle: (props: EmptyDescriptionProps) => JSX.Element;
|
|
7
|
+
export default EmptyStateTitle;
|
|
@@ -18,6 +18,8 @@ export interface ComboboxProps extends BaseProps {
|
|
|
18
18
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
19
19
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
20
20
|
onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
|
|
21
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
22
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
21
23
|
icon?: string;
|
|
22
24
|
iconType?: IconType;
|
|
23
25
|
size?: ComboboxInputSize;
|
|
@@ -10,6 +10,8 @@ interface ComboboxTriggerProps {
|
|
|
10
10
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
11
11
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
12
12
|
onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
|
|
13
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
14
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
13
15
|
icon?: string;
|
|
14
16
|
iconType?: IconType;
|
|
15
17
|
size?: ComboboxInputSize;
|
|
@@ -19,7 +19,8 @@ export interface MultiSelectTriggerProps extends BaseProps {
|
|
|
19
19
|
defaultValue: OptionType[];
|
|
20
20
|
autoFocus?: boolean;
|
|
21
21
|
onChange?: (chips: OptionType[]) => void;
|
|
22
|
-
onKeyDown?: (
|
|
22
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
23
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
23
24
|
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
24
25
|
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
25
26
|
onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { BaseProps } from "../../../../utils/types";
|
|
2
2
|
export interface MenuTriggerProps extends BaseProps {
|
|
3
3
|
size?: 'tiny' | 'regular';
|
|
4
|
+
appearance?: 'transparent' | 'basic';
|
|
4
5
|
}
|
|
5
6
|
export declare const MenuTrigger: (props: MenuTriggerProps) => JSX.Element;
|
|
6
7
|
export default MenuTrigger;
|
package/dist/core/index.d.ts
CHANGED
|
@@ -92,4 +92,10 @@ export { AvatarSelection } from "./components/atoms/avatarSelection";
|
|
|
92
92
|
export { Combobox } from "./components/organisms/combobox";
|
|
93
93
|
export { Select } from "./components/organisms/select";
|
|
94
94
|
export { Menu } from "./components/organisms/menu";
|
|
95
|
+
export { AIButton } from "./ai-components/AIButton";
|
|
96
|
+
export { SaraSparkle } from "./ai-components/SaraSparkle";
|
|
97
|
+
export { Sara } from "./ai-components/Sara";
|
|
98
|
+
export { AIIconButton } from "./ai-components/AIIconButton";
|
|
99
|
+
export { AIChip } from "./ai-components/AIChip";
|
|
100
|
+
export { AIResponse } from "./ai-components/AIResponse";
|
|
95
101
|
export { version } from "../package.json";
|
|
@@ -92,3 +92,9 @@ export { AvatarSelectionProps } from "./components/atoms/avatarSelection";
|
|
|
92
92
|
export { ComboboxProps } from "./components/organisms/combobox";
|
|
93
93
|
export { SelectProps } from "./components/organisms/select";
|
|
94
94
|
export { MenuProps } from "./components/organisms/menu";
|
|
95
|
+
export { SaraSparkleProps } from "./ai-components/SaraSparkle";
|
|
96
|
+
export { AIButtonProps } from "./ai-components/AIButton";
|
|
97
|
+
export { SaraProps } from "./ai-components/Sara";
|
|
98
|
+
export { AIIconButtonProps } from "./ai-components/AIIconButton";
|
|
99
|
+
export { AIChipProps } from "./ai-components/AIChip";
|
|
100
|
+
export { AIResponseProps } from "./ai-components/AIResponse";
|