From f108c73220ff38d764ffd323ea100c992e760abb Mon Sep 17 00:00:00 2001
From: Alexander Komarov <k.alex@qvedo.com>
Date: Mon, 6 Mar 2023 18:47:58 +0100
Subject: [PATCH 1/3] add no data setting

---
 package.json                                  |  2 +-
 src/Demos/SearchDemo/SearchDemo.tsx           |  6 ++--
 src/lib/Components/NoDataRow/NoDataRow.tsx    |  3 +-
 src/lib/Components/Table/Table.tsx            |  3 +-
 .../TableWrapper/TableWrapper.test.tsx        | 31 ++++++++++++++++---
 .../Components/TableWrapper/TableWrapper.tsx  | 21 +++++++------
 src/lib/props.ts                              | 10 +++---
 src/lib/types.ts                              |  5 +++
 8 files changed, 57 insertions(+), 24 deletions(-)

diff --git a/package.json b/package.json
index bea99e80..0c4a39bb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ka-table",
-  "version": "7.11.1",
+  "version": "7.12.0",
   "license": "MIT",
   "repository": "github:komarovalexander/ka-table",
   "homepage": "https://komarovalexander.github.io/ka-table/#/overview",
diff --git a/src/Demos/SearchDemo/SearchDemo.tsx b/src/Demos/SearchDemo/SearchDemo.tsx
index 0ff1a904..01d8531f 100644
--- a/src/Demos/SearchDemo/SearchDemo.tsx
+++ b/src/Demos/SearchDemo/SearchDemo.tsx
@@ -31,10 +31,8 @@ const SearchDemo: React.FC = () => {
         }}
         rowKeyField={'id'}
         searchText={searchText}
-        childComponents={{
-          noDataRow: {
-            content: () => 'No Data Found'
-          }
+        noData={{
+          text: 'No Data Found'
         }}
       />
     </>
diff --git a/src/lib/Components/NoDataRow/NoDataRow.tsx b/src/lib/Components/NoDataRow/NoDataRow.tsx
index 26c56a76..6ab26be7 100644
--- a/src/lib/Components/NoDataRow/NoDataRow.tsx
+++ b/src/lib/Components/NoDataRow/NoDataRow.tsx
@@ -7,6 +7,7 @@ const NoDataRow: React.FunctionComponent<INoDataRowProps> = (props) => {
     childComponents,
     columns,
     groupColumnsCount,
+    noData
   } = props;
   const { elementAttributes, content } = getElementCustomization({
     className: 'ka-tr ka-no-data-row'
@@ -17,7 +18,7 @@ const NoDataRow: React.FunctionComponent<INoDataRowProps> = (props) => {
   return (
     <tr {...elementAttributes}>
       <td colSpan={columns.length + groupColumnsCount} {...cellElementAttributes}>
-        {content || cellContent}
+        {content || cellContent || noData?.text}
       </td>
     </tr>
   );
diff --git a/src/lib/Components/Table/Table.tsx b/src/lib/Components/Table/Table.tsx
index d7c8f558..51a3f5d5 100644
--- a/src/lib/Components/Table/Table.tsx
+++ b/src/lib/Components/Table/Table.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as actionCreators from '../../actionCreators';
 
-import { ControlledPropsKeys, DispatchFunc, FilterFunc, FormatFunc, OnDispatchFunc, SearchFunc, SortFunc, ValidationFunc } from '../../types';
+import { ControlledPropsKeys, DispatchFunc, FilterFunc, FormatFunc, NoData, OnDispatchFunc, SearchFunc, SortFunc, ValidationFunc } from '../../types';
 import { EditableCell, PagingOptions } from '../../models';
 import { EditingMode, FilteringMode, SortingMode } from '../../enums';
 
@@ -52,6 +52,7 @@ export interface ITableProps {
   selectedRows?: any[];
   singleAction?: any;
   sort?: SortFunc;
+  noData?: NoData,
   sortingMode?: SortingMode;
   validation?: ValidationFunc;
   virtualScrolling?: VirtualScrolling;
diff --git a/src/lib/Components/TableWrapper/TableWrapper.test.tsx b/src/lib/Components/TableWrapper/TableWrapper.test.tsx
index 91169383..5617aeac 100644
--- a/src/lib/Components/TableWrapper/TableWrapper.test.tsx
+++ b/src/lib/Components/TableWrapper/TableWrapper.test.tsx
@@ -1,10 +1,9 @@
 import Enzyme, { mount } from 'enzyme';
-import React from 'react';
-import ReactDOM from 'react-dom';
-
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 
 import { ActionType } from '../../enums';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+import React from 'react';
+import ReactDOM from 'react-dom';
 import { TableWrapper } from './TableWrapper';
 
 Enzyme.configure({ adapter: new Adapter() });
@@ -60,6 +59,30 @@ describe('TableWrapper', () => {
     expect(wrapper.find('tfoot').length).toBe(0);
   });
 
+  describe('header', () => {
+    it('hides table header in case of noData.hideHeader=true and data is empty', () => {
+      const wrapper = mount((
+        <TableWrapper {...tableProps} data={[]} noData={{hideHeader: true}}/>
+      ));
+
+      expect(wrapper.find('thead').length).toBe(0);
+    });
+    it('shows table header in case of noData.hideHeader=true and data has values', () => {
+      const wrapper = mount((
+        <TableWrapper {...tableProps} noData={{hideHeader: false}}/>
+      ));
+
+      expect(wrapper.find('thead').length).toBe(1);
+    });
+    it('shows table header in case of noData.hideHeader=false and data is empty', () => {
+      const wrapper = mount((
+        <TableWrapper {...tableProps} data={[]} noData={{hideHeader: false}}/>
+      ));
+
+      expect(wrapper.find('thead').length).toBe(1);
+    });
+  });
+
   it('shows table foot in case of tableFoot to be set', () => {
     const wrapper = mount((
       <TableWrapper {...tableProps} childComponents={{
diff --git a/src/lib/Components/TableWrapper/TableWrapper.tsx b/src/lib/Components/TableWrapper/TableWrapper.tsx
index 3c7d0bc1..516dca13 100644
--- a/src/lib/Components/TableWrapper/TableWrapper.tsx
+++ b/src/lib/Components/TableWrapper/TableWrapper.tsx
@@ -1,16 +1,17 @@
 import * as React from 'react';
 
-import { ITableAllProps } from '../..';
-import defaultOptions from '../../defaultOptions';
 import { ActionType, EditingMode, FilteringMode, SortingMode } from '../../enums';
-import { getElementCustomization } from '../../Utils/ComponentUtils';
-import { getExpandedGroups } from '../../Utils/GroupUtils';
-import { prepareTableOptions } from '../../Utils/PropsUtils';
-import { isVirtualScrollingEnabled } from '../../Utils/Virtualize';
+
 import { ColGroup } from '../ColGroup/ColGroup';
+import { ITableAllProps } from '../..';
 import TableBody from '../TableBody/TableBody';
 import { TableFoot } from '../TableFoot/TableFoot';
 import { TableHead } from '../TableHead/TableHead';
+import defaultOptions from '../../defaultOptions';
+import { getElementCustomization } from '../../Utils/ComponentUtils';
+import { getExpandedGroups } from '../../Utils/GroupUtils';
+import { isVirtualScrollingEnabled } from '../../Utils/Virtualize';
+import { prepareTableOptions } from '../../Utils/PropsUtils';
 
 export const TableWrapper: React.FunctionComponent<ITableAllProps> = (props) => {
   const {
@@ -26,7 +27,8 @@ export const TableWrapper: React.FunctionComponent<ITableAllProps> = (props) =>
     rowReordering = false,
     selectedRows = [],
     sortingMode = SortingMode.None,
-    virtualScrolling
+    virtualScrolling,
+    noData
   } = props;
   let {
     groupsExpanded,
@@ -52,6 +54,7 @@ export const TableWrapper: React.FunctionComponent<ITableAllProps> = (props) =>
   const { elementAttributes, content } = getElementCustomization({
     className: defaultOptions.css.table,
   }, props, childComponents.table);
+  
   return (
     <div {...tableWrapper.elementAttributes}>
       {content || tableWrapper.content || (
@@ -60,7 +63,7 @@ export const TableWrapper: React.FunctionComponent<ITableAllProps> = (props) =>
             columns={preparedOptions.columns}
             groupColumnsCount={preparedOptions.groupColumnsCount}
           />
-          <TableHead
+           {(!noData?.hideHeader || !!preparedOptions.groupedData.length) && <TableHead
             {...props}
             areAllRowsSelected={areAllRowsSelected}
             childComponents={childComponents}
@@ -71,7 +74,7 @@ export const TableWrapper: React.FunctionComponent<ITableAllProps> = (props) =>
             filteringMode={filteringMode}
             groupColumnsCount={preparedOptions.groupColumnsCount}
             sortingMode={sortingMode}
-          />
+          />}
           <TableBody
             {...props}
             childComponents={childComponents}
diff --git a/src/lib/props.ts b/src/lib/props.ts
index dcd6c50b..403228be 100644
--- a/src/lib/props.ts
+++ b/src/lib/props.ts
@@ -1,10 +1,10 @@
+import { ChildComponents, Column, EditableCell, Group, VirtualScrolling } from './models';
+import { DispatchFunc, Field, FormatFunc, NoData, ValidationFunc } from './types';
+import { EditingMode, FilteringMode, SortingMode } from './enums';
 
+import { GroupedColumn } from './Models/GroupedColumn';
 import { IRowsProps } from './Components/Rows/Rows';
 import { ITableAllProps } from './Components/Table/Table';
-import { EditingMode, FilteringMode, SortingMode } from './enums';
-import { ChildComponents, Column, EditableCell, Group, VirtualScrolling } from './models';
-import { GroupedColumn } from './Models/GroupedColumn';
-import { DispatchFunc, Field, FormatFunc, ValidationFunc } from './types';
 
 export interface IColGroupProps {
   columns: Column[];
@@ -141,6 +141,7 @@ export interface INoDataRowProps {
   childComponents: ChildComponents,
   columns: Column[];
   groupColumnsCount: number;
+  noData?: NoData;
 }
 
 export interface ITableHeadProps {
@@ -172,6 +173,7 @@ export interface ITableBodyProps {
   rowKeyField: string;
   rowReordering: boolean;
   selectedRows: any[];
+  noData?: NoData;
   validation?: ValidationFunc;
   virtualScrolling?: VirtualScrolling;
   treeExpandButtonColumnKey?: string;
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 177a740f..d13394b6 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -2,6 +2,11 @@ import { AttributeTableData, Column } from './models';
 
 import { ITableProps } from './Components/Table/Table';
 
+export interface NoData { 
+  text?: string;
+  hideHeader?: boolean;
+}
+
 type AddParameters<T, I> =
 T extends (e: infer E) => void ? (
     (e: E, extendedEvent: AttributeTableData<I>) => void

From fc40c19dd2dfbe53ff2a6b41df64e21796f5dad3 Mon Sep 17 00:00:00 2001
From: Alexander Komarov <k.alex@qvedo.com>
Date: Mon, 6 Mar 2023 18:54:30 +0100
Subject: [PATCH 2/3] fix lint

---
 src/lib/Components/TableWrapper/TableWrapper.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/Components/TableWrapper/TableWrapper.tsx b/src/lib/Components/TableWrapper/TableWrapper.tsx
index 516dca13..0b4aff80 100644
--- a/src/lib/Components/TableWrapper/TableWrapper.tsx
+++ b/src/lib/Components/TableWrapper/TableWrapper.tsx
@@ -54,7 +54,7 @@ export const TableWrapper: React.FunctionComponent<ITableAllProps> = (props) =>
   const { elementAttributes, content } = getElementCustomization({
     className: defaultOptions.css.table,
   }, props, childComponents.table);
-  
+
   return (
     <div {...tableWrapper.elementAttributes}>
       {content || tableWrapper.content || (

From fb6d6cf94e4d2e884e60df765fd2d96aee867444 Mon Sep 17 00:00:00 2001
From: Alexander Komarov <k.alex@qvedo.com>
Date: Mon, 6 Mar 2023 18:55:07 +0100
Subject: [PATCH 3/3] fix lint

---
 src/lib/types.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/lib/types.ts b/src/lib/types.ts
index d13394b6..5e595c4d 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -2,13 +2,12 @@ import { AttributeTableData, Column } from './models';
 
 import { ITableProps } from './Components/Table/Table';
 
-export interface NoData { 
+export interface NoData {
   text?: string;
   hideHeader?: boolean;
 }
 
-type AddParameters<T, I> =
-T extends (e: infer E) => void ? (
+type AddParameters<T, I> = T extends (e: infer E) => void ? (
     (e: E, extendedEvent: AttributeTableData<I>) => void
 ) : T;
 type WithExtraParameters<T, I> = {