@gpa-gemstone/react-table 1.2.58 → 1.2.59

package/lib/FilterableTable/FilterableTable.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import * as ReactTableProps from '../Table/Types';
-import { Search } from '@gpa-gemstone/react-interactive';
-interface IProps<T> extends ReactTableProps.ITable<T> {
-    SetFilter: (filters: Search.IFilter<T>[]) => void;
-    DefaultFilter?: Search.IFilter<T>[];
-}
-/**
- * Table with Filters in the column headers
- */
-export default function FilterableTable<T>(props: React.PropsWithChildren<IProps<T>>): JSX.Element;
-export {};

package/lib/FilterableTable/FilterableTable.js

@@ -1,95 +0,0 @@
-"use strict";
-// ******************************************************************************************************
-//  FilterableTable.tsx - Gbtc
-//
-//  Copyright © 2022, 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:
-//  ----------------------------------------------------------------------------------------------------
-//  03/02/2022 - C. Lackner
-//       Generated original version of source code.
-// ******************************************************************************************************
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = FilterableTable;
-const React = require("react");
-const Table_1 = require("../Table/Table");
-const Column_1 = require("../Table/Column");
-const gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
-const BooleanFilter_1 = require("./BooleanFilter");
-const TextFilter_1 = require("./TextFilter");
-const EnumFilter_1 = require("./EnumFilter");
-const NumberFilter_1 = require("./NumberFilter");
-const DateTimeFilters_1 = require("./DateTimeFilters");
-const helper_functions_1 = require("@gpa-gemstone/helper-functions");
-const FilterableColumn_1 = require("./FilterableColumn");
-// ToDo: This whole structure is kinda gross, this should live in react-table so we don't have to map FilterableColumn -> Column -> HeaderWrapper
-/**
- * Table with Filters in the column headers
- */
-function FilterableTable(props) {
-    const [filters, setFilters] = React.useState((props.DefaultFilter === undefined ? [] : props.DefaultFilter));
-    const [guid] = React.useState((0, helper_functions_1.CreateGuid)());
-    function updateFilters(flts, fld) {
-        setFilters((fls) => {
-            const otherFilters = fls.filter(item => item.FieldName !== fld);
-            return otherFilters.concat(flts);
-        });
-    }
-    React.useEffect(() => { props.SetFilter(filters); }, [filters]);
-    return (React.createElement(Table_1.Table, Object.assign({}, props), React.Children.map(props.children, (element) => {
-        var _a, _b, _c, _d, _e, _f;
-        if (!React.isValidElement(element))
-            return null;
-        if (!(0, FilterableColumn_1.IsFilterableColumnProps)(element.props))
-            return null;
-        return (React.createElement(Column_1.Column, Object.assign({}, element.props),
-            React.createElement(Header, { Label: (_a = element.props) === null || _a === void 0 ? void 0 : _a.children, Filter: filters.filter(f => { var _a, _b; return f.FieldName === ((_b = (_a = element.props) === null || _a === void 0 ? void 0 : _a.Field) === null || _b === void 0 ? void 0 : _b.toString()); }), SetFilter: (f) => { var _a; return updateFilters(f, (_a = element.props) === null || _a === void 0 ? void 0 : _a.Field); }, Field: (_b = element.props) === null || _b === void 0 ? void 0 : _b.Field, Type: (_c = element.props) === null || _c === void 0 ? void 0 : _c.Type, Options: (_d = element.props) === null || _d === void 0 ? void 0 : _d.Enum, ExpandedLabel: (_e = element.props) === null || _e === void 0 ? void 0 : _e.ExpandedLabel, Guid: guid, Unit: (_f = element.props) === null || _f === void 0 ? void 0 : _f.Unit })));
-    })));
-}
-// Table column header details
-function Header(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const [show, setShow] = React.useState(false);
-    return React.createElement(React.Fragment, null,
-        React.createElement("div", { onMouseEnter: () => setShow(true), onMouseLeave: () => setShow(false) },
-            React.createElement("div", { style: { marginRight: 25 } }, props.Label),
-            props.Type !== undefined ? React.createElement(React.Fragment, null,
-                React.createElement("div", { style: { width: 25, position: 'absolute', right: 12, top: 12 } }, props.Filter.length > 0 ? React.createElement(gpa_symbols_1.ReactIcons.Filter, null) : null),
-                React.createElement("div", { style: {
-                        maxHeight: window.innerHeight * 0.50,
-                        overflowY: 'auto',
-                        padding: '10 5',
-                        display: show ? 'block' : 'none',
-                        position: 'absolute',
-                        backgroundColor: '#fff',
-                        boxShadow: '0px 8px 16px 0px rgba(0,0,0,0.2)',
-                        zIndex: 401,
-                        minWidth: 'calc(100% - 50px)',
-                        marginLeft: -25
-                    }, "data-tableid": props.Guid, onClick: (evt) => { evt.preventDefault(); evt.stopPropagation(); } },
-                    React.createElement("table", { style: { margin: 0 } },
-                        React.createElement("tbody", null,
-                            ((props.ExpandedLabel !== null) && (props.ExpandedLabel !== "") && (props.ExpandedLabel !== undefined)) ?
-                                React.createElement("tr", null,
-                                    React.createElement("th", { colSpan: props.Type === 'boolean' ? 2 : 1 },
-                                        React.createElement("label", null, props.ExpandedLabel)))
-                                : null,
-                            props.Type === 'boolean' ? React.createElement(BooleanFilter_1.BooleanFilter, { SetFilter: props.SetFilter, Filter: props.Filter, FieldName: (_b = (_a = props.Field) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '' }) : null,
-                            props.Type === 'string' ? React.createElement(TextFilter_1.TextFilter, { SetFilter: props.SetFilter, Filter: props.Filter, FieldName: (_d = (_c = props.Field) === null || _c === void 0 ? void 0 : _c.toString()) !== null && _d !== void 0 ? _d : '' }) : null,
-                            props.Type === 'enum' && props.Options !== undefined ? React.createElement(EnumFilter_1.EnumFilter, { FieldName: (_f = (_e = props.Field) === null || _e === void 0 ? void 0 : _e.toString()) !== null && _f !== void 0 ? _f : '', Filter: props.Filter, SetFilter: props.SetFilter, Options: props.Options }) : null,
-                            props.Type === 'date' ? React.createElement(DateTimeFilters_1.DateFilter, { FieldName: (_h = (_g = props.Field) === null || _g === void 0 ? void 0 : _g.toString()) !== null && _h !== void 0 ? _h : '', Filter: props.Filter, SetFilter: props.SetFilter }) : null,
-                            props.Type === 'time' ? React.createElement(DateTimeFilters_1.TimeFilter, { FieldName: (_k = (_j = props.Field) === null || _j === void 0 ? void 0 : _j.toString()) !== null && _k !== void 0 ? _k : '', Filter: props.Filter, SetFilter: props.SetFilter }) : null,
-                            props.Type === 'number' ? React.createElement(NumberFilter_1.NumberFilter, { FieldName: (_m = (_l = props.Field) === null || _l === void 0 ? void 0 : _l.toString()) !== null && _m !== void 0 ? _m : '', Filter: props.Filter, SetFilter: props.SetFilter, Unit: props.Unit }) : null,
-                            props.Type === 'datetime' ? React.createElement(DateTimeFilters_1.DateTimeFilter, { FieldName: (_p = (_o = props.Field) === null || _o === void 0 ? void 0 : _o.toString()) !== null && _p !== void 0 ? _p : '', Filter: props.Filter, SetFilter: props.SetFilter }) : null)))) : null));
-}

package/lib/FilterableTable/NumberFilter.d.ts

@@ -1,19 +0,0 @@
-import { Search } from '@gpa-gemstone/react-interactive';
-interface IProps<T> {
-    SetFilter: (evt: Search.IFilter<T>[]) => void;
-    Filter: Search.IFilter<T>[];
-    FieldName: string;
-    Unit?: IUnit[];
-}
-export interface IUnit {
-    label: string;
-    GetValue: (value: number) => number;
-    GetFilter: (filter: number) => number;
-}
-/**
- *
- * @param props
- * @returns
- */
-export declare function NumberFilter<T>(props: IProps<T>): JSX.Element;
-export {};

package/lib/FilterableTable/NumberFilter.js

@@ -1,160 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberFilter = NumberFilter;
-// ******************************************************************************************************
-//  NumberFilter.tsx - Gbtc
-//
-//  Copyright © 2022, 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:
-//  ----------------------------------------------------------------------------------------------------
-//  03/02/2022 - C Lackner
-//       Generated original version of source code.
-// ******************************************************************************************************
-const React = require("react");
-/**
- *
- * @param props
- * @returns
- */
-function NumberFilter(props) {
-    var _a, _b, _c, _d, _e;
-    const [value, setValue] = React.useState('');
-    const [secondValue, setSecondValue] = React.useState('');
-    const [operator, setOperator] = React.useState('less than');
-    const [unitIndex, setUnitIndex] = React.useState(0);
-    React.useEffect(() => {
-        if (props.Filter.length === 0) {
-            setValue('');
-            setSecondValue('');
-        }
-        if (props.Filter.length > 1) {
-            const f1 = props.Filter.find(f => f.Operator === '>' || f.Operator === '>=');
-            if (f1 == null)
-                setValue('');
-            else
-                setValue(f1.SearchText);
-            const f2 = props.Filter.find(f => f.Operator === '<' || f.Operator === '<=');
-            if (f2 == null)
-                setSecondValue('');
-            else
-                setSecondValue(f2.SearchText);
-        }
-        if (props.Filter.length === 1) {
-            setSecondValue('');
-            if (props.Filter[0].Operator === '>' || props.Filter[0].Operator === '>=')
-                setOperator('greater than');
-            else if (props.Filter[0].Operator === '=')
-                setOperator('equal to');
-            else
-                setOperator('less than');
-            setValue(props.Filter[0].SearchText);
-        }
-    }, [props.Filter]);
-    React.useEffect(() => {
-        let handle = null;
-        if (value === '' && secondValue === '' && props.Filter.length !== 0)
-            handle = setTimeout(() => props.SetFilter([]), 500);
-        if (value === '' && secondValue === '')
-            return () => { if (handle !== null)
-                clearTimeout(handle); };
-        if (operator === 'between')
-            handle = setTimeout(() => props.SetFilter([
-                {
-                    FieldName: props.FieldName,
-                    IsPivotColumn: false,
-                    Operator: '>=',
-                    Type: 'number',
-                    SearchText: value
-                },
-                {
-                    FieldName: props.FieldName,
-                    IsPivotColumn: false,
-                    Operator: '<=',
-                    Type: 'number',
-                    SearchText: secondValue
-                }
-            ]), 500);
-        else
-            handle = setTimeout(() => props.SetFilter([{
-                    FieldName: props.FieldName,
-                    IsPivotColumn: false,
-                    Operator: transformSymbol(operator),
-                    Type: 'number',
-                    SearchText: value
-                }]), 500);
-        return () => { if (handle !== null)
-            clearTimeout(handle); };
-    }, [operator, value, secondValue]);
-    function transformSymbol(s) {
-        if (s === 'less than')
-            return '<';
-        if (s === 'greater than')
-            return '>';
-        return '=';
-    }
-    const hasUnit = props.Unit !== undefined && unitIndex >= 0 && unitIndex < props.Unit.length;
-    return React.createElement(React.Fragment, null,
-        React.createElement("tr", { onClick: (evt) => { evt.preventDefault(); } },
-            React.createElement("td", null,
-                React.createElement("select", { className: 'form-control', value: operator, onChange: (evt) => {
-                        const v = evt.target.value;
-                        setOperator(v);
-                    } },
-                    React.createElement("option", { value: 'less than' },
-                        "Less than (",
-                        '<',
-                        ")"),
-                    React.createElement("option", { value: 'equal to' }, "Equal to (=)"),
-                    React.createElement("option", { value: 'greater than' },
-                        "Greater than (",
-                        '>',
-                        ")"),
-                    React.createElement("option", { value: 'between' }, "In range")))),
-        React.createElement("tr", { onClick: (evt) => { evt.preventDefault(); } },
-            React.createElement("td", null,
-                React.createElement("input", { type: 'number', className: 'form-control', value: props.Unit !== undefined && hasUnit ? (_a = props.Unit[unitIndex].GetValue(parseFloat(value)).toString()) !== null && _a !== void 0 ? _a : '' : value, onChange: (evt) => {
-                        let v = evt.target.value;
-                        if (props.Unit !== undefined && unitIndex >= 0 && unitIndex < props.Unit.length) {
-                            v = props.Unit[unitIndex].GetFilter(parseFloat(v)).toString();
-                        }
-                        setValue(v);
-                    } })),
-            props.Unit !== undefined ?
-                React.createElement("td", null,
-                    React.createElement("select", { className: 'form-control', value: (_c = (_b = props.Unit[unitIndex]) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : '', onChange: (evt) => {
-                            var _a, _b;
-                            const v = evt.target.value;
-                            setUnitIndex((_b = (_a = props.Unit) === null || _a === void 0 ? void 0 : _a.findIndex(u => u.label === v)) !== null && _b !== void 0 ? _b : -1);
-                        } }, props.Unit.map((u) => React.createElement("option", { value: u.label, key: u.label }, u.label)))) : null),
-        operator === 'between' ? React.createElement(React.Fragment, null,
-            React.createElement("tr", { onClick: (evt) => { evt.preventDefault(); } },
-                React.createElement("td", null, "and")),
-            React.createElement("tr", { onClick: (evt) => { evt.preventDefault(); } },
-                React.createElement("td", null,
-                    React.createElement("input", { type: 'number', className: 'form-control', value: props.Unit !== undefined && hasUnit ? props.Unit[unitIndex].GetValue(parseFloat(secondValue)).toString() : secondValue, onChange: (evt) => {
-                            let v = evt.target.value;
-                            if (props.Unit !== undefined && unitIndex >= 0 && unitIndex < props.Unit.length) {
-                                v = props.Unit[unitIndex].GetFilter(parseFloat(v)).toString();
-                            }
-                            setSecondValue(v);
-                        } }))),
-            props.Unit !== undefined ?
-                React.createElement("td", null,
-                    React.createElement("select", { className: 'form-control', value: (_e = (_d = props.Unit[unitIndex]) === null || _d === void 0 ? void 0 : _d.label) !== null && _e !== void 0 ? _e : '', onChange: (evt) => {
-                            var _a, _b;
-                            const v = evt.target.value;
-                            setUnitIndex((_b = (_a = props.Unit) === null || _a === void 0 ? void 0 : _a.findIndex(u => u.label === v)) !== null && _b !== void 0 ? _b : -1);
-                        } }, props.Unit.map((u) => React.createElement("option", { value: u.label, key: u.label }, u.label)))) : null) : null);
-}

package/lib/FilterableTable/TextFilter.d.ts

@@ -1,14 +0,0 @@
-import { Search } from '@gpa-gemstone/react-interactive';
-interface IProps<T> {
-    SetFilter: (evt: Search.IFilter<T>[]) => void;
-    Filter: Search.IFilter<T>[];
-    FieldName: string;
-    ApproxMatches?: boolean;
-}
-/**
- * Component for rendering a text input filter.
- * @param props - Props for configuring and managing the text filter.
- * @returns JSX for rendering a text input filter with wildcard options.
- */
-export declare function TextFilter<T>(props: IProps<T>): JSX.Element;
-export {};

package/lib/FilterableTable/TextFilter.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextFilter = TextFilter;
-// ******************************************************************************************************
-//  TextFilter.tsx - Gbtc
-//
-//  Copyright © 2022, 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:
-//  ----------------------------------------------------------------------------------------------------
-//  03/02/2022 - C Lackner
-//       Generated original version of source code.
-// ******************************************************************************************************
-const React = require("react");
-/**
- * Component for rendering a text input filter.
- * @param props - Props for configuring and managing the text filter.
- * @returns JSX for rendering a text input filter with wildcard options.
- */
-function TextFilter(props) {
-    const [txt, setTxt] = React.useState('');
-    // Handles changes in the Filter prop.
-    React.useEffect(() => {
-        var _a;
-        // Resets text input if there is no filter.
-        if (props.Filter.length === 0) {
-            setTxt('');
-            return;
-        }
-        if (((_a = props.ApproxMatches) !== null && _a !== void 0 ? _a : true))
-            setTxt(props.Filter[0].SearchText.substring(1, props.Filter[0].SearchText.length - 1));
-        else
-            setTxt(props.Filter[0].SearchText);
-    }, [props.Filter]);
-    // Handles text input chanages.
-    React.useEffect(() => {
-        let handle = null;
-        // Clears filter if txt is empty AND filter is not empty.
-        if ((txt == null || txt.trim().length === 0) && props.Filter.length !== 0)
-            handle = setTimeout(() => props.SetFilter([]), 500);
-        // Applies filter based on specifications.
-        if (txt != null && txt.trim().length > 0 && (props.Filter.length === 0 || props.Filter[0].SearchText !== txt.trim()))
-            handle = setTimeout(() => props.SetFilter([{
-                    FieldName: props.FieldName,
-                    IsPivotColumn: false,
-                    SearchText: (props.ApproxMatches === undefined || props.ApproxMatches ? '%' + txt.trim() + '%' : txt.trim()),
-                    Operator: 'LIKE',
-                    Type: 'string'
-                }]), 500);
-        // Cleans function to clear timeout.
-        return () => { if (handle !== null)
-            clearTimeout(handle); };
-    }, [txt]);
-    // renders text input filter and addl information
-    return React.createElement(React.Fragment, null,
-        React.createElement("tr", { onClick: (evt) => { evt.preventDefault(); } },
-            React.createElement("td", null,
-                React.createElement("input", { className: 'form-control', value: txt.replace('$_', '_'), placeholder: "Search", onChange: (evt) => {
-                        const value = evt.target.value;
-                        setTxt(value.replace('_', '$_'));
-                    } }))),
-        React.createElement("tr", null,
-            React.createElement("td", null,
-                " ",
-                React.createElement("label", null, "Wildcard (*) can be used"),
-                " ")));
-}

package/lib/SearchableTable.d.ts

@@ -1,15 +0,0 @@
-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,40 +0,0 @@
-"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.
-//
-// ******************************************************************************************************
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchableTable = SearchableTable;
-const React = require("react");
-const Table_1 = require("./Table");
-/**
- * A Table with an input Field to search on top
- */
-function SearchableTable(props) {
-    const [data, setData] = React.useState(props.data);
-    const [searchTextAS, setSearchTextAS] = React.useState('');
-    React.useEffect(() => {
-        setData(props.data.filter(s => 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: (e) => setSearchTextAS(e.target.value) }),
-        React.createElement(Table_1.default, Object.assign({}, props, { data: data })));
-}

package/lib/SelectTable.d.ts

@@ -1,19 +0,0 @@
-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,102 +0,0 @@
-"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.
-//
-// ******************************************************************************************************
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectTable = SelectTable;
-const React = require("react");
-const _ = require("lodash");
-const Table_1 = require("./Table");
-function SelectTable(props) {
-    const didMountRef = React.useRef(false);
-    const [data, setData] = React.useState(props.data);
-    const [selected, setSelected] = React.useState([]);
-    const [sortKey, setSortKey] = React.useState(props.sortKey);
-    const [ascending, setAscending] = React.useState(props.ascending);
-    React.useEffect(() => {
-        if (didMountRef.current)
-            selectAll();
-        else
-            didMountRef.current = true;
-    }, [props.selectAllCounter]);
-    React.useEffect(() => {
-        if (props.data.length !== data.length)
-            setData(props.data);
-    }, [props.data]);
-    React.useEffect(() => {
-        setSelected((d) => d.filter(keyItem => data.findIndex(item => item[props.KeyField] === keyItem) > -1));
-    }, [data]);
-    React.useEffect(() => {
-        const sortColumn = props.cols.filter(col => col.key === sortKey)[0];
-        if (sortColumn === undefined || sortColumn.field === undefined)
-            return;
-        const sortField = sortColumn.field;
-        setData((lst) => (_.orderBy(lst, [sortField], [(ascending ? "asc" : "desc")])));
-    }, [ascending, sortKey]);
-    React.useEffect(() => {
-        props.onSelection(data.filter(item => selected.findIndex(key => key === item[props.KeyField]) > -1));
-    }, [selected]);
-    function handleClick(d) {
-        const sIndex = selected.findIndex(item => item === d.row[props.KeyField]);
-        if (sIndex === -1)
-            setSelected((od) => [...od, d.row[props.KeyField]]);
-        else
-            setSelected((od) => od.filter(item => item !== d.row[props.KeyField]));
-    }
-    function selectAll() {
-        setSelected((d) => { if (d.length === data.length)
-            return [];
-        else
-            return data.map(row => row[props.KeyField]); });
-    }
-    function handleSort(d) {
-        if (d.colKey === sortKey)
-            setAscending(!ascending);
-        else
-            setSortKey(d.colKey);
-    }
-    const tableProps = {
-        cols: [
-            { key: 'gemstone-checkbox', field: props.KeyField, label: '', headerStyle: { width: '4em' }, rowStyle: { width: '4em' }, content: (item) => {
-                    const index = selected.findIndex(i => i === item[props.KeyField]);
-                    const 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
-        ],
-        data,
-        onClick: handleClick,
-        sortKey,
-        ascending,
-        onSort: handleSort,
-        tableClass: props.tableClass,
-        tableStyle: props.tableStyle,
-        theadStyle: props.theadStyle,
-        theadClass: props.theadClass,
-        tbodyStyle: props.tbodyStyle,
-        tbodyClass: props.tbodyClass,
-        selected: (d) => false,
-        rowStyle: props.rowStyle
-    };
-    return React.createElement(Table_1.default, Object.assign({}, tableProps));
-}