@gpa-gemstone/react-table 1.2.57 → 1.2.59

package/lib/AdjustableTable/Table.js

@@ -1,488 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = AdjustableTable;
-//  ******************************************************************************************************
-//  Table.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:
-//  ----------------------------------------------------------------------------------------------------
-//  11/18/2023 - C. Lackner
-//       Generated original version of source code.
-//  05/31/2024 - C. Lackner
-//       Refactored to fix sizing issues.
-//
-//  ******************************************************************************************************
-const React = require("react");
-const _ = require("lodash");
-const Column_1 = require("./Column");
-const AdjustableColumn_1 = require("./AdjustableColumn");
-const defaultTableStyle = {
-    padding: 0,
-    width: '100%',
-    height: '100%',
-    tableLayout: 'fixed',
-    overflow: 'hidden',
-    display: 'flex',
-    flexDirection: 'column',
-    marginBottom: 0,
-};
-function AdjustableTable(props) {
-    var _a;
-    const bodyRef = React.useRef(null);
-    const throtleRef = React.useRef(null);
-    const colCountRef = React.useRef(null);
-    const autoWidth = React.useRef(new Map());
-    const [autoWidthVersion, setAutoWidthVersion] = React.useState(0);
-    const [currentTableWidth, setCurrentTableWidth] = React.useState(0);
-    const [scrolled, setScrolled] = React.useState(false);
-    const [extraWidthPerRow, setExtraWidthPerRow] = React.useState(0);
-    const setTableWidth = React.useCallback(_.debounce(() => {
-        var _a, _b, _c, _d;
-        if (bodyRef.current == null)
-            return;
-        // Note: certain body classes may break this check if they set overflow to scroll
-        let newScroll = false;
-        if (((_a = props.TbodyStyle) === null || _a === void 0 ? void 0 : _a.overflowY) === 'scroll' || ((_b = props.TbodyStyle) === null || _b === void 0 ? void 0 : _b.overflow) === 'scroll')
-            newScroll = true;
-        else
-            newScroll = bodyRef.current.clientHeight < bodyRef.current.scrollHeight;
-        setScrolled(newScroll);
-        setCurrentTableWidth(((_d = (_c = bodyRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth) !== null && _d !== void 0 ? _d : 17) - (newScroll ? 0 : 17));
-    }, 100), []);
-    React.useEffect(() => {
-        let resizeObserver;
-        const intervalHandle = setInterval(() => {
-            if ((bodyRef === null || bodyRef === void 0 ? void 0 : bodyRef.current) == null)
-                return;
-            resizeObserver = new ResizeObserver(() => {
-                setTableWidth();
-            });
-            resizeObserver.observe(bodyRef.current);
-            clearInterval(intervalHandle);
-        }, 10);
-        return () => {
-            clearInterval(intervalHandle);
-            if (resizeObserver != null && resizeObserver.disconnect != null)
-                resizeObserver.disconnect();
-        };
-    }, []);
-    React.useEffect(() => {
-        autoWidth.current = new Map();
-        setAutoWidthVersion(0);
-    }, [currentTableWidth]);
-    React.useEffect(() => {
-        var _a;
-        let totalMaxWidth = 0;
-        autoWidth.current.forEach((v) => {
-            totalMaxWidth += v.maxColWidth;
-        });
-        if (totalMaxWidth > currentTableWidth && currentTableWidth > 0) {
-            const hideKeys = [];
-            const showKeys = [];
-            let t = 0;
-            let colW = 0;
-            autoWidth.current.forEach((v, k) => {
-                t = t + v.maxColWidth;
-                if (t < currentTableWidth) {
-                    showKeys.push(k);
-                    colW += v.maxColWidth;
-                }
-                else
-                    hideKeys.push(k);
-            });
-            const numEnabledColumns = showKeys.length;
-            if (Array.from(autoWidth.current.values()).filter(autoWidth => !autoWidth.enabled).length == hideKeys.length) {
-                return;
-            }
-            if (colCountRef.current !== null)
-                clearTimeout(colCountRef.current);
-            colCountRef.current = setTimeout(() => {
-                var _a;
-                hideKeys.forEach((k) => (autoWidth.current.get(k).enabled = false));
-                showKeys.forEach((k) => (autoWidth.current.get(k).enabled = true));
-                const numOfColsWithAutoCSS = Array.from(autoWidth.current.values()).filter(autoWidth => autoWidth.isAuto && autoWidth.enabled).length;
-                const numOfColsWithUndefinedCSS = Array.from(autoWidth.current.values()).filter(autoWidth => autoWidth.isUndefined && autoWidth.enabled).length;
-                let colsToDivideBy = numEnabledColumns; // Split the extra across all cols
-                if (numOfColsWithAutoCSS > 0) { // Split only on the css auto-cols and no css undefined cols
-                    colsToDivideBy = numOfColsWithAutoCSS;
-                }
-                if (numOfColsWithUndefinedCSS > 0 && numOfColsWithAutoCSS == 0) { // Split only on the css undefined if there are no auto-cols
-                    colsToDivideBy = numOfColsWithUndefinedCSS;
-                }
-                const extraSpace = (currentTableWidth - colW) / colsToDivideBy;
-                setExtraWidthPerRow(Math.floor(extraSpace));
-                (_a = props.ReduceWidthCallback) === null || _a === void 0 ? void 0 : _a.call(props, hideKeys);
-                setAutoWidthVersion((v) => v + 1);
-            }, 500);
-        }
-        else if (currentTableWidth > 0) {
-            const numEnabledColumns = Array.from(autoWidth.current.values()).filter(autoWidth => autoWidth.enabled).length;
-            const numOfColsWithAutoCSS = Array.from(autoWidth.current.values()).filter(autoWidth => autoWidth.isAuto && autoWidth.enabled).length;
-            const colsToDivideBy = (numOfColsWithAutoCSS > 0) ? numOfColsWithAutoCSS : numEnabledColumns;
-            const extraSpace = (currentTableWidth - totalMaxWidth - numEnabledColumns) / colsToDivideBy;
-            setExtraWidthPerRow(extraSpace);
-            (_a = props.ReduceWidthCallback) === null || _a === void 0 ? void 0 : _a.call(props, []);
-        }
-    }, [autoWidthVersion]);
-    React.useEffect(() => {
-        // if there are keys in the map not present in children, map is old
-        const children = React.Children.toArray(props.children);
-        const childKeys = [];
-        const mapKeys = autoWidth.current.keys();
-        children.forEach(child => {
-            if (!React.isValidElement(child))
-                return;
-            if (child.type === Column_1.default ||
-                child.type === AdjustableColumn_1.default)
-                childKeys.push(child.props.Key);
-        });
-        for (const key of mapKeys) {
-            if (childKeys.includes(key)) {
-                continue;
-            }
-            else {
-                autoWidth.current.clear();
-                setAutoWidthVersion(0);
-                break;
-            }
-        }
-    }, [props.children]);
-    const handleSort = React.useCallback((data, event) => {
-        if (data.colKey !== null)
-            props.OnSort(data, event);
-    }, [props.OnSort]);
-    const setWidth = React.useCallback((colKey, key, width, isAuto, isUndefined) => {
-        var _a, _b, _c, _d, _e, _f;
-        const flooredWidth = Math.floor(width);
-        if (!autoWidth.current.has(colKey)) { // does the column exist
-            autoWidth.current.set(colKey, {
-                maxColWidth: flooredWidth,
-                width: new Map([[key, flooredWidth]]),
-                enabled: true,
-                adjustement: 0,
-                isAuto: isAuto,
-                isUndefined: isUndefined
-            });
-        }
-        else if (!((_b = (_a = autoWidth.current.get(colKey)) === null || _a === void 0 ? void 0 : _a.width.has(key)) !== null && _b !== void 0 ? _b : false)) { // it exists but the key does not
-            (_c = autoWidth.current.get(colKey)) === null || _c === void 0 ? void 0 : _c.width.set(key, flooredWidth); // add the width for this key
-            autoWidth.current.get(colKey).isAuto = isAuto;
-            if (flooredWidth > ((_e = (_d = autoWidth.current.get(colKey)) === null || _d === void 0 ? void 0 : _d.maxColWidth) !== null && _e !== void 0 ? _e : 9e10)) // if width is > to max col
-                autoWidth.current.get(colKey).maxColWidth = flooredWidth; // set max to width
-        }
-        else if (autoWidth.current.get(colKey).width.get(key) == flooredWidth) { // width == newW
-            autoWidth.current.get(colKey).isAuto = isAuto;
-            return;
-        }
-        else {
-            autoWidth.current.get(colKey).width.set(key, flooredWidth); // otherwise, it exists, just set the width
-            autoWidth.current.get(colKey).isAuto = isAuto;
-            if (flooredWidth == ((_f = autoWidth.current.get(colKey)) === null || _f === void 0 ? void 0 : _f.maxColWidth)) // check against max
-                autoWidth.current.get(colKey).maxColWidth = Math.max(...autoWidth.current.get(colKey).width.values());
-        }
-        //cancel ref
-        //Add a Timer - runs within 10 ms from when the Timer started to avoid React thinking this is an indinfinte loop....
-        if (throtleRef.current !== null)
-            clearTimeout(throtleRef.current);
-        throtleRef.current = setTimeout(() => {
-            setAutoWidthVersion((v) => v + 1);
-        }, 10);
-    }, []);
-    const setAdjustment = React.useCallback((colKey, w) => {
-        if (!autoWidth.current.has(colKey) || autoWidth.current.get(colKey) == undefined) { // doesnt exist/is undefined
-            autoWidth.current.set(colKey, {
-                maxColWidth: 0,
-                width: new Map(),
-                enabled: true,
-                adjustement: w,
-                isAuto: false,
-                isUndefined: false
-            });
-        }
-        else {
-            const x = autoWidth.current.get(colKey);
-            if ((x === null || x === void 0 ? void 0 : x.adjustement) != undefined)
-                x.adjustement += w;
-        }
-        //cancel ref
-        //Add a Timer - runs within 10 ms from when the Timer started to avoid React thinking this is an indinfinte loop....
-        if (throtleRef.current !== null)
-            clearTimeout(throtleRef.current);
-        throtleRef.current = setTimeout(() => {
-            setAutoWidthVersion((v) => v + 1);
-        }, 10);
-    }, []);
-    const setMinWidth = React.useCallback((colKey, w) => {
-        var _a;
-        if (!autoWidth.current.has(colKey))
-            autoWidth.current.set(colKey, {
-                maxColWidth: 0,
-                width: new Map(),
-                enabled: true,
-                adjustement: 0,
-                minWidth: w,
-                isAuto: false,
-                isUndefined: false
-            });
-        else if (((_a = autoWidth.current.get(colKey)) === null || _a === void 0 ? void 0 : _a.minWidth) == w)
-            return;
-        autoWidth.current.get(colKey).minWidth = w;
-        //cancel ref
-        //Add a Timer - runs within 10 ms from when the Timer started to avoid React thinking this is an indinfinte loop....
-        if (throtleRef.current !== null)
-            clearTimeout(throtleRef.current);
-        throtleRef.current = setTimeout(() => {
-            setAutoWidthVersion((v) => v + 1);
-        }, 10);
-    }, []);
-    const setMaxWidth = React.useCallback((colKey, w) => {
-        var _a;
-        if (!autoWidth.current.has(colKey))
-            autoWidth.current.set(colKey, {
-                maxColWidth: 0,
-                width: new Map(),
-                enabled: true,
-                adjustement: 0,
-                maxWidth: w,
-                isAuto: false,
-                isUndefined: false
-            });
-        else if (((_a = autoWidth.current.get(colKey)) === null || _a === void 0 ? void 0 : _a.maxWidth) == w)
-            return;
-        autoWidth.current.get(colKey).maxWidth = w;
-        //cancel ref
-        //Add a Timer - runs within 10 ms from when the Timer started to avoid React thinking this is an indinfinte loop....
-        if (throtleRef.current !== null)
-            clearTimeout(throtleRef.current);
-        throtleRef.current = setTimeout(() => {
-            setAutoWidthVersion((v) => v + 1);
-        }, 10);
-    }, []);
-    return (React.createElement("table", { className: props.TableClass !== undefined ? props.TableClass : 'table table-hover', style: (_a = props.TableStyle) !== null && _a !== void 0 ? _a : defaultTableStyle },
-        React.createElement(Header, { Class: props.TheadClass, Style: props.TheadStyle, SortKey: props.SortKey, Ascending: props.Ascending, OnSort: handleSort, SetWidth: (k, w, a, u) => setWidth(k, -1, w, a, u), SetMaxWidth: setMaxWidth, SetMinWidth: setMinWidth, AutoWidth: autoWidth, AutoWidthVersion: autoWidthVersion, LastColumn: props.LastColumn, SetAdjustment: setAdjustment, ExtraWidth: extraWidthPerRow }, props.children),
-        React.createElement(Rows, { DragStart: props.OnDragStart, Data: props.Data, RowStyle: props.RowStyle, BodyStyle: props.TbodyStyle, BodyClass: props.TbodyClass, OnClick: props.OnClick, Selected: props.Selected, KeySelector: props.KeySelector, AutoWidth: autoWidth, AutoWidthVersion: autoWidthVersion, SetWidth: setWidth, ExtraWidth: extraWidthPerRow, BodyRef: bodyRef, BodyScrolled: scrolled }, props.children),
-        props.LastRow !== undefined ? (React.createElement("tfoot", { style: props.TfootStyle, className: props.TfootClass },
-            React.createElement("tr", { style: props.RowStyle !== undefined ? Object.assign({}, props.RowStyle) : {} }, props.LastRow))) : null));
-}
-function Rows(props) {
-    const onClick = React.useCallback((e, item, index) => {
-        if (props.OnClick !== undefined)
-            props.OnClick({
-                colKey: undefined,
-                colField: undefined,
-                row: item,
-                data: null,
-                index: index,
-            }, e);
-    }, [props.OnClick]);
-    const bodyStyle = React.useMemo(() => (Object.assign(Object.assign({}, props.BodyStyle), { paddingRight: (props.BodyScrolled ? 0 : 17), display: "block" })), [props.BodyStyle, props.BodyScrolled]);
-    return (React.createElement("tbody", { style: bodyStyle, className: props.BodyClass, ref: props.BodyRef }, props.Data.map((d, i) => {
-        const style = props.RowStyle !== undefined ? Object.assign({}, props.RowStyle) : {};
-        if (style.cursor === undefined && (props.OnClick !== undefined || props.DragStart !== undefined))
-            style.cursor = 'pointer';
-        if (props.Selected !== undefined && props.Selected(d, i))
-            style.backgroundColor = 'var(--warning)';
-        const key = props.KeySelector(d, i);
-        return (React.createElement("tr", { key: key, style: style, onClick: (e) => onClick(e, d, i) }, React.Children.map(props.children, (element) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-            if (!React.isValidElement(element))
-                return null;
-            if (element.type === Column_1.default)
-                if ((_b = (_a = props.AutoWidth.current.get(element.props.Key)) === null || _a === void 0 ? void 0 : _a.enabled) !== null && _b !== void 0 ? _b : true)
-                    return (React.createElement(Column_1.ColumnDataWrapper, { key: element.key, extraWidth: props.ExtraWidth, onClick: (props.OnClick !== undefined && props.OnClick !== null) ? (e) => props.OnClick({
-                            colKey: element.props.Key,
-                            colField: element.props.Field,
-                            row: d,
-                            data: d[element.props.Field],
-                            index: i,
-                        }, e) : undefined, dragStart: (props.DragStart !== undefined && props.DragStart !== null) ? (e) => props.DragStart({
-                            colKey: element.props.Key,
-                            colField: element.props.Field,
-                            row: d,
-                            data: d[element.props.Field],
-                            index: i,
-                        }, e) : undefined, setWidth: (w, a, u) => props.SetWidth(element.props.Key, key, w, a, u), style: element.props.RowStyle, width: ((_d = (_c = props.AutoWidth.current.get(element.props.Key)) === null || _c === void 0 ? void 0 : _c.width.has(key)) !== null && _d !== void 0 ? _d : false)
-                            ? (_e = props.AutoWidth.current.get(element.props.Key)) === null || _e === void 0 ? void 0 : _e.maxColWidth // if not auto <-
-                            : undefined // otherwise get the extrawidth
-                        , enabled: (_g = (_f = props.AutoWidth.current.get(element.props.Key)) === null || _f === void 0 ? void 0 : _f.enabled) !== null && _g !== void 0 ? _g : true }, element.props.Content !== undefined
-                        ? element.props.Content({
-                            item: d,
-                            key: element.props.Key,
-                            field: element.props.Field,
-                            style: style,
-                            index: i,
-                        })
-                        : element.props.Field !== undefined
-                            ? d[element.props.Field]
-                            : null));
-            if (element.type === AdjustableColumn_1.default)
-                if ((_j = (_h = props.AutoWidth.current.get(element.props.Key)) === null || _h === void 0 ? void 0 : _h.enabled) !== null && _j !== void 0 ? _j : true)
-                    return (React.createElement(AdjustableColumn_1.AdjustableColumnDataWrapper, { adjustment: (_k = props.AutoWidth.current.get(element.props.Key)) === null || _k === void 0 ? void 0 : _k.adjustement, key: element.key, onClick: (props.OnClick !== undefined && props.OnClick !== null) ? (e) => props.OnClick({
-                            colKey: element.props.Key,
-                            colField: element.props.Field,
-                            row: d,
-                            data: d[element.props.Field],
-                            index: i,
-                        }, e) : undefined, dragStart: (props.DragStart !== undefined && props.DragStart !== null) ? (e) => props.DragStart({
-                            colKey: element.props.Key,
-                            colField: element.props.Field,
-                            row: d,
-                            data: d[element.props.Field],
-                            index: i,
-                        }, e) : undefined, setWidth: (w, a, u) => props.SetWidth(element.props.Key, key, w, a, u), style: element.props.RowStyle, width: ((_m = (_l = props.AutoWidth.current.get(element.props.Key)) === null || _l === void 0 ? void 0 : _l.width.has(key)) !== null && _m !== void 0 ? _m : false)
-                            ? (_o = props.AutoWidth.current.get(element.props.Key)) === null || _o === void 0 ? void 0 : _o.maxColWidth
-                            : undefined, enabled: (_q = (_p = props.AutoWidth.current.get(element.props.Key)) === null || _p === void 0 ? void 0 : _p.enabled) !== null && _q !== void 0 ? _q : true, extraWidth: props.ExtraWidth },
-                        ' ',
-                        element.props.Content !== undefined
-                            ? element.props.Content({
-                                item: d,
-                                key: element.props.Key,
-                                field: element.props.Field,
-                                style: style,
-                                index: i,
-                            })
-                            : element.props.Field !== undefined
-                                ? d[element.props.Field]
-                                : null));
-            return null;
-        })));
-    })));
-}
-function Header(props) {
-    const trRef = React.useRef(null);
-    const [mouseDown, setMouseDown] = React.useState(0);
-    const [currentKeys, setCurrentKeys] = React.useState(undefined);
-    const [deltaW, setDeltaW] = React.useState(0);
-    const [tentativeLimits, setTentativeLimits] = React.useState({ min: -Infinity, max: Infinity });
-    const calculateDeltaLimits = React.useCallback((mapKeys, autoWidthRef) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        if (mapKeys === undefined)
-            return ({ min: -Infinity, max: Infinity });
-        const maxLeftAdjustment = ((_b = (_a = autoWidthRef.current.get(mapKeys[0])) === null || _a === void 0 ? void 0 : _a.maxColWidth) !== null && _b !== void 0 ? _b : 0) +
-            ((_d = (_c = autoWidthRef.current.get(mapKeys[0])) === null || _c === void 0 ? void 0 : _c.adjustement) !== null && _d !== void 0 ? _d : 0);
-        const minWidthLeftAdjusted = ((_f = (_e = autoWidthRef.current.get(mapKeys[0])) === null || _e === void 0 ? void 0 : _e.minWidth) !== null && _f !== void 0 ? _f : 100) - maxLeftAdjustment;
-        const maxWidthLeftAdjusted = ((_h = (_g = autoWidthRef.current.get(mapKeys[0])) === null || _g === void 0 ? void 0 : _g.maxWidth) !== null && _h !== void 0 ? _h : 9e10) - maxLeftAdjustment;
-        const maxRightAdjustment = ((_k = (_j = autoWidthRef.current.get(mapKeys[1])) === null || _j === void 0 ? void 0 : _j.maxColWidth) !== null && _k !== void 0 ? _k : 0) +
-            ((_m = (_l = autoWidthRef.current.get(mapKeys[1])) === null || _l === void 0 ? void 0 : _l.adjustement) !== null && _m !== void 0 ? _m : 0);
-        const minWidthRightAdjusted = ((_p = (_o = autoWidthRef.current.get(mapKeys[1])) === null || _o === void 0 ? void 0 : _o.minWidth) !== null && _p !== void 0 ? _p : 100) - maxRightAdjustment;
-        const maxWidthRightAdjusted = ((_r = (_q = autoWidthRef.current.get(mapKeys[1])) === null || _q === void 0 ? void 0 : _q.maxWidth) !== null && _r !== void 0 ? _r : 9e10) - maxRightAdjustment;
-        // Recall that a right movement is the result of a negative value on deltaW
-        const minDeltaW = Math.abs(minWidthLeftAdjusted) < Math.abs(maxWidthRightAdjusted) ? minWidthLeftAdjusted : -maxWidthRightAdjusted;
-        const maxDeltaW = Math.abs(minWidthRightAdjusted) < Math.abs(maxWidthLeftAdjusted) ? -minWidthRightAdjusted : maxWidthLeftAdjusted;
-        return ({ min: minDeltaW, max: maxDeltaW });
-    }, []);
-    const calculateAdjustment = (key) => {
-        var _a, _b;
-        let adj = 0;
-        let delta;
-        if (deltaW > tentativeLimits.max)
-            delta = tentativeLimits.max;
-        else if (deltaW < tentativeLimits.min)
-            delta = tentativeLimits.min;
-        else
-            delta = deltaW;
-        if (currentKeys !== undefined && currentKeys[0] == key)
-            adj = delta;
-        else if (currentKeys !== undefined && currentKeys[1] == key)
-            adj = -delta;
-        return ((_b = (_a = props.AutoWidth.current.get(key)) === null || _a === void 0 ? void 0 : _a.adjustement) !== null && _b !== void 0 ? _b : 0) + adj;
-    };
-    const finishAdjustment = () => {
-        if (currentKeys === undefined)
-            return;
-        if (Math.abs(deltaW) > 5) {
-            const deltaLimits = calculateDeltaLimits(currentKeys, props.AutoWidth);
-            let delta;
-            if (deltaW > deltaLimits.max)
-                delta = deltaLimits.max;
-            else if (deltaW < deltaLimits.min)
-                delta = deltaLimits.min;
-            else
-                delta = deltaW;
-            props.SetAdjustment(currentKeys[0], delta);
-            props.SetAdjustment(currentKeys[1], -delta);
-        }
-        setMouseDown(0);
-        setTentativeLimits({ min: -Infinity, max: Infinity });
-        setCurrentKeys(undefined);
-        setDeltaW(0);
-    };
-    const getLeftKey = React.useCallback((key) => {
-        var _a;
-        const keys = React.Children.map((_a = props.children) !== null && _a !== void 0 ? _a : [], (element) => {
-            var _a;
-            if (!React.isValidElement(element)) {
-                return null;
-            }
-            if ((_a = !(props.AutoWidth.current.get(element.props.Key).enabled)) !== null && _a !== void 0 ? _a : true) {
-                return null;
-            }
-            if (element.type === AdjustableColumn_1.default) {
-                return element.props.Key;
-            }
-            return null;
-        }).filter((item) => item !== null);
-        const index = keys.indexOf(key);
-        if (index < 1)
-            return undefined;
-        return keys[index - 1];
-    }, [props.children]);
-    const onMove = React.useCallback((e) => {
-        if (currentKeys === undefined)
-            return;
-        const w = e.screenX - mouseDown;
-        setDeltaW(w);
-    }, [mouseDown, currentKeys]);
-    return (React.createElement("thead", { className: props.Class, style: props.Style, onMouseMove: (e) => {
-            onMove(e.nativeEvent);
-            e.stopPropagation();
-        }, onMouseUp: (e) => {
-            finishAdjustment();
-            e.stopPropagation();
-        }, onMouseLeave: (e) => {
-            finishAdjustment();
-            e.stopPropagation();
-        } },
-        React.createElement("tr", { ref: trRef },
-            React.Children.map(props.children, (element) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-                if (!React.isValidElement(element))
-                    return null;
-                if (element.type === Column_1.default)
-                    if ((_b = (_a = props.AutoWidth.current.get(element.props.Key)) === null || _a === void 0 ? void 0 : _a.enabled) !== null && _b !== void 0 ? _b : true)
-                        return (React.createElement(Column_1.ColumnHeaderWrapper, { enabled: (_d = (_c = props.AutoWidth.current.get(element.props.Key)) === null || _c === void 0 ? void 0 : _c.enabled) !== null && _d !== void 0 ? _d : true, setWidth: (w, a, u) => props.SetWidth(element.props.Key, w, a, u), onSort: (e) => props.OnSort({ colKey: element.props.Key, colField: element.props.Field, ascending: props.Ascending }, e), sorted: props.SortKey === element.props.Key && ((_e = element.props.AllowSort) !== null && _e !== void 0 ? _e : true), asc: props.Ascending, colKey: element.props.Key, key: element.props.Key, allowSort: element.props.AllowSort, width: ((_g = (_f = props.AutoWidth.current.get(element.props.Key)) === null || _f === void 0 ? void 0 : _f.width.has(-1)) !== null && _g !== void 0 ? _g : false)
-                                ? (_h = props.AutoWidth.current.get(element.props.Key)) === null || _h === void 0 ? void 0 : _h.maxColWidth
-                                : undefined, style: (_j = element.props.HeaderStyle) !== null && _j !== void 0 ? _j : element.props.RowStyle, extraWidth: props.ExtraWidth },
-                            ' ', (_k = element.props.children) !== null && _k !== void 0 ? _k : element.props.Key,
-                            ' '));
-                if (element.type === AdjustableColumn_1.default)
-                    if ((_m = (_l = props.AutoWidth.current.get(element.props.Key)) === null || _l === void 0 ? void 0 : _l.enabled) !== null && _m !== void 0 ? _m : true)
-                        return (React.createElement(AdjustableColumn_1.AdjustableColumnHeaderWrapper, { enabled: (_p = (_o = props.AutoWidth.current.get(element.props.Key)) === null || _o === void 0 ? void 0 : _o.enabled) !== null && _p !== void 0 ? _p : true, setWidth: (w, a, u) => props.SetWidth(element.props.Key, w, a, u), setMinWidth: (w) => props.SetMinWidth(element.props.Key, Math.round(w)), minWidth: (_q = props.AutoWidth.current.get(element.props.Key)) === null || _q === void 0 ? void 0 : _q.minWidth, setMaxWidth: (w) => props.SetMaxWidth(element.props.Key, Math.round(w)), maxWidth: (_r = props.AutoWidth.current.get(element.props.Key)) === null || _r === void 0 ? void 0 : _r.maxWidth, extraWidth: props.ExtraWidth, onSort: (e) => props.OnSort({ colKey: element.props.Key, colField: element.props.Field, ascending: props.Ascending }, e), sorted: props.SortKey === element.props.Key && ((_s = element.props.AllowSort) !== null && _s !== void 0 ? _s : true), key: element.props.Key, colKey: element.props.Key, asc: props.Ascending, allowSort: element.props.AllowSort, width: ((_u = (_t = props.AutoWidth.current.get(element.props.Key)) === null || _t === void 0 ? void 0 : _t.width.has(-1)) !== null && _u !== void 0 ? _u : false)
-                                ? (_v = props.AutoWidth.current.get(element.props.Key)) === null || _v === void 0 ? void 0 : _v.maxColWidth
-                                : undefined, startAdjustment: (e) => {
-                                let newCurrentKeys;
-                                if (getLeftKey(element.props.Key) !== undefined)
-                                    newCurrentKeys = [getLeftKey(element.props.Key), element.props.Key];
-                                setCurrentKeys(newCurrentKeys);
-                                setMouseDown(e.screenX);
-                                setTentativeLimits(calculateDeltaLimits(newCurrentKeys, props.AutoWidth));
-                                setDeltaW(0);
-                            }, adjustment: calculateAdjustment(element.props.Key), style: (_w = element.props.HeaderStyle) !== null && _w !== void 0 ? _w : element.props.RowStyle },
-                            ' ', (_x = element.props.children) !== null && _x !== void 0 ? _x : element.props.Key));
-                return null;
-            }),
-            React.createElement("th", { style: { width: 17, padding: 0 } }, props.LastColumn))));
-}

package/lib/DynamicTable.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-export interface DynamicTableProps<T extends object> {
-    /**
-     * List of T objects used to generate rows
-     */
-    data: T[];
-    onClick: (data: {
-        colKey: string;
-        colField?: keyof T;
-        row: T;
-        data: T[keyof T] | null;
-        index: number;
-    }, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    /**
-     * Key of the collumn to sort by
-     */
-    sortKey: string;
-    /**
-     * Boolen to indicate whether the sort is ascending or descending
-     */
-    ascending: boolean;
-    onSort(data: {
-        colKey: string;
-        colField?: keyof T;
-        ascending: boolean;
-    }): void;
-    tableClass?: string;
-    tableStyle?: React.CSSProperties;
-    theadStyle?: React.CSSProperties;
-    theadClass?: string;
-    tbodyStyle?: React.CSSProperties;
-    tbodyClass?: string;
-    selected?(data: T): boolean;
-    rowStyle?: React.CSSProperties;
-    keySelector?: (data: T) => string;
-}
-export declare function DynamicTable<T extends object>(props: DynamicTableProps<T>): JSX.Element | null;

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/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));
-}