@innovaccer/design-system 4.11.2 → 4.13.0

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

@@ -22,3 +22,4 @@ export declare type OptionType = {
 export declare type TListboxSize = 'standard' | 'compressed' | 'tight';
 export declare type TEmptyStateSize = 'standard' | 'compressed' | 'tight' | 'large' | 'small';
 export declare type TTabSize = 'regular' | 'small';
+export declare type TChipSize = 'regular' | 'small';

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Name } from "../chip/Chip";
 import { BaseProps } from "../../../utils/types";
-import { IconType } from "../../../common.type";
+import { IconType, TChipSize } from "../../../common.type";
 export interface GenericChipProps extends BaseProps {
     label: string | React.ReactElement;
     labelPrefix?: string;
@@ -14,6 +14,7 @@ export interface GenericChipProps extends BaseProps {
     iconType?: IconType;
     name: Name;
     maxWidth: string | number;
+    size?: TChipSize;
 }
 export declare const GenericChip: {
     (props: GenericChipProps): React.JSX.Element;

package/dist/core/components/atoms/badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { BaseProps } from "../../../utils/types";
+import { BaseProps, BaseHtmlProps } from "../../../utils/types";
 import { AccentAppearance } from "../../../common.type";
-export interface BadgeProps extends BaseProps {
+export interface BadgeProps extends BaseProps, BaseHtmlProps<HTMLSpanElement> {
     appearance: AccentAppearance;
     subtle?: boolean;
     children: React.ReactText;

package/dist/core/components/atoms/chip/Chip.d.ts

@@ -3,11 +3,13 @@ import { BaseProps } from "../../../utils/types";
 import { IconType } from "../../../common.type";
 export declare type ChipType = 'action' | 'selection' | 'input';
 export declare type Name = number | string | object;
+export declare type ChipSize = 'regular' | 'small';
 export interface ChipProps extends BaseProps {
     label: string | React.ReactElement;
     labelPrefix?: string;
     icon?: string;
     iconType?: IconType;
+    size?: ChipSize;
     clearButton?: boolean;
     disabled?: boolean;
     selected?: boolean;

package/dist/core/components/atoms/label/Label.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { BaseHtmlProps, BaseProps } from "../../../utils/types";
+declare type LabelSize = 'small' | 'regular';
 export interface LabelProps extends BaseProps, BaseHtmlProps<HTMLLabelElement> {
     children: React.ReactNode;
     disabled?: boolean;
@@ -7,6 +8,7 @@ export interface LabelProps extends BaseProps, BaseHtmlProps<HTMLLabelElement> {
     optional?: boolean;
     withInput?: boolean;
     info?: string;
+    size?: LabelSize;
 }
 export declare const Label: {
     (props: LabelProps): React.JSX.Element;

package/dist/core/components/atoms/message/Message.d.ts

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 import { MessageAppearance } from "../../../common.type";
+declare type MessageSize = 'small' | 'regular';
 export interface MessageProps extends BaseProps {
     appearance: MessageAppearance;
     title?: string;
+    size?: MessageSize;
     children?: React.ReactNode;
     description: string;
     actions?: React.ReactNode;

package/dist/core/components/atoms/metricInput/MetricInput.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BaseHtmlProps, BaseProps } from "../../../utils/types";
 import { AutoComplete, IconType } from "../../../common.type";
-export declare type MetricInputSize = 'regular' | 'large';
+export declare type MetricInputSize = 'small' | 'regular' | 'large';
 export interface MetricInputProps extends BaseProps, BaseHtmlProps<HTMLInputElement> {
     name?: string;
     value?: React.ReactText;

package/dist/core/components/atoms/statusHint/StatusHint.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 import { MessageAppearance } from "../../../common.type";
+declare type StatusHintSize = 'small' | 'regular';
 export interface StatusHintProps extends BaseProps {
     children: React.ReactText | React.ReactNode;
+    size?: StatusHintSize;
     appearance: MessageAppearance;
     truncateLabel?: boolean;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;

package/dist/core/components/atoms/textarea/Textarea.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
 import { BaseHtmlProps, BaseProps } from "../../../utils/types";
+declare type TextareaSize = 'small' | 'regular';
 export interface TextareaProps extends BaseProps, BaseHtmlProps<HTMLTextAreaElement> {
     name?: string;
     value?: string;
+    size?: TextareaSize;
     defaultValue?: string;
     placeholder?: string;
     rows?: number;

package/dist/core/components/molecules/chipInput/ChipInput.d.ts

@@ -9,9 +9,11 @@ declare type ChipOptions = {
     maxWidth?: ChipProps['maxWidth'];
     onClick?: (value: string, index: number) => void;
 };
+export declare type ChipInputSize = 'regular' | 'small';
 export interface ChipInputProps extends BaseProps {
     allowDuplicates: boolean;
     chipOptions: ChipOptions;
+    size?: ChipInputSize;
     disabled?: boolean;
     error?: boolean;
     placeholder?: string;

package/dist/core/components/molecules/editableChipInput/EditableChipInput.d.ts

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 import { ChipInputProps } from "../../../index.type";
+export declare type EditableChipInputSize = 'regular' | 'small';
 export interface EditableChipInputProps extends BaseProps {
     placeholder: string;
     value?: string[];
+    size?: 'regular' | 'small';
     onChange?: (chips: string[]) => void;
     disableSaveAction?: boolean;
     chipInputOptions: Omit<ChipInputProps, 'placeholder' | 'value' | 'defaultValue'>;

package/dist/core/components/molecules/tooltip/Tooltip.d.ts

@@ -4,8 +4,10 @@ import { BaseProps } from "../../../utils/types";
 declare type Position = 'top-start' | 'top' | 'top-end' | 'right' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left';
 declare const tooltipPropsList: readonly ["trigger", "on", "open", "offset", "onToggle", "dark", "customStyle", "closeOnBackdropClick", "hideOnReferenceEscape", "closeOnScroll"];
 declare type TooltipPopperProps = (typeof tooltipPropsList)[number];
+declare type TooltipSize = 'small' | 'regular';
 export interface TooltipProps extends Omit<PopoverProps, TooltipPopperProps>, BaseProps {
     tooltip: string;
+    size?: TooltipSize;
     showTooltip?: boolean;
     children: PopoverProps['trigger'];
     position: Position;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RowData, ColumnSchema } from "./Grid";
+import { RowData, ColumnSchema, SortType } from "./Grid";
 import { GridHeadProps } from "./GridHead";
 interface SharedCellProps {
     schema: ColumnSchema;
@@ -19,7 +19,12 @@ declare type BodyCellProps = SharedCellProps & {
     rowIndex: number;
     expandedState: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
 };
-export declare type HeaderCellRendererProps = HeaderCellProps & SharedCellProps;
+export declare type HeaderCellRendererProps = HeaderCellProps & SharedCellProps & {
+    sortingList: {
+        name: ColumnSchema['name'];
+        type: SortType;
+    }[];
+};
 export declare type CellProps = Partial<HeaderCellProps> & Partial<BodyCellProps> & SharedCellProps & {
     isHead?: boolean;
     firstCell: boolean;

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

@@ -142,6 +142,7 @@ export interface GridProps extends BaseProps {
 export interface GridState {
     init: boolean;
     prevPageInfo: PageInfo;
+    isSortingListUpdated: boolean;
 }
 export declare class Grid extends React.Component<GridProps, GridState> {
     static defaultProps: GridProps;
@@ -161,6 +162,8 @@ export declare class Grid extends React.Component<GridProps, GridState> {
     updateColumnSchema: updateColumnSchemaFunction;
     reorderColumn: reorderColumnFunction;
     updateSortingList: (sortingList: GridProps['sortingList']) => void;
+    scrollToTop: () => void;
+    updateIsSortingListUpdated: () => void;
     updateFilterList: (filterList: GridProps['filterList']) => void;
     onMenuChange: onMenuChangeFn;
     onFilterChange: onFilterChangeFn;

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

@@ -3,6 +3,8 @@ import { GridProps } from "../../../index.type";
 import { GridRef } from "./Grid";
 declare type ContextProps = GridProps & {
     ref: GridRef;
+    isSortingListUpdated: boolean;
+    updateIsSortingListUpdated: () => void;
 };
 declare const context: React.Context<ContextProps>;
 export declare const GridProvider: React.Provider<ContextProps>;

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

@@ -11,3 +11,4 @@ export declare const getSelectAll: (tableData: Data, selectDisabledRow?: boolean
 export declare const hasSchema: (schema: Schema) => boolean;
 export declare const getSchema: (schema: GridProps['schema'], loading: GridProps['loading'], loaderSchema: GridProps['loaderSchema']) => GridProps['schema'];
 export declare const getPluralSuffix: (count: number) => "" | "s";
+export declare const isScrollAtTop: (enableRowVirtualization?: boolean | undefined, ref?: HTMLDivElement | undefined) => boolean;

package/dist/core/components/organisms/menu/MenuList.d.ts

@@ -7,6 +7,9 @@ export interface MenuListProps extends BaseProps {
     tagName?: TagType;
     children: React.ReactNode;
 }
+export declare const MenuListContext: React.Context<{
+    size?: "standard" | "compressed" | "tight" | undefined;
+}>;
 export declare const MenuList: {
     (props: MenuListProps): React.JSX.Element;
     defaultProps: {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { OptionType } from "../../../common.type";
+import { OptionType, TListboxSize } from "../../../common.type";
 export declare type ContextProps = {
     openPopover?: boolean;
     setOpenPopover?: React.Dispatch<React.SetStateAction<boolean>>;
@@ -20,6 +20,7 @@ export declare type ContextProps = {
     setFocusedOption?: React.Dispatch<React.SetStateAction<HTMLElement | undefined>>;
     setHighlightFirstItem?: React.Dispatch<React.SetStateAction<boolean>>;
     setHighlightLastItem?: React.Dispatch<React.SetStateAction<boolean>>;
+    size?: TListboxSize;
 };
 export declare const SelectContext: React.Context<ContextProps>;
 export default SelectContext;

package/dist/core/components/organisms/table/Header.d.ts

@@ -9,6 +9,8 @@ export interface ExternalHeaderProps {
     customSelectionLabel?: string;
     globalActionRenderer?: (data: Data) => React.ReactNode;
     selectionActionRenderer?: (selectedRows: RowData[], selectAll?: boolean) => React.ReactNode;
+    selectedLabelRenderer?: (context: Record<string, any>) => string;
+    unSelectedLabelRenderer?: (context: Record<string, any>) => string;
 }
 export declare type updateSearchTermFunction = (newSearchTerm: string) => void;
 export interface HeaderProps extends ExternalHeaderProps {

package/dist/core/components/organisms/verticalNav/MenuItem.d.ts

@@ -11,6 +11,7 @@ export interface MenuItemProps extends BaseProps {
     isChildrenVisible?: boolean;
     onClick?: (menu: Menu) => void;
     customItemRenderer?: (props: MenuItemProps) => JSX.Element;
+    customOptionRenderer?: (props: MenuItemProps) => JSX.Element;
 }
 export declare const MenuItem: {
     (props: MenuItemProps): React.JSX.Element | null;

package/dist/core/components/organisms/verticalNav/VerticalNav.d.ts

@@ -10,6 +10,7 @@ export interface VerticalNavProps extends BaseProps {
     expanded: boolean;
     autoCollapse: boolean;
     customItemRenderer?: (props: MenuItemProps) => JSX.Element;
+    customOptionRenderer?: (props: MenuItemProps) => JSX.Element;
     showTooltip: boolean;
 }
 export declare const VerticalNav: {