@lifesg/react-design-system 2.2.0-canary.1 → 2.2.0-canary.2
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/cjs/index.js +250 -116
- package/cjs/index.js.map +1 -1
- package/data-table/data-table.d.ts +3 -0
- package/data-table/data-table.styles.d.ts +47 -0
- package/data-table/index.d.ts +2 -0
- package/data-table/index.js +506 -0
- package/data-table/index.js.map +1 -0
- package/data-table/package.json +7 -0
- package/data-table/types.d.ts +62 -0
- package/error-display/index.js +1 -1
- package/error-display/index.js.map +1 -1
- package/error-display/types.d.ts +4 -3
- package/index.d.ts +1 -0
- package/index.js +245 -111
- package/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DataTableProps } from "./types";
|
|
3
|
+
export declare const DataTable: ({ id, headers, rows, className, sortIndicators, alternatingRows, loadState, enableMultiSelect, selectedIds, disabledIds, enableActionBar, enableSelectAll, enableStickyHeader, emptyView, actionBarContent, renderCustomEmptyView, onHeaderClick, onSelect, onSelectAll, onClearSelectionClick, ...otherProps }: DataTableProps) => JSX.Element;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface TableProps {
|
|
3
|
+
$end: boolean;
|
|
4
|
+
$scrollable: boolean;
|
|
5
|
+
$stickyHeader: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface TableBodyProps {
|
|
8
|
+
$showLastRowBottomBorder: boolean;
|
|
9
|
+
}
|
|
10
|
+
interface HeaderCellProps {
|
|
11
|
+
$clickable: boolean;
|
|
12
|
+
$isCheckbox: boolean;
|
|
13
|
+
}
|
|
14
|
+
interface BodyRowProps {
|
|
15
|
+
$alternating: boolean;
|
|
16
|
+
$isSelected?: boolean;
|
|
17
|
+
$isSelectable?: boolean;
|
|
18
|
+
}
|
|
19
|
+
interface BodyCellProps {
|
|
20
|
+
$isCheckbox: boolean;
|
|
21
|
+
}
|
|
22
|
+
interface ActionBarWrapperProps {
|
|
23
|
+
$fixed: boolean;
|
|
24
|
+
$left?: number | undefined;
|
|
25
|
+
$width?: number | undefined;
|
|
26
|
+
}
|
|
27
|
+
interface ActionBarProps {
|
|
28
|
+
$float: boolean;
|
|
29
|
+
$scrollable: boolean;
|
|
30
|
+
}
|
|
31
|
+
export declare const TableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
32
|
+
export declare const TableContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
33
|
+
export declare const Table: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, TableProps, never>;
|
|
34
|
+
export declare const TableBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, TableBodyProps, never>;
|
|
35
|
+
export declare const ActionBarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ActionBarWrapperProps, never>;
|
|
36
|
+
export declare const ActionBar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ActionBarProps, never>;
|
|
37
|
+
export declare const HeaderRow: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {}, never>;
|
|
38
|
+
export declare const HeaderCell: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, HeaderCellProps, never>;
|
|
39
|
+
export declare const HeaderCellWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
40
|
+
export declare const BodyRow: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, BodyRowProps, never>;
|
|
41
|
+
export declare const BodyCell: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, BodyCellProps, never>;
|
|
42
|
+
export declare const BodyCellContent: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("../text").TextProps, never>;
|
|
43
|
+
export declare const CheckBoxWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
44
|
+
export declare const LoaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
45
|
+
export declare const ErrorDisplayElement: import("styled-components").StyledComponent<({ type, img, title, description, actionButton, additionalProps, imageOnly, ...otherProps }: import("../error-display").ErrorDisplayProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
46
|
+
export declare const EmptyViewCell: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {}, never>;
|
|
47
|
+
export {};
|