es-grid-template 1.8.90 → 1.8.91

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 (8) hide show
  1. package/es/group-component/hook/utils.d.ts +8 -8
  2. package/es/table-component/header/TableHeadCell.js +1 -2
  3. package/es/table-component/header/TableHeadCell2.js +2 -3
  4. package/es/table-component/header/TableHeadGroupCell.js +2 -3
  5. package/lib/table-component/header/TableHeadCell.js +1 -2
  6. package/lib/table-component/header/TableHeadCell2.js +2 -3
  7. package/lib/table-component/header/TableHeadGroupCell.js +2 -3
  8. package/package.json +1 -1
package/es/group-component/hook/utils.d.ts CHANGED
@@ -162,7 +162,7 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
162
162
  type?: IColumnType;
163
163
  haveSum?: boolean;
164
164
  isSummary?: boolean;
165
- summaryTemplate?: (data: number, key: string) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode;
165
+ summaryTemplate?: (data: number, key: string) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
166
166
  format?: IFormat | ((rowData: any) => IFormat);
167
167
  allowFiltering?: boolean;
168
168
  sorter?: boolean;
@@ -177,18 +177,18 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
177
177
  headerText?: string;
178
178
  hidden?: boolean;
179
179
  visible?: boolean;
180
- headerTooltip?: string | boolean | (() => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
180
+ headerTooltip?: string | boolean | (() => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
181
181
  columnGroupText?: string;
182
182
  align?: import("./../../grid-component/type").ITextAlign;
183
183
  textAlign?: import("./../../grid-component/type").ITextAlign;
184
184
  headerTextAlign?: import("./../../grid-component/type").ITextAlign;
185
- template?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode | ((args: import("./../../grid-component/type").ColumnTemplate<RecordType>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
185
+ template?: import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | ((args: import("./../../grid-component/type").ColumnTemplate<RecordType>) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
186
186
  showTooltip?: boolean;
187
187
  tooltipDescription?: string | ((args: {
188
188
  value: any;
189
189
  rowData: RecordType;
190
- }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
191
- headerTemplate?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode | ((column: ColumnTable<RecordType>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
190
+ }) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
191
+ headerTemplate?: import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | ((column: ColumnTable<RecordType>) => import("react").ReactNode | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
192
192
  commandItems?: import("./../../grid-component/type").CommandItem[];
193
193
  children?: ColumnTable<RecordType>[];
194
194
  editType?: EditType | ((rowData?: RecordType) => EditType);
@@ -208,9 +208,9 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
208
208
  ellipsis?: boolean;
209
209
  allowResizing?: boolean;
210
210
  allowSelection?: boolean | ((rowData: RecordType) => boolean);
211
- onCellStyles?: Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width">);
212
- onCellHeaderStyles?: Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width">);
213
- onCellFooterStyles?: Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "minWidth" | "position" | "width">);
211
+ onCellStyles?: Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position">);
212
+ onCellHeaderStyles?: Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position">);
213
+ onCellFooterStyles?: Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "display" | "width" | "minWidth" | "position">);
214
214
  sumGroup?: boolean;
215
215
  getValue?: (row: any, rowIndex: number) => any;
216
216
  getCellProps?: (value: any, row: any, rowIndex: number) => import("./../../grid-component/type").CellProps;
package/es/table-component/header/TableHeadCell.js CHANGED
@@ -39,7 +39,6 @@ const TableHeadCell = props => {
39
39
  const filtered = (header.column.getFilterValue() ?? []).length > 0;
40
40
  const cellContent = originalColumn.headerTemplate ? originalColumn.headerTemplate : t ? t(originalColumn.headerText) : originalColumn.headerText;
41
41
  const headerCustomTooltip = originalColumn.headerTooltip ?? (t ? t(originalColumn.headerText) : originalColumn.headerText);
42
- const hasValue = headerCustomTooltip.trim().length > 0;
43
42
 
44
43
  // const filtered = header.column.getIsFiltered()
45
44
 
@@ -217,7 +216,7 @@ const TableHeadCell = props => {
217
216
  ...style
218
217
  },
219
218
  "data-tooltip-id": `${id}-tooltip-content`,
220
- "data-tooltip-content": !hasValue ? '' : headerCustomTooltip
219
+ "data-tooltip-content": headerCustomTooltip
221
220
  }, /*#__PURE__*/React.createElement("div", {
222
221
  className: classNames('', {
223
222
  [`${prefix}-grid-filter-column`]: header.column.id !== 'selection_column',
package/es/table-component/header/TableHeadCell2.js CHANGED
@@ -58,8 +58,7 @@ const TableHeadCell2 = props => {
58
58
  const cellStyles = typeof originalColumn.onCellHeaderStyles === 'function' ? originalColumn.onCellHeaderStyles(header) : originalColumn.onCellHeaderStyles;
59
59
  const filtered = ((fieldOriginal ? fieldOriginal.getFilterValue() : column.getFilterValue()) ?? []).length > 0;
60
60
  const cellContent = originalColumn.headerTemplate ? originalColumn.headerTemplate : t ? t(originalColumn.headerText) : originalColumn.headerText;
61
- const headerCustomTooltip = originalColumn.headerTooltip ?? (t ? t(originalColumn.headerText) : originalColumn.headerText);
62
- const hasValue = headerCustomTooltip.trim().length > 0;
61
+ const headerCustomTooltip = originalColumn?.headerTooltip ?? (t ? t(originalColumn?.headerText) : originalColumn?.headerText);
63
62
  const style = {
64
63
  transition: 'width transform 0.2s ease-in-out',
65
64
  whiteSpace: 'nowrap',
@@ -252,7 +251,7 @@ const TableHeadCell2 = props => {
252
251
  },
253
252
  "data-tooltip-id": `${id}-tooltip-content`,
254
253
  "data-tooltip-delay-show": 500,
255
- "data-tooltip-content": !hasValue ? '' : headerCustomTooltip
254
+ "data-tooltip-content": headerCustomTooltip
256
255
  }, /*#__PURE__*/React.createElement("div", {
257
256
  className: classNames('', {
258
257
  [`${prefix}-grid-filter-column`]: column.id !== 'selection_column',
package/es/table-component/header/TableHeadGroupCell.js CHANGED
@@ -26,8 +26,7 @@ const TableHeadGroupCell = props => {
26
26
  const originalColumn = column.columnDef.meta ?? {};
27
27
  const cellStyles = typeof originalColumn.onCellHeaderStyles === 'function' ? originalColumn.onCellHeaderStyles(header) : originalColumn.onCellHeaderStyles;
28
28
  const cellContent = originalColumn.headerTemplate ? originalColumn.headerTemplate : t ? t(originalColumn.headerText) : originalColumn.headerText;
29
- const headerCustomTooltip = originalColumn.headerTooltip ?? (t ? t(originalColumn.headerText) : originalColumn.headerText);
30
- const hasValue = headerCustomTooltip.trim().length > 0;
29
+ const headerCustomTooltip = originalColumn?.headerTooltip ?? (t ? t(originalColumn?.headerText) : originalColumn?.headerText);
31
30
  const style = {
32
31
  transition: 'width transform 0.2s ease-in-out',
33
32
  whiteSpace: 'nowrap',
@@ -55,7 +54,7 @@ const TableHeadGroupCell = props => {
55
54
  ...style
56
55
  },
57
56
  "data-tooltip-id": `${id}-tooltip-content`,
58
- "data-tooltip-content": !hasValue ? '' : headerCustomTooltip
57
+ "data-tooltip-content": headerCustomTooltip
59
58
  }, /*#__PURE__*/React.createElement("div", {
60
59
  className: classNames('', {
61
60
  [`${prefix}-grid-filter-column`]: column.id !== 'selection_column',
package/lib/table-component/header/TableHeadCell.js CHANGED
@@ -48,7 +48,6 @@ const TableHeadCell = props => {
48
48
  const filtered = (header.column.getFilterValue() ?? []).length > 0;
49
49
  const cellContent = originalColumn.headerTemplate ? originalColumn.headerTemplate : t ? t(originalColumn.headerText) : originalColumn.headerText;
50
50
  const headerCustomTooltip = originalColumn.headerTooltip ?? (t ? t(originalColumn.headerText) : originalColumn.headerText);
51
- const hasValue = headerCustomTooltip.trim().length > 0;
52
51
 
53
52
  // const filtered = header.column.getIsFiltered()
54
53
 
@@ -226,7 +225,7 @@ const TableHeadCell = props => {
226
225
  ...style
227
226
  },
228
227
  "data-tooltip-id": `${id}-tooltip-content`,
229
- "data-tooltip-content": !hasValue ? '' : headerCustomTooltip
228
+ "data-tooltip-content": headerCustomTooltip
230
229
  }, /*#__PURE__*/_react.default.createElement("div", {
231
230
  className: (0, _classnames.default)('', {
232
231
  [`${prefix}-grid-filter-column`]: header.column.id !== 'selection_column',
package/lib/table-component/header/TableHeadCell2.js CHANGED
@@ -67,8 +67,7 @@ const TableHeadCell2 = props => {
67
67
  const cellStyles = typeof originalColumn.onCellHeaderStyles === 'function' ? originalColumn.onCellHeaderStyles(header) : originalColumn.onCellHeaderStyles;
68
68
  const filtered = ((fieldOriginal ? fieldOriginal.getFilterValue() : column.getFilterValue()) ?? []).length > 0;
69
69
  const cellContent = originalColumn.headerTemplate ? originalColumn.headerTemplate : t ? t(originalColumn.headerText) : originalColumn.headerText;
70
- const headerCustomTooltip = originalColumn.headerTooltip ?? (t ? t(originalColumn.headerText) : originalColumn.headerText);
71
- const hasValue = headerCustomTooltip.trim().length > 0;
70
+ const headerCustomTooltip = originalColumn?.headerTooltip ?? (t ? t(originalColumn?.headerText) : originalColumn?.headerText);
72
71
  const style = {
73
72
  transition: 'width transform 0.2s ease-in-out',
74
73
  whiteSpace: 'nowrap',
@@ -261,7 +260,7 @@ const TableHeadCell2 = props => {
261
260
  },
262
261
  "data-tooltip-id": `${id}-tooltip-content`,
263
262
  "data-tooltip-delay-show": 500,
264
- "data-tooltip-content": !hasValue ? '' : headerCustomTooltip
263
+ "data-tooltip-content": headerCustomTooltip
265
264
  }, /*#__PURE__*/_react.default.createElement("div", {
266
265
  className: (0, _classnames.default)('', {
267
266
  [`${prefix}-grid-filter-column`]: column.id !== 'selection_column',
package/lib/table-component/header/TableHeadGroupCell.js CHANGED
@@ -35,8 +35,7 @@ const TableHeadGroupCell = props => {
35
35
  const originalColumn = column.columnDef.meta ?? {};
36
36
  const cellStyles = typeof originalColumn.onCellHeaderStyles === 'function' ? originalColumn.onCellHeaderStyles(header) : originalColumn.onCellHeaderStyles;
37
37
  const cellContent = originalColumn.headerTemplate ? originalColumn.headerTemplate : t ? t(originalColumn.headerText) : originalColumn.headerText;
38
- const headerCustomTooltip = originalColumn.headerTooltip ?? (t ? t(originalColumn.headerText) : originalColumn.headerText);
39
- const hasValue = headerCustomTooltip.trim().length > 0;
38
+ const headerCustomTooltip = originalColumn?.headerTooltip ?? (t ? t(originalColumn?.headerText) : originalColumn?.headerText);
40
39
  const style = {
41
40
  transition: 'width transform 0.2s ease-in-out',
42
41
  whiteSpace: 'nowrap',
@@ -64,7 +63,7 @@ const TableHeadGroupCell = props => {
64
63
  ...style
65
64
  },
66
65
  "data-tooltip-id": `${id}-tooltip-content`,
67
- "data-tooltip-content": !hasValue ? '' : headerCustomTooltip
66
+ "data-tooltip-content": headerCustomTooltip
68
67
  }, /*#__PURE__*/_react.default.createElement("div", {
69
68
  className: (0, _classnames.default)('', {
70
69
  [`${prefix}-grid-filter-column`]: column.id !== 'selection_column',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "es-grid-template",
3
- "version": "1.8.90",
3
+ "version": "1.8.91",
4
4
  "description": "es-grid-template",
5
5
  "keywords": [
6
6
  "react",