es-grid-template 1.8.68 → 1.8.69

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.
Files changed (7) hide show
  1. package/es/grid-component/type.d.ts +4 -1
  2. package/es/table-component/table/Grid.js +3 -2
  3. package/es/table-virtuoso/table/Grid.js +2 -1
  4. package/lib/grid-component/type.d.ts +4 -1
  5. package/lib/table-component/table/Grid.js +3 -2
  6. package/lib/table-virtuoso/table/Grid.js +2 -1
  7. package/package.json +1 -1
package/es/grid-component/type.d.ts CHANGED
@@ -99,7 +99,7 @@ export type ColumnTable<RecordType = AnyObject> = {
99
99
  sorter?: boolean;
100
100
  allowSortering?: boolean;
101
101
  operator?: FilterOperator;
102
- hideOperator?: boolean;
102
+ showOperator?: boolean;
103
103
  placeholder?: string;
104
104
  showInColumnChoose?: boolean;
105
105
  typeFilter?: TypeFilter;
@@ -159,6 +159,7 @@ export type ColumnTable<RecordType = AnyObject> = {
159
159
  onCellStyles?: Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'> | ((cellValue: any, cell: Cell<RecordType, unknown>) => Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'>);
160
160
  onCellHeaderStyles?: Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'> | ((cell: Header<RecordType, unknown>) => Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'>);
161
161
  onCellFooterStyles?: Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'> | ((cellValue: any, cell: Header<RecordType, unknown>) => Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'>);
162
+ sumGroup?: boolean;
162
163
  };
163
164
  export type Locale = TableLocale & {
164
165
  ok_btn?: string;
@@ -193,11 +194,13 @@ export type Locale = TableLocale & {
193
194
  };
194
195
  export type ColumnsTable<RecordType = AnyObject> = ColumnTable<RecordType>[];
195
196
  export type TableProps<RecordType = AnyObject> = {
197
+ id?: string;
196
198
  theme?: {
197
199
  theme?: 'dark' | 'light';
198
200
  backgroundColor?: string;
199
201
  color?: string;
200
202
  };
203
+ classNames?: string;
201
204
  title?: ReactNode | ((data: RecordType) => ReactNode);
202
205
  fullScreenTitle?: ReactNode | (() => ReactNode);
203
206
  editAble?: boolean;
package/es/table-component/table/Grid.js CHANGED
@@ -55,6 +55,7 @@ const Grid = props => {
55
55
  allowResizing,
56
56
  windowSize,
57
57
  fullScreenTitle,
58
+ classNames: tableClassNames,
58
59
  ...rest
59
60
  } = props;
60
61
  const [columnResizeMode] = React.useState('onChange');
@@ -258,7 +259,7 @@ const Grid = props => {
258
259
  theme: theme?.theme,
259
260
  ...theme
260
261
  },
261
- className: classNames(`${prefix}-grid`, {
262
+ className: classNames(`${prefix}-grid ${tableClassNames}`, {
262
263
  [`${prefix}-grid-light`]: !theme || theme.theme === 'light',
263
264
  [`${prefix}-grid-dark`]: theme?.theme === 'dark'
264
265
  }),
@@ -337,7 +338,7 @@ const Grid = props => {
337
338
  theme: theme?.theme,
338
339
  ...theme
339
340
  },
340
- className: classNames(`${prefix}-grid`, {
341
+ className: classNames(`${prefix}-grid ${tableClassNames}`, {
341
342
  [`${prefix}-grid-light`]: !theme || theme.theme === 'light',
342
343
  [`${prefix}-grid-dark`]: theme?.theme === 'dark'
343
344
  }),
package/es/table-virtuoso/table/Grid.js CHANGED
@@ -52,6 +52,7 @@ const Grid = props => {
52
52
  columnFilters,
53
53
  setColumnOrder,
54
54
  rowSelection,
55
+ classNames: tableClassNames,
55
56
  ...rest
56
57
  } = props;
57
58
  const [isSelectionChange, setIsSelectionChange] = React.useState({
@@ -153,7 +154,7 @@ const Grid = props => {
153
154
  theme: theme?.theme,
154
155
  ...theme
155
156
  },
156
- className: classNames(`${prefix}-grid`, {
157
+ className: classNames(`${prefix}-grid ${tableClassNames}`, {
157
158
  [`${prefix}-grid-light`]: !theme || theme.theme === 'light',
158
159
  [`${prefix}-grid-dark`]: theme?.theme === 'dark'
159
160
  }),
package/lib/grid-component/type.d.ts CHANGED
@@ -99,7 +99,7 @@ export type ColumnTable<RecordType = AnyObject> = {
99
99
  sorter?: boolean;
100
100
  allowSortering?: boolean;
101
101
  operator?: FilterOperator;
102
- hideOperator?: boolean;
102
+ showOperator?: boolean;
103
103
  placeholder?: string;
104
104
  showInColumnChoose?: boolean;
105
105
  typeFilter?: TypeFilter;
@@ -159,6 +159,7 @@ export type ColumnTable<RecordType = AnyObject> = {
159
159
  onCellStyles?: Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'> | ((cellValue: any, cell: Cell<RecordType, unknown>) => Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'>);
160
160
  onCellHeaderStyles?: Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'> | ((cell: Header<RecordType, unknown>) => Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'>);
161
161
  onCellFooterStyles?: Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'> | ((cellValue: any, cell: Header<RecordType, unknown>) => Omit<React.CSSProperties, 'display' | 'width' | 'minWidth' | 'left' | 'right' | 'position'>);
162
+ sumGroup?: boolean;
162
163
  };
163
164
  export type Locale = TableLocale & {
164
165
  ok_btn?: string;
@@ -193,11 +194,13 @@ export type Locale = TableLocale & {
193
194
  };
194
195
  export type ColumnsTable<RecordType = AnyObject> = ColumnTable<RecordType>[];
195
196
  export type TableProps<RecordType = AnyObject> = {
197
+ id?: string;
196
198
  theme?: {
197
199
  theme?: 'dark' | 'light';
198
200
  backgroundColor?: string;
199
201
  color?: string;
200
202
  };
203
+ classNames?: string;
201
204
  title?: ReactNode | ((data: RecordType) => ReactNode);
202
205
  fullScreenTitle?: ReactNode | (() => ReactNode);
203
206
  editAble?: boolean;
package/lib/table-component/table/Grid.js CHANGED
@@ -60,6 +60,7 @@ const Grid = props => {
60
60
  allowResizing,
61
61
  windowSize,
62
62
  fullScreenTitle,
63
+ classNames: tableClassNames,
63
64
  ...rest
64
65
  } = props;
65
66
  const [columnResizeMode] = _react.default.useState('onChange');
@@ -263,7 +264,7 @@ const Grid = props => {
263
264
  theme: theme?.theme,
264
265
  ...theme
265
266
  },
266
- className: (0, _classnames.default)(`${prefix}-grid`, {
267
+ className: (0, _classnames.default)(`${prefix}-grid ${tableClassNames}`, {
267
268
  [`${prefix}-grid-light`]: !theme || theme.theme === 'light',
268
269
  [`${prefix}-grid-dark`]: theme?.theme === 'dark'
269
270
  }),
@@ -342,7 +343,7 @@ const Grid = props => {
342
343
  theme: theme?.theme,
343
344
  ...theme
344
345
  },
345
- className: (0, _classnames.default)(`${prefix}-grid`, {
346
+ className: (0, _classnames.default)(`${prefix}-grid ${tableClassNames}`, {
346
347
  [`${prefix}-grid-light`]: !theme || theme.theme === 'light',
347
348
  [`${prefix}-grid-dark`]: theme?.theme === 'dark'
348
349
  }),
package/lib/table-virtuoso/table/Grid.js CHANGED
@@ -61,6 +61,7 @@ const Grid = props => {
61
61
  columnFilters,
62
62
  setColumnOrder,
63
63
  rowSelection,
64
+ classNames: tableClassNames,
64
65
  ...rest
65
66
  } = props;
66
67
  const [isSelectionChange, setIsSelectionChange] = _react.default.useState({
@@ -162,7 +163,7 @@ const Grid = props => {
162
163
  theme: theme?.theme,
163
164
  ...theme
164
165
  },
165
- className: (0, _classnames.default)(`${prefix}-grid`, {
166
+ className: (0, _classnames.default)(`${prefix}-grid ${tableClassNames}`, {
166
167
  [`${prefix}-grid-light`]: !theme || theme.theme === 'light',
167
168
  [`${prefix}-grid-dark`]: theme?.theme === 'dark'
168
169
  }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "es-grid-template",
3
- "version": "1.8.68",
3
+ "version": "1.8.69",
4
4
  "description": "es-grid-template",
5
5
  "keywords": [
6
6
  "react",