@dartech/arsenal-ui 1.4.43 → 1.4.44
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/index.js +1336 -1121
- package/package.json +1 -1
- package/src/interfaces/ui.d.ts +1 -1
- package/src/lib/OverflowTooltip/OverflowTooltip.d.ts +4 -0
- package/src/lib/OverflowTooltip/index.d.ts +1 -0
- package/src/lib/Property/UpsertProperty/PropertyValueField/BooleanValueField.d.ts +0 -1
- package/src/lib/Property/UpsertProperty/PropertyValueField/DateTimeValueField.d.ts +0 -1
- package/src/lib/Property/UpsertProperty/PropertyValueField/DateValueField.d.ts +0 -1
- package/src/lib/Property/UpsertProperty/PropertyValueField/JsonValueField.d.ts +0 -1
- package/src/lib/Property/UpsertProperty/PropertyValueField/TimeValueField.d.ts +0 -1
- package/src/lib/Property/ViewProperty/PropertyItem.d.ts +0 -1
- package/src/lib/Table/DataGrid/DataGrid.styled.d.ts +4 -0
- package/src/lib/Table/DataGrid/Table.d.ts +2 -5
- package/src/lib/Table/SimpleTable/SimpleTable.d.ts +2 -1
- package/src/lib/Table/SimpleTable/Table.styled.d.ts +30 -0
- package/src/lib/index.d.ts +1 -0
- package/src/theme/inputThemeOptions.d.ts +11 -0
- package/src/theme/tableThemeOptions.d.ts +12 -0
- package/src/utils/ui-utils.d.ts +2 -1
- package/src/lib/Table/DataGrid/styles.d.ts +0 -44
package/package.json
CHANGED
package/src/interfaces/ui.d.ts
CHANGED
@@ -26,7 +26,7 @@ export interface Option<T = string> {
|
|
26
26
|
value: T;
|
27
27
|
label: string;
|
28
28
|
}
|
29
|
-
export type TableDataType = 'text' | 'boolean' | 'date' | 'status' | 'json_text' | 'json_code' | 'array' | 'number';
|
29
|
+
export type TableDataType = 'text' | 'boolean' | 'date' | 'status' | 'json_text' | 'json_code' | 'array' | 'number' | 'collapsed_array';
|
30
30
|
export type JsonPathPickerProperty = {
|
31
31
|
properties: PropertiesArrayType;
|
32
32
|
pathPrefix: string;
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './OverflowTooltip';
|
@@ -0,0 +1,4 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const StyledDataGrid: import("@emotion/styled").StyledComponent<Omit<Partial<import("@mui/x-data-grid/models/props/DataGridProps").DataGridPropsWithDefaultValues> & import("@mui/x-data-grid/models/props/DataGridProps").DataGridPropsWithComplexDefaultValueBeforeProcessing & import("@mui/x-data-grid/models/props/DataGridProps").DataGridPropsWithoutDefaultValue<import("@mui/x-data-grid").GridValidRowModel>, import("@mui/x-data-grid/models/props/DataGridProps").DataGridForcedPropsKey> & {
|
3
|
+
pagination?: true;
|
4
|
+
} & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import React from 'react';
|
1
|
+
import React, { Ref } from 'react';
|
2
2
|
import { GridCellParams, GridColumns, GridFeatureMode, GridRowsProp } from '@mui/x-data-grid';
|
3
3
|
/**
|
4
4
|
* This interface is referencing the [[Table]] component props.
|
@@ -40,10 +40,7 @@ export interface TableProps {
|
|
40
40
|
*/
|
41
41
|
onCellClick?: (params: GridCellParams, event: React.MouseEvent) => void;
|
42
42
|
pagination?: boolean;
|
43
|
+
refProp?: Ref<unknown>;
|
43
44
|
}
|
44
|
-
/**
|
45
|
-
* Main data display component. MUI DataGrid used
|
46
|
-
* @category Common UI components
|
47
|
-
*/
|
48
45
|
export declare const Table: ({ columns, rows, rowCount, loading, disableMargin, mode, initialPageSize, pagination, onCellClick, }: TableProps) => JSX.Element;
|
49
46
|
export default Table;
|
@@ -10,8 +10,9 @@ interface Props<T> {
|
|
10
10
|
children?: ReactNode;
|
11
11
|
verticalAlign?: 'top' | 'middle' | 'bottom' | 'sub' | 'baseline';
|
12
12
|
emptyDataText?: string;
|
13
|
+
labelRowsPerPage?: string;
|
13
14
|
}
|
14
|
-
declare function TableInner<T>({ columns, rows, totalCount, children, pagination, loading, onRowClick, emptyDataText, verticalAlign }: Props<T>, ref: ForwardedRef<
|
15
|
+
declare function TableInner<T>({ columns, rows, totalCount, children, pagination, loading, onRowClick, emptyDataText, verticalAlign, labelRowsPerPage, }: Props<T>, ref: ForwardedRef<any>): JSX.Element;
|
15
16
|
export declare const SimpleTable: <T>(props: Props<T> & {
|
16
17
|
ref?: ForwardedRef<HTMLTableElement>;
|
17
18
|
}) => ReturnType<typeof TableInner>;
|
@@ -0,0 +1,30 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const TableSortLabel: import("@emotion/styled").StyledComponent<{
|
3
|
+
active?: boolean;
|
4
|
+
children?: import("react").ReactNode;
|
5
|
+
classes?: Partial<import("@mui/material/TableSortLabel").TableSortLabelClasses>;
|
6
|
+
direction?: "desc" | "asc";
|
7
|
+
hideSortIcon?: boolean;
|
8
|
+
IconComponent?: import("react").JSXElementConstructor<{
|
9
|
+
className: string;
|
10
|
+
}>;
|
11
|
+
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
|
12
|
+
} & Omit<{
|
13
|
+
action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
|
14
|
+
centerRipple?: boolean;
|
15
|
+
children?: import("react").ReactNode;
|
16
|
+
classes?: Partial<import("@mui/material").ButtonBaseClasses>;
|
17
|
+
disabled?: boolean;
|
18
|
+
disableRipple?: boolean;
|
19
|
+
disableTouchRipple?: boolean;
|
20
|
+
focusRipple?: boolean;
|
21
|
+
focusVisibleClassName?: string;
|
22
|
+
LinkComponent?: import("react").ElementType<any>;
|
23
|
+
onFocusVisible?: import("react").FocusEventHandler<any>;
|
24
|
+
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
|
25
|
+
tabIndex?: number;
|
26
|
+
TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
|
27
|
+
touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
|
28
|
+
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
29
|
+
ref?: import("react").Ref<HTMLSpanElement>;
|
30
|
+
}, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "direction" | "active" | "hideSortIcon" | "IconComponent"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
package/src/lib/index.d.ts
CHANGED
@@ -117,6 +117,17 @@ declare const inputThemeOptions: {
|
|
117
117
|
};
|
118
118
|
};
|
119
119
|
};
|
120
|
+
MuiTooltip: {
|
121
|
+
styleOverrides: {
|
122
|
+
tooltip: {
|
123
|
+
fontSize: number;
|
124
|
+
};
|
125
|
+
backgroundColor: string;
|
126
|
+
padding: string;
|
127
|
+
borderRadius: number;
|
128
|
+
textAlign: string;
|
129
|
+
};
|
130
|
+
};
|
120
131
|
};
|
121
132
|
};
|
122
133
|
export default inputThemeOptions;
|
@@ -5,6 +5,7 @@ declare const tableThemeOptions: {
|
|
5
5
|
root: {
|
6
6
|
borderRadius: string;
|
7
7
|
border: string;
|
8
|
+
overflow: string;
|
8
9
|
};
|
9
10
|
};
|
10
11
|
};
|
@@ -12,6 +13,17 @@ declare const tableThemeOptions: {
|
|
12
13
|
styleOverrides: {
|
13
14
|
root: {
|
14
15
|
backgroundColor: string;
|
16
|
+
height: number;
|
17
|
+
};
|
18
|
+
};
|
19
|
+
};
|
20
|
+
MuiTableRow: {
|
21
|
+
styleOverrides: {
|
22
|
+
root: {
|
23
|
+
'&:hover': {
|
24
|
+
backgroundColor: string;
|
25
|
+
};
|
26
|
+
height: number;
|
15
27
|
};
|
16
28
|
};
|
17
29
|
};
|
package/src/utils/ui-utils.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
import { StatusVariant, TableDataType } from '../interfaces';
|
2
|
+
import { ReactNode } from 'react';
|
3
3
|
type TableFormatProps = {
|
4
4
|
value: any;
|
5
5
|
canCopy?: boolean;
|
@@ -9,6 +9,7 @@ type TableFormatProps = {
|
|
9
9
|
textParams?: {
|
10
10
|
displayAs?: TableDataType;
|
11
11
|
dateFormat?: string[];
|
12
|
+
tooltipLinkComponent?: ReactNode;
|
12
13
|
statusVariant?: StatusVariant;
|
13
14
|
};
|
14
15
|
};
|
@@ -1,44 +0,0 @@
|
|
1
|
-
export declare const styles: {
|
2
|
-
width: string;
|
3
|
-
'& .MuiDataGrid-virtualScrollerContent': {
|
4
|
-
height: string;
|
5
|
-
minHeight: string;
|
6
|
-
};
|
7
|
-
'& .MuiDataGrid-virtualScrollerRenderZone': {
|
8
|
-
position: string;
|
9
|
-
};
|
10
|
-
'& .MuiDataGrid-renderingZone': {
|
11
|
-
maxHeight: string;
|
12
|
-
};
|
13
|
-
'& .MuiDataGrid-cell': {
|
14
|
-
maxHeight: string;
|
15
|
-
lineHeight: string;
|
16
|
-
textOverflow: string;
|
17
|
-
wordBreak: string;
|
18
|
-
'& .MuiDataGrid-actionsCell': {
|
19
|
-
width: string;
|
20
|
-
gridGap: string;
|
21
|
-
flexWrap: string;
|
22
|
-
'& > button[aria-label="more"]': {
|
23
|
-
marginLeft: string;
|
24
|
-
};
|
25
|
-
};
|
26
|
-
};
|
27
|
-
'& .MuiDataGrid-row': {
|
28
|
-
maxHeight: string;
|
29
|
-
};
|
30
|
-
'& .Sorted': {
|
31
|
-
'& .MuiDataGrid-iconButtonContainer': {
|
32
|
-
visibility: string;
|
33
|
-
width: string;
|
34
|
-
'& svg': {
|
35
|
-
opacity: string;
|
36
|
-
};
|
37
|
-
};
|
38
|
-
'&.--desc': {
|
39
|
-
'& svg': {
|
40
|
-
transform: string;
|
41
|
-
};
|
42
|
-
};
|
43
|
-
};
|
44
|
-
};
|