@gpa-gemstone/react-table 1.2.43 → 1.2.45

package/lib/Paging.js

@@ -1,66 +1,66 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//  ******************************************************************************************************
-//  Paging.tsx - Gbtc
-//
-//  Copyright © 2023, Grid Protection Alliance.  All Rights Reserved.
-//
-//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
-//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
-//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
-//  file except in compliance with the License. You may obtain a copy of the License at:
-//
-//      http://opensource.org/licenses/MIT
-//
-//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
-//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
-//  License for the specific language governing permissions and limitations.
-//
-//  Code Modification History:
-//  ----------------------------------------------------------------------------------------------------
-//  08/01/2023 - C. Lackner
-//       Generated original version of source code.
-//
-//  ******************************************************************************************************
-var React = require("react");
-function default_1(props) {
-    var _a = React.useState([]), pages = _a[0], setPages = _a[1];
-    var nPages = 7;
-    var minPg = React.useMemo(function () { return Math.min.apply(Math, pages); }, [pages]);
-    var maxPg = React.useMemo(function () { return Math.max.apply(Math, pages); }, [pages]);
-    React.useEffect(function () {
-        var display = [];
-        var p = Math.max(props.Current - Math.floor(nPages / 2), 1);
-        if (props.Total - p < nPages)
-            p = Math.max(props.Total - nPages + 1, 1);
-        while (p <= props.Total && display.length < nPages) {
-            display.push(p);
-            p = p + 1;
-        }
-        setPages(display);
-    }, [props.Total, props.Current]);
-    return React.createElement("ul", { className: "pagination justify-content-center" },
-        React.createElement("li", { className: "page-item" + (minPg == 1 ? ' disabled' : ""), key: "previous" },
-            React.createElement("a", { className: "page-link", onClick: function () {
-                    if (minPg > 1)
-                        props.SetPage(Math.max(props.Current - nPages, 1));
-                } }, "Previous")),
-        minPg > 2 ? React.createElement(React.Fragment, null,
-            React.createElement("li", { className: "page-item", key: "1" },
-                React.createElement("a", { className: "page-link", onClick: function () { return props.SetPage(1); } }, "1")),
-            React.createElement("li", { className: "page-item disabled", key: "skip-1" },
-                React.createElement("a", { className: "page-link" }, "..."))) : null,
-        pages.map(function (p) { return React.createElement("li", { className: "page-item" + (p == props.Current ? " active" : ""), key: p },
-            React.createElement("a", { className: "page-link", onClick: function () { return props.SetPage(p); } }, p)); }),
-        maxPg + 2 <= props.Total ? React.createElement(React.Fragment, null,
-            React.createElement("li", { className: "page-item disabled", key: "skip-2" },
-                React.createElement("a", { className: "page-link" }, "...")),
-            React.createElement("li", { className: "page-item", key: props.Total },
-                React.createElement("a", { className: "page-link", onClick: function () { return props.SetPage(props.Total); } }, props.Total))) : null,
-        React.createElement("li", { className: "page-item" + (maxPg == props.Total ? ' disabled' : ""), key: 'next' },
-            React.createElement("a", { className: "page-link", onClick: function () {
-                    if (maxPg < props.Total)
-                        props.SetPage(Math.min(props.Current + nPages, props.Total));
-                } }, "Next")));
-}
-exports.default = default_1;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+//  ******************************************************************************************************
+//  Paging.tsx - Gbtc
+//
+//  Copyright © 2023, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  08/01/2023 - C. Lackner
+//       Generated original version of source code.
+//
+//  ******************************************************************************************************
+var React = require("react");
+function default_1(props) {
+    var _a = React.useState([]), pages = _a[0], setPages = _a[1];
+    var nPages = 7;
+    var minPg = React.useMemo(function () { return Math.min.apply(Math, pages); }, [pages]);
+    var maxPg = React.useMemo(function () { return Math.max.apply(Math, pages); }, [pages]);
+    React.useEffect(function () {
+        var display = [];
+        var p = Math.max(props.Current - Math.floor(nPages / 2), 1);
+        if (props.Total - p < nPages)
+            p = Math.max(props.Total - nPages + 1, 1);
+        while (p <= props.Total && display.length < nPages) {
+            display.push(p);
+            p = p + 1;
+        }
+        setPages(display);
+    }, [props.Total, props.Current]);
+    return React.createElement("ul", { className: "pagination justify-content-center" },
+        React.createElement("li", { className: "page-item" + (minPg == 1 ? ' disabled' : ""), key: "previous" },
+            React.createElement("a", { className: "page-link", onClick: function () {
+                    if (minPg > 1)
+                        props.SetPage(Math.max(props.Current - nPages, 1));
+                } }, "Previous")),
+        minPg > 2 ? React.createElement(React.Fragment, null,
+            React.createElement("li", { className: "page-item", key: "1" },
+                React.createElement("a", { className: "page-link", onClick: function () { return props.SetPage(1); } }, "1")),
+            React.createElement("li", { className: "page-item disabled", key: "skip-1" },
+                React.createElement("a", { className: "page-link" }, "..."))) : null,
+        pages.map(function (p) { return React.createElement("li", { className: "page-item" + (p == props.Current ? " active" : ""), key: p },
+            React.createElement("a", { className: "page-link", onClick: function () { return props.SetPage(p); } }, p)); }),
+        maxPg + 2 <= props.Total ? React.createElement(React.Fragment, null,
+            React.createElement("li", { className: "page-item disabled", key: "skip-2" },
+                React.createElement("a", { className: "page-link" }, "...")),
+            React.createElement("li", { className: "page-item", key: props.Total },
+                React.createElement("a", { className: "page-link", onClick: function () { return props.SetPage(props.Total); } }, props.Total))) : null,
+        React.createElement("li", { className: "page-item" + (maxPg == props.Total ? ' disabled' : ""), key: 'next' },
+            React.createElement("a", { className: "page-link", onClick: function () {
+                    if (maxPg < props.Total)
+                        props.SetPage(Math.min(props.Current + nPages, props.Total));
+                } }, "Next")));
+}

package/lib/SearchableTable.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import { TableProps } from './Table';
-interface ISearchableTableProps<T> extends TableProps<T> {
-    /**
-     * Function used to filter data
-     * @param item: The T to be matched
-     * @param search: The string to search by
-     * @returns: true if the item should be shown in the Table
-     */
-    matchSearch: (item: T, search: string) => boolean;
-}
-/**
- * A Table with an input Field to search on top
- */
-export declare function SearchableTable<T>(props: ISearchableTableProps<T>): JSX.Element;
-export {};
+import { TableProps } from './Table';
+interface ISearchableTableProps<T> extends TableProps<T> {
+    /**
+     * Function used to filter data
+     * @param item: The T to be matched
+     * @param search: The string to search by
+     * @returns: true if the item should be shown in the Table
+     */
+    matchSearch: (item: T, search: string) => boolean;
+}
+/**
+ * A Table with an input Field to search on top
+ */
+export declare function SearchableTable<T>(props: ISearchableTableProps<T>): JSX.Element;
+export {};

package/lib/SearchableTable.js

@@ -1,52 +1,51 @@
-"use strict";
-// ******************************************************************************************************
-//  SearchableTable.tsx - Gbtc
-//
-//  Copyright © 2021, Grid Protection Alliance.  All Rights Reserved.
-//
-//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
-//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
-//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
-//  file except in compliance with the License. You may obtain a copy of the License at:
-//
-//      http://opensource.org/licenses/MIT
-//
-//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
-//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
-//  License for the specific language governing permissions and limitations.
-//
-//  Code Modification History:
-//  ----------------------------------------------------------------------------------------------------
-//  07/12/2021 - C. Lackner
-//       Generated original version of source code.
-//
-// ******************************************************************************************************
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchableTable = void 0;
-var React = require("react");
-var Table_1 = require("./Table");
-/**
- * A Table with an input Field to search on top
- */
-function SearchableTable(props) {
-    var _a = React.useState(props.data), data = _a[0], setData = _a[1];
-    var _b = React.useState(''), searchTextAS = _b[0], setSearchTextAS = _b[1];
-    React.useEffect(function () {
-        setData(props.data.filter(function (s) { return props.matchSearch(s, searchTextAS); }));
-    }, [props.data, searchTextAS]);
-    return React.createElement(React.Fragment, null,
-        React.createElement("input", { className: "form-control", placeholder: "Search filter for select box ...", value: searchTextAS, onChange: function (e) { return setSearchTextAS(e.target.value); } }),
-        React.createElement(Table_1.default, __assign({}, props, { data: data })));
-}
-exports.SearchableTable = SearchableTable;
+"use strict";
+// ******************************************************************************************************
+//  SearchableTable.tsx - Gbtc
+//
+//  Copyright © 2021, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  07/12/2021 - C. Lackner
+//       Generated original version of source code.
+//
+// ******************************************************************************************************
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchableTable = SearchableTable;
+var React = require("react");
+var Table_1 = require("./Table");
+/**
+ * A Table with an input Field to search on top
+ */
+function SearchableTable(props) {
+    var _a = React.useState(props.data), data = _a[0], setData = _a[1];
+    var _b = React.useState(''), searchTextAS = _b[0], setSearchTextAS = _b[1];
+    React.useEffect(function () {
+        setData(props.data.filter(function (s) { return props.matchSearch(s, searchTextAS); }));
+    }, [props.data, searchTextAS]);
+    return React.createElement(React.Fragment, null,
+        React.createElement("input", { className: "form-control", placeholder: "Search filter for select box ...", value: searchTextAS, onChange: function (e) { return setSearchTextAS(e.target.value); } }),
+        React.createElement(Table_1.default, __assign({}, props, { data: data })));
+}

package/lib/SelectTable.d.ts

@@ -1,19 +1,19 @@
-import * as React from 'react';
-import { Column } from './Table';
-export interface ISelectTableProps<T> {
-    cols: Column<T>[];
-    data: T[];
-    sortKey: string;
-    ascending: boolean;
-    tableClass?: string;
-    tableStyle?: React.CSSProperties;
-    theadStyle?: React.CSSProperties;
-    theadClass?: string;
-    tbodyStyle?: React.CSSProperties;
-    tbodyClass?: string;
-    rowStyle?: React.CSSProperties;
-    onSelection: (selected: T[]) => void;
-    KeyField: keyof T;
-    selectAllCounter?: number;
-}
-export declare function SelectTable<T>(props: ISelectTableProps<T>): JSX.Element;
+import * as React from 'react';
+import { Column } from './Table';
+export interface ISelectTableProps<T> {
+    cols: Column<T>[];
+    data: T[];
+    sortKey: string;
+    ascending: boolean;
+    tableClass?: string;
+    tableStyle?: React.CSSProperties;
+    theadStyle?: React.CSSProperties;
+    theadClass?: string;
+    tbodyStyle?: React.CSSProperties;
+    tbodyClass?: string;
+    rowStyle?: React.CSSProperties;
+    onSelection: (selected: T[]) => void;
+    KeyField: keyof T;
+    selectAllCounter?: number;
+}
+export declare function SelectTable<T>(props: ISelectTableProps<T>): JSX.Element;

package/lib/SelectTable.js

@@ -1,122 +1,121 @@
-"use strict";
-// ******************************************************************************************************
-//  SelectTable.tsx - Gbtc
-//
-//  Copyright © 2021, Grid Protection Alliance.  All Rights Reserved.
-//
-//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
-//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
-//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
-//  file except in compliance with the License. You may obtain a copy of the License at:
-//
-//      http://opensource.org/licenses/MIT
-//
-//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
-//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
-//  License for the specific language governing permissions and limitations.
-//
-//  Code Modification History:
-//  ----------------------------------------------------------------------------------------------------
-//  01/22/2021 - C. Lackner
-//       Generated original version of source code.
-//
-// ******************************************************************************************************
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectTable = void 0;
-var React = require("react");
-var _ = require("lodash");
-var Table_1 = require("./Table");
-function SelectTable(props) {
-    var didMountRef = React.useRef(false);
-    var _a = React.useState(props.data), data = _a[0], setData = _a[1];
-    var _b = React.useState([]), selected = _b[0], setSelected = _b[1];
-    var _c = React.useState(props.sortKey), sortKey = _c[0], setSortKey = _c[1];
-    var _d = React.useState(props.ascending), ascending = _d[0], setAscending = _d[1];
-    React.useEffect(function () {
-        if (didMountRef.current)
-            selectAll();
-        else
-            didMountRef.current = true;
-    }, [props.selectAllCounter]);
-    React.useEffect(function () {
-        if (props.data.length !== data.length)
-            setData(props.data);
-    }, [props.data]);
-    React.useEffect(function () {
-        setSelected(function (d) { return d.filter(function (keyItem) { return data.findIndex(function (item) { return item[props.KeyField] === keyItem; }) > -1; }); });
-    }, [data]);
-    React.useEffect(function () {
-        var sortColumn = props.cols.filter(function (col) { return col.key === sortKey; })[0];
-        if (sortColumn === undefined || sortColumn.field === undefined)
-            return;
-        var sortField = sortColumn.field;
-        setData(function (lst) { return (_.orderBy(lst, [sortField], [(ascending ? "asc" : "desc")])); });
-    }, [ascending, sortKey]);
-    React.useEffect(function () {
-        props.onSelection(data.filter(function (item) { return selected.findIndex(function (key) { return key === item[props.KeyField]; }) > -1; }));
-    }, [selected]);
-    function handleClick(d) {
-        var sIndex = selected.findIndex(function (item) { return item === d.row[props.KeyField]; });
-        if (sIndex === -1)
-            setSelected(function (od) { return __spreadArray(__spreadArray([], od, true), [d.row[props.KeyField]], false); });
-        else
-            setSelected(function (od) { return od.filter(function (item) { return item !== d.row[props.KeyField]; }); });
-    }
-    function selectAll() {
-        setSelected(function (d) { if (d.length === data.length)
-            return [];
-        else
-            return data.map(function (row) { return row[props.KeyField]; }); });
-    }
-    function handleSort(d) {
-        if (d.colKey === sortKey)
-            setAscending(!ascending);
-        else
-            setSortKey(d.colKey);
-    }
-    var tableProps = {
-        cols: __spreadArray([
-            { key: 'gemstone-checkbox', field: props.KeyField, label: '', headerStyle: { width: '4em' }, rowStyle: { width: '4em' }, content: function (item) {
-                    var index = selected.findIndex(function (i) { return i === item[props.KeyField]; });
-                    var iconClass = index > -1 ? 'fa-check-square-o' : 'fa-square-o';
-                    return React.createElement("div", { style: { textAlign: 'center', verticalAlign: 'middle' } },
-                        React.createElement("i", { className: "fa " + iconClass + " fa-3x" }));
-                } }
-        ], props.cols, true),
-        data: data,
-        onClick: handleClick,
-        sortKey: sortKey,
-        ascending: ascending,
-        onSort: handleSort,
-        tableClass: props.tableClass,
-        tableStyle: props.tableStyle,
-        theadStyle: props.theadStyle,
-        theadClass: props.theadClass,
-        tbodyStyle: props.tbodyStyle,
-        tbodyClass: props.tbodyClass,
-        selected: function (d) { return false; },
-        rowStyle: props.rowStyle
-    };
-    return React.createElement(Table_1.default, __assign({}, tableProps));
-}
-exports.SelectTable = SelectTable;
+"use strict";
+// ******************************************************************************************************
+//  SelectTable.tsx - Gbtc
+//
+//  Copyright © 2021, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  01/22/2021 - C. Lackner
+//       Generated original version of source code.
+//
+// ******************************************************************************************************
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectTable = SelectTable;
+var React = require("react");
+var _ = require("lodash");
+var Table_1 = require("./Table");
+function SelectTable(props) {
+    var didMountRef = React.useRef(false);
+    var _a = React.useState(props.data), data = _a[0], setData = _a[1];
+    var _b = React.useState([]), selected = _b[0], setSelected = _b[1];
+    var _c = React.useState(props.sortKey), sortKey = _c[0], setSortKey = _c[1];
+    var _d = React.useState(props.ascending), ascending = _d[0], setAscending = _d[1];
+    React.useEffect(function () {
+        if (didMountRef.current)
+            selectAll();
+        else
+            didMountRef.current = true;
+    }, [props.selectAllCounter]);
+    React.useEffect(function () {
+        if (props.data.length !== data.length)
+            setData(props.data);
+    }, [props.data]);
+    React.useEffect(function () {
+        setSelected(function (d) { return d.filter(function (keyItem) { return data.findIndex(function (item) { return item[props.KeyField] === keyItem; }) > -1; }); });
+    }, [data]);
+    React.useEffect(function () {
+        var sortColumn = props.cols.filter(function (col) { return col.key === sortKey; })[0];
+        if (sortColumn === undefined || sortColumn.field === undefined)
+            return;
+        var sortField = sortColumn.field;
+        setData(function (lst) { return (_.orderBy(lst, [sortField], [(ascending ? "asc" : "desc")])); });
+    }, [ascending, sortKey]);
+    React.useEffect(function () {
+        props.onSelection(data.filter(function (item) { return selected.findIndex(function (key) { return key === item[props.KeyField]; }) > -1; }));
+    }, [selected]);
+    function handleClick(d) {
+        var sIndex = selected.findIndex(function (item) { return item === d.row[props.KeyField]; });
+        if (sIndex === -1)
+            setSelected(function (od) { return __spreadArray(__spreadArray([], od, true), [d.row[props.KeyField]], false); });
+        else
+            setSelected(function (od) { return od.filter(function (item) { return item !== d.row[props.KeyField]; }); });
+    }
+    function selectAll() {
+        setSelected(function (d) { if (d.length === data.length)
+            return [];
+        else
+            return data.map(function (row) { return row[props.KeyField]; }); });
+    }
+    function handleSort(d) {
+        if (d.colKey === sortKey)
+            setAscending(!ascending);
+        else
+            setSortKey(d.colKey);
+    }
+    var tableProps = {
+        cols: __spreadArray([
+            { key: 'gemstone-checkbox', field: props.KeyField, label: '', headerStyle: { width: '4em' }, rowStyle: { width: '4em' }, content: function (item) {
+                    var index = selected.findIndex(function (i) { return i === item[props.KeyField]; });
+                    var iconClass = index > -1 ? 'fa-check-square-o' : 'fa-square-o';
+                    return React.createElement("div", { style: { textAlign: 'center', verticalAlign: 'middle' } },
+                        React.createElement("i", { className: "fa ".concat(iconClass, " fa-3x") }));
+                } }
+        ], props.cols, true),
+        data: data,
+        onClick: handleClick,
+        sortKey: sortKey,
+        ascending: ascending,
+        onSort: handleSort,
+        tableClass: props.tableClass,
+        tableStyle: props.tableStyle,
+        theadStyle: props.theadStyle,
+        theadClass: props.theadClass,
+        tbodyStyle: props.tbodyStyle,
+        tbodyClass: props.tbodyClass,
+        selected: function (d) { return false; },
+        rowStyle: props.rowStyle
+    };
+    return React.createElement(Table_1.default, __assign({}, tableProps));
+}