@innovaccer/design-system 2.33.0 → 2.35.0

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

@@ -21,3 +21,4 @@ export declare type OptionType = {
     isSelectedOption?: boolean;
 };
 export declare type TListboxSize = 'standard' | 'compressed' | 'tight';
+export declare type TEmptyStateSize = 'standard' | 'compressed' | 'tight' | 'large' | 'small';

package/dist/core/components/molecules/emptyState/EmptyState.d.ts

@@ -1,23 +1,43 @@
 import * as React from 'react';
 import { HeadingProps, TextProps } from "../../../index.type";
 import { BaseProps } from "../../../utils/types";
-declare type EmptyStateSize = 'large' | 'small';
+import { TEmptyStateSize } from "../../../common.type";
 export interface EmptyStateProps extends BaseProps {
     imageSrc?: string;
-    title: string;
-    description: string;
-    size: EmptyStateSize;
-    children?: React.ReactNode;
+    title?: string;
+    description?: string;
     image?: React.ReactNode;
+    size?: TEmptyStateSize;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    width?: number | string;
+    children?: React.ReactNode;
 }
 export declare const imageHeight: {
     large: string;
     small: string;
+    standard: string;
+    compressed: string;
+    tight: string;
+};
+export declare const templateWidth: {
+    standard: string;
+    compressed: string;
+    tight: string;
+    large: string;
+    small: string;
 };
-export declare const HeadingSize: Record<EmptyStateSize, HeadingProps['size']>;
-export declare const textSize: Record<EmptyStateSize, TextProps['size']>;
+export declare const HeadingSize: Record<TEmptyStateSize, HeadingProps['size']>;
+export declare const textSize: Record<TEmptyStateSize, TextProps['size']>;
 export declare const EmptyState: {
     (props: EmptyStateProps): JSX.Element;
     displayName: string;
+    Title: (props: import("./EmptyStateTitle").EmptyDescriptionProps) => JSX.Element;
+    Description: (props: import("./EmptyStateDescription").EmptyDescriptionProps) => JSX.Element;
+    Image: (props: import("./EmptyStateImage").EmptyImageProps) => JSX.Element;
+    Actions: (props: import("./EmptyStateActions").EmptyActionProps) => JSX.Element;
+    defaultProps: {
+        size: string;
+    };
 };
 export default EmptyState;

package/dist/core/components/molecules/emptyState/EmptyStateActions.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface EmptyActionProps extends BaseProps {
+    children: React.ReactNode;
+}
+declare const EmptyStateActions: (props: EmptyActionProps) => JSX.Element;
+export default EmptyStateActions;

package/dist/core/components/molecules/emptyState/EmptyStateContext.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { TEmptyStateSize } from "../../../common.type";
+export declare type ContextProps = {
+    size?: TEmptyStateSize;
+    maxWidth?: number | string;
+};
+export declare const EmptyStateContext: React.Context<ContextProps>;
+export default EmptyStateContext;

package/dist/core/components/molecules/emptyState/EmptyStateDescription.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface EmptyDescriptionProps extends BaseProps {
+    children: React.ReactText;
+}
+declare const EmptyStateDescription: (props: EmptyDescriptionProps) => JSX.Element;
+export default EmptyStateDescription;

package/dist/core/components/molecules/emptyState/EmptyStateImage.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface EmptyImageProps extends BaseProps, React.ImgHTMLAttributes<HTMLImageElement> {
+    children?: React.ReactNode;
+    src?: string;
+    alt?: string;
+    height?: string | number;
+    minHeight?: string | number;
+    maxHeight?: string | number;
+}
+export declare const imageHeight: {
+    standard: string;
+    compressed: string;
+    tight: string;
+    large: string;
+    small: string;
+};
+declare const EmptyStateImage: (props: EmptyImageProps) => JSX.Element;
+export default EmptyStateImage;

package/dist/core/components/molecules/emptyState/EmptyStateTitle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BaseProps } from "../../../utils/types";
+export interface EmptyDescriptionProps extends BaseProps {
+    children: React.ReactText;
+}
+declare const EmptyStateTitle: (props: EmptyDescriptionProps) => JSX.Element;
+export default EmptyStateTitle;

package/dist/core/components/organisms/combobox/Combobox.d.ts

@@ -18,6 +18,8 @@ export interface ComboboxProps extends BaseProps {
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     icon?: string;
     iconType?: IconType;
     size?: ComboboxInputSize;

package/dist/core/components/organisms/combobox/trigger/ComboboxTrigger.d.ts

@@ -10,6 +10,8 @@ interface ComboboxTriggerProps {
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     icon?: string;
     iconType?: IconType;
     size?: ComboboxInputSize;

package/dist/core/components/organisms/combobox/trigger/MultiselectTrigger.d.ts

@@ -19,7 +19,8 @@ export interface MultiSelectTriggerProps extends BaseProps {
     defaultValue: OptionType[];
     autoFocus?: boolean;
     onChange?: (chips: OptionType[]) => void;
-    onKeyDown?: (e: React.KeyboardEvent) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/core/components/organisms/select/SearchInput.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { InputProps } from "../../../index.type";
-export interface SelectInputProps extends InputProps {
+export interface SelectInputProps extends Omit<InputProps, 'onChange'> {
     onClear?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value?: string) => void;
 }
 export declare const SearchInput: (props: SelectInputProps) => JSX.Element;
 export default SearchInput;

package/dist/core/components/organisms/select/Select.d.ts

@@ -11,7 +11,7 @@ export interface SelectProps extends BaseProps {
     multiSelect?: boolean;
     onSelect: (option?: OptionType | OptionType[]) => void;
     children?: React.ReactNode;
-    width?: number;
+    width?: number | string;
     popoverWidth?: number;
     maxHeight?: number;
     minHeight?: number;

package/dist/core/components/organisms/select/SelectContext.d.ts

@@ -10,7 +10,7 @@ export declare type ContextProps = {
     onOptionClick?: (option: OptionType | OptionType[]) => void;
     maxHeight?: number;
     minHeight?: number;
-    width?: number;
+    width?: number | string;
     withSearch?: boolean;
     setWithSearch?: React.Dispatch<React.SetStateAction<boolean>>;
     multiSelect?: boolean;