@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.
- package/CHANGELOG.md +81 -0
- package/css/dist/index.css +532 -0
- package/css/dist/index.css.map +1 -1
- package/css/src/components/avatarGroup.module.css +2 -0
- package/css/src/components/flex.module.css +117 -0
- package/css/src/components/mdsGrid.module.css +401 -0
- package/css/src/components/table.module.css +2 -0
- package/dist/brotli/index.js +1 -1
- package/dist/brotli/index.js.br +0 -0
- package/dist/cjs/index.js +1 -1
- package/dist/core/components/atoms/flex/Flex.d.ts +35 -0
- package/dist/core/components/atoms/flex/index.d.ts +2 -0
- package/dist/core/components/atoms/mdsGrid/GridItem.d.ts +23 -0
- package/dist/core/components/atoms/mdsGrid/MdsGrid.d.ts +43 -0
- package/dist/core/components/atoms/mdsGrid/index.d.ts +2 -0
- package/dist/core/components/organisms/grid/Grid.d.ts +1 -0
- package/dist/core/components/organisms/table/Table.d.ts +2 -0
- package/dist/core/index.d.ts +2 -0
- package/dist/core/index.type.d.ts +1 -0
- package/dist/esm/index.js +669 -381
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +628 -340
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +532 -0
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +103 -23
- package/package.json +1 -1
|
@@ -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,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;
|
|
@@ -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;
|
package/dist/core/index.d.ts
CHANGED
|
@@ -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";
|