@innovaccer/design-system 4.17.0 → 4.18.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.
@@ -0,0 +1,35 @@
1
+ import * as React from 'react';
2
+ import { BaseProps, BaseHtmlProps } from "../../../utils/types";
3
+ export declare type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
4
+ export declare type FlexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
5
+ export declare type FlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
6
+ export declare type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
7
+ export declare type FlexGap = 'spacing-10' | 'spacing-20' | 'spacing-30' | 'spacing-40' | 'spacing-60' | 'spacing-80' | 'spacing-120' | 'spacing-160';
8
+ export declare type ResponsiveValue<T> = T | {
9
+ xs?: T;
10
+ sm?: T;
11
+ md?: T;
12
+ lg?: T;
13
+ xl?: T;
14
+ };
15
+ export interface FlexProps extends BaseProps, Omit<BaseHtmlProps<HTMLDivElement>, 'wrap'> {
16
+ direction?: ResponsiveValue<FlexDirection>;
17
+ justifyContent?: ResponsiveValue<FlexJustifyContent>;
18
+ alignItems?: ResponsiveValue<FlexAlignItems>;
19
+ wrap?: ResponsiveValue<FlexWrap>;
20
+ gap?: ResponsiveValue<FlexGap>;
21
+ columnGap?: ResponsiveValue<FlexGap>;
22
+ rowGap?: ResponsiveValue<FlexGap>;
23
+ children?: React.ReactNode;
24
+ }
25
+ export declare const Flex: {
26
+ (props: FlexProps): React.JSX.Element;
27
+ displayName: string;
28
+ defaultProps: {
29
+ direction: string;
30
+ justifyContent: string;
31
+ alignItems: string;
32
+ wrap: string;
33
+ };
34
+ };
35
+ export default Flex;
@@ -0,0 +1,2 @@
1
+ export { default } from "./Flex";
2
+ export * from "./Flex";
@@ -0,0 +1,23 @@
1
+ import * as React from 'react';
2
+ import { BaseProps, BaseHtmlProps } from "../../../utils/types";
3
+ export declare type GridColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
4
+ export declare type GridRowSpan = 1 | 2 | 3 | 4 | 5 | 6;
5
+ export declare type GridJustifySelf = 'start' | 'end' | 'center' | 'stretch';
6
+ export declare type GridAlignSelf = 'start' | 'end' | 'center' | 'stretch';
7
+ export interface GridItemProps extends BaseProps, Omit<BaseHtmlProps<HTMLDivElement>, 'rowSpan'> {
8
+ columnSpan?: GridColumnSpan;
9
+ rowSpan?: GridRowSpan;
10
+ columnStart?: number;
11
+ rowStart?: number;
12
+ justifySelf?: GridJustifySelf;
13
+ alignSelf?: GridAlignSelf;
14
+ children?: React.ReactNode;
15
+ }
16
+ export declare const GridItem: {
17
+ (props: GridItemProps): React.JSX.Element;
18
+ defaultProps: {
19
+ columnSpan: number;
20
+ rowSpan: number;
21
+ };
22
+ };
23
+ export default GridItem;
@@ -0,0 +1,43 @@
1
+ import * as React from 'react';
2
+ import { BaseProps, BaseHtmlProps } from "../../../utils/types";
3
+ export declare type GridTemplateColumns = string;
4
+ export declare type GridTemplateRows = string;
5
+ export declare type GridGap = 'spacing-10' | 'spacing-20' | 'spacing-30' | 'spacing-40' | 'spacing-60' | 'spacing-80' | 'spacing-120' | 'spacing-160';
6
+ export declare type GridAutoFlow = 'row' | 'column' | 'row dense' | 'column dense';
7
+ export declare type GridJustifyItems = 'start' | 'end' | 'center' | 'stretch';
8
+ export declare type GridAlignItems = 'start' | 'end' | 'center' | 'stretch';
9
+ export declare type ResponsiveValue<T> = T | {
10
+ xs?: T;
11
+ sm?: T;
12
+ md?: T;
13
+ lg?: T;
14
+ xl?: T;
15
+ };
16
+ export interface MdsGridProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
17
+ templateColumns?: ResponsiveValue<GridTemplateColumns>;
18
+ templateRows?: ResponsiveValue<GridTemplateRows>;
19
+ gap?: ResponsiveValue<GridGap>;
20
+ columnGap?: ResponsiveValue<GridGap>;
21
+ rowGap?: ResponsiveValue<GridGap>;
22
+ autoFlow?: GridAutoFlow;
23
+ justifyItems?: GridJustifyItems;
24
+ alignItems?: GridAlignItems;
25
+ children?: React.ReactNode;
26
+ }
27
+ export declare const MdsGrid: {
28
+ (props: MdsGridProps): React.JSX.Element;
29
+ displayName: string;
30
+ defaultProps: {
31
+ autoFlow: string;
32
+ justifyItems: string;
33
+ alignItems: string;
34
+ };
35
+ GridItem: {
36
+ (props: import("./GridItem").GridItemProps): React.JSX.Element;
37
+ defaultProps: {
38
+ columnSpan: number;
39
+ rowSpan: number;
40
+ };
41
+ };
42
+ };
43
+ export default MdsGrid;
@@ -0,0 +1,2 @@
1
+ export { default } from "./MdsGrid";
2
+ export * from "./MdsGrid";
@@ -56,6 +56,7 @@ export declare type ColumnSchema = {
56
56
  pinned?: Pinned;
57
57
  hidden?: boolean;
58
58
  filters?: DropdownProps['options'];
59
+ filterType?: 'singleSelect' | 'multiSelect';
59
60
  onFilterChange?: onFilterChangeFunction;
60
61
  translate?: (data: RowData) => RowData;
61
62
  cellType?: CellType;
@@ -75,6 +75,7 @@ interface TableState {
75
75
  error: TableProps['error'];
76
76
  errorType?: TableProps['errorType'];
77
77
  totalRowsCount?: number;
78
+ isSearching: boolean;
78
79
  }
79
80
  export declare const defaultProps: {
80
81
  type: string;
@@ -141,6 +142,7 @@ export declare class Table extends React.Component<TableProps, TableState> {
141
142
  selectedRowsRef: React.MutableRefObject<any>;
142
143
  clearSelectionRef: React.MutableRefObject<any>;
143
144
  selectAllRef: React.MutableRefObject<any>;
145
+ currentRequestPageRef: React.MutableRefObject<number | null>;
144
146
  constructor(props: TableProps);
145
147
  componentDidMount(): void;
146
148
  componentDidUpdate(prevProps: TableProps, prevState: TableState): void;
@@ -18,6 +18,7 @@ export { Column } from "./components/atoms/column";
18
18
  export { DatePicker } from "./components/organisms/datePicker";
19
19
  export { TimePicker } from "./components/organisms/timePicker";
20
20
  export { Dropdown } from "./components/atoms/dropdown";
21
+ export { Flex } from "./components/atoms/flex";
21
22
  export { Heading } from "./components/atoms/heading";
22
23
  export { Icon } from "./components/atoms/icon";
23
24
  export { Input } from "./components/atoms/input";
@@ -30,6 +31,7 @@ export { EditableDropdown } from "./components/molecules/editableDropdown";
30
31
  export { Link } from "./components/atoms/link";
31
32
  export { Message } from "./components/atoms/message";
32
33
  export { MetaList } from "./components/atoms/metaList";
34
+ export { MdsGrid } from "./components/atoms/mdsGrid";
33
35
  export { MultiSlider } from "./components/atoms/multiSlider";
34
36
  export { OutsideClick } from "./components/atoms/outsideClick";
35
37
  export { Paragraph } from "./components/atoms/paragraph";
@@ -33,6 +33,7 @@ export { LinkProps } from "./components/atoms/link";
33
33
  export { HorizontalNavProps } from "./components/organisms/horizontalNav";
34
34
  export { MessageProps } from "./components/atoms/message";
35
35
  export { MetaListProps } from "./components/atoms/metaList";
36
+ export { MdsGridProps } from "./components/atoms/mdsGrid";
36
37
  export { OutsideClickProps } from "./components/atoms/outsideClick";
37
38
  export { ParagraphProps } from "./components/atoms/paragraph";
38
39
  export { RadioProps } from "./components/atoms/radio";