@gpa-gemstone/react-table 1.2.44 → 1.2.45

package/lib/AdjustableTable/Column.d.ts

@@ -1,67 +1,67 @@
-import * as React from 'react';
-export interface IColumnProps<T> {
-    /**
-     * a unique Key for this Collumn
-     */
-    Key: string;
-    /**
-     * Flag indicating whether sorting by this Collumn is allowed
-     */
-    AllowSort?: boolean;
-    /**
-     * Optional - the Field to be used
-     */
-    Field?: keyof T;
-    /**
-     * The Default style for the td element
-     */
-    RowStyle?: React.CSSProperties;
-    /**
-     * The Default style for the th element
-     */
-    HeaderStyle?: React.CSSProperties;
-    /**
-     * Determines the Content to be displaye
-     * @param d the data to be turned into content
-     * @returns the content displayed
-     */
-    Content?: (d: {
-        item: T;
-        key: string;
-        field: keyof T | undefined;
-        index: number;
-        style?: React.CSSProperties;
-    }) => React.ReactNode;
-}
-export default function Column<T>(props: React.PropsWithChildren<IColumnProps<T>>): JSX.Element;
-interface IHeaderWrapperProps<T> extends IColumnProps<T> {
-    setWidth: (w: number) => void;
-    width?: number;
-    onSort: (key: string, event: any, field?: keyof T) => void;
-    sorted: boolean;
-    asc: boolean;
-    fixedLayout: boolean;
-}
-export declare function ColumnHeaderWrapper<T>(props: React.PropsWithChildren<IHeaderWrapperProps<T>>): JSX.Element;
-interface IDataWrapperProps<T> extends IColumnProps<T> {
-    width?: number;
-    item: T;
-    index: number;
-    dragStart: (data: {
-        colKey: string;
-        colField?: keyof T;
-        row: T;
-        data: T[keyof T] | null;
-        index: number;
-    }, e: any) => void;
-    onClick?: (data: {
-        colKey: string;
-        colField?: keyof T;
-        row: T;
-        data: T[keyof T] | null;
-        index: number;
-    }, e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    fixedLayout: boolean;
-}
-export declare function ColumnDataWrapper<T>(props: IDataWrapperProps<T>): JSX.Element;
-export {};
+import * as React from 'react';
+export interface IColumnProps<T> {
+    /**
+     * a unique Key for this Collumn
+     */
+    Key: string;
+    /**
+     * Flag indicating whether sorting by this Collumn is allowed
+     */
+    AllowSort?: boolean;
+    /**
+     * Optional - the Field to be used
+     */
+    Field?: keyof T;
+    /**
+     * The Default style for the td element
+     */
+    RowStyle?: React.CSSProperties;
+    /**
+     * The Default style for the th element
+     */
+    HeaderStyle?: React.CSSProperties;
+    /**
+     * Determines the Content to be displaye
+     * @param d the data to be turned into content
+     * @returns the content displayed
+     */
+    Content?: (d: {
+        item: T;
+        key: string;
+        field: keyof T | undefined;
+        index: number;
+        style?: React.CSSProperties;
+    }) => React.ReactNode;
+}
+export default function Column<T>(props: React.PropsWithChildren<IColumnProps<T>>): JSX.Element;
+interface IHeaderWrapperProps<T> extends IColumnProps<T> {
+    setWidth: (w: number) => void;
+    width?: number;
+    onSort: (key: string, event: any, field?: keyof T) => void;
+    sorted: boolean;
+    asc: boolean;
+    fixedLayout: boolean;
+}
+export declare function ColumnHeaderWrapper<T>(props: React.PropsWithChildren<IHeaderWrapperProps<T>>): JSX.Element;
+interface IDataWrapperProps<T> extends IColumnProps<T> {
+    width?: number;
+    item: T;
+    index: number;
+    dragStart: (data: {
+        colKey: string;
+        colField?: keyof T;
+        row: T;
+        data: T[keyof T] | null;
+        index: number;
+    }, e: any) => void;
+    onClick?: (data: {
+        colKey: string;
+        colField?: keyof T;
+        row: T;
+        data: T[keyof T] | null;
+        index: number;
+    }, e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    fixedLayout: boolean;
+}
+export declare function ColumnDataWrapper<T>(props: IDataWrapperProps<T>): JSX.Element;
+export {};

package/lib/AdjustableTable/Column.js

@@ -1,125 +1,124 @@
-"use strict";
-//  ******************************************************************************************************
-//  Column.tsx - Gbtc
-//
-//  Copyright © 2018, 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/02/2018 - Billy Ernest
-//       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.ColumnDataWrapper = exports.ColumnHeaderWrapper = void 0;
-var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
-var helper_functions_1 = require("@gpa-gemstone/helper-functions");
-var React = require("react");
-function Column(props) {
-    return React.createElement(React.Fragment, null, props.children);
-}
-exports.default = Column;
-function ColumnHeaderWrapper(props) {
-    var _a, _b;
-    var thref = React.useRef(null);
-    var style = (props.RowStyle !== undefined) ? __assign({}, props.HeaderStyle) : {};
-    if (props.width !== undefined && props.fixedLayout) {
-        style.width = props.width;
-        style.minWidth = props.width;
-        style.maxWidth = props.width;
-        style.overflowX = 'hidden';
-        style.display = 'inline-block';
-    }
-    if (style.cursor === undefined && ((_a = props.AllowSort) !== null && _a !== void 0 ? _a : true)) {
-        style.cursor = 'pointer';
-    }
-    if (style.position === undefined) {
-        style.position = 'relative';
-    }
-    if (style.borderTop === undefined) {
-        style.borderTop = 'none';
-    }
-    React.useLayoutEffect(function () {
-        var _a;
-        if (thref.current == null || props.width !== undefined)
-            return;
-        var w = (_a = (0, helper_functions_1.GetNodeSize)(thref.current)) === null || _a === void 0 ? void 0 : _a.width;
-        if (w === undefined)
-            return;
-        props.setWidth(w);
-    });
-    var onClick = React.useCallback(function (e) {
-        var _a;
-        if ((_a = props.AllowSort) !== null && _a !== void 0 ? _a : true)
-            props.onSort(props.Key, e, props.Field);
-    }, [props.onSort, props.AllowSort]);
-    return React.createElement("th", { ref: thref, style: style, onClick: onClick, onDrag: function (e) { e.stopPropagation(); } },
-        props.sorted && !props.asc ? React.createElement("div", { style: { position: 'absolute', width: 25 } }, gpa_symbols_1.SVGIcons.ArrowDropDown) : null,
-        props.sorted && props.asc ? React.createElement("div", { style: { position: 'absolute', width: 25 } }, gpa_symbols_1.SVGIcons.ArrowDropUp) : null,
-        React.createElement("div", { style: {
-                marginLeft: (props.sorted ? 25 : 0),
-            } }, (_b = props.children) !== null && _b !== void 0 ? _b : props.Key));
-}
-exports.ColumnHeaderWrapper = ColumnHeaderWrapper;
-function ColumnDataWrapper(props) {
-    var css = (props.RowStyle !== undefined) ? __assign({}, props.RowStyle) : {};
-    if (props.width !== undefined && props.fixedLayout) {
-        css.width = props.width;
-        css.minWidth = props.width;
-        css.maxWidth = props.width;
-        css.overflowX = 'hidden';
-        css.display = 'inline-block';
-    }
-    if (props.dragStart !== undefined)
-        css.cursor = "grab";
-    var getFieldValue = function () { return props.Field !== undefined ? props.item[props.Field] : null; };
-    var getFieldContent = function () { return props.Content !== undefined ? props.Content({
-        item: props.item,
-        key: props.Key,
-        field: props.Field,
-        style: css,
-        index: props.index
-    }) : getFieldValue(); };
-    var onClick = React.useCallback(function (e) {
-        if (props.onClick !== undefined)
-            props.onClick({
-                colKey: props.Key,
-                colField: props.Field,
-                row: props.item,
-                data: getFieldValue(),
-                index: props.index
-            }, e);
-    }, [props.Key, props.Field, props.item, props.index, props.onClick]);
-    return (React.createElement("td", { style: css, onClick: onClick, draggable: props.dragStart !== undefined, onDragStart: function (e) {
-            props.dragStart({
-                colKey: props.Key,
-                colField: props.Field,
-                row: props.item,
-                data: getFieldValue(),
-                index: props.index
-            }, e);
-        } }, getFieldContent()));
-}
-exports.ColumnDataWrapper = ColumnDataWrapper;
+"use strict";
+//  ******************************************************************************************************
+//  Column.tsx - Gbtc
+//
+//  Copyright © 2018, 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/02/2018 - Billy Ernest
+//       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.default = Column;
+exports.ColumnHeaderWrapper = ColumnHeaderWrapper;
+exports.ColumnDataWrapper = ColumnDataWrapper;
+var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
+var helper_functions_1 = require("@gpa-gemstone/helper-functions");
+var React = require("react");
+function Column(props) {
+    return React.createElement(React.Fragment, null, props.children);
+}
+function ColumnHeaderWrapper(props) {
+    var _a, _b;
+    var thref = React.useRef(null);
+    var style = (props.RowStyle !== undefined) ? __assign({}, props.HeaderStyle) : {};
+    if (props.width !== undefined && props.fixedLayout) {
+        style.width = props.width;
+        style.minWidth = props.width;
+        style.maxWidth = props.width;
+        style.overflowX = 'hidden';
+        style.display = 'inline-block';
+    }
+    if (style.cursor === undefined && ((_a = props.AllowSort) !== null && _a !== void 0 ? _a : true)) {
+        style.cursor = 'pointer';
+    }
+    if (style.position === undefined) {
+        style.position = 'relative';
+    }
+    if (style.borderTop === undefined) {
+        style.borderTop = 'none';
+    }
+    React.useLayoutEffect(function () {
+        var _a;
+        if (thref.current == null || props.width !== undefined)
+            return;
+        var w = (_a = (0, helper_functions_1.GetNodeSize)(thref.current)) === null || _a === void 0 ? void 0 : _a.width;
+        if (w === undefined)
+            return;
+        props.setWidth(w);
+    });
+    var onClick = React.useCallback(function (e) {
+        var _a;
+        if ((_a = props.AllowSort) !== null && _a !== void 0 ? _a : true)
+            props.onSort(props.Key, e, props.Field);
+    }, [props.onSort, props.AllowSort]);
+    return React.createElement("th", { ref: thref, style: style, onClick: onClick, onDrag: function (e) { e.stopPropagation(); } },
+        props.sorted && !props.asc ? React.createElement("div", { style: { position: 'absolute', width: 25 } }, gpa_symbols_1.SVGIcons.ArrowDropDown) : null,
+        props.sorted && props.asc ? React.createElement("div", { style: { position: 'absolute', width: 25 } }, gpa_symbols_1.SVGIcons.ArrowDropUp) : null,
+        React.createElement("div", { style: {
+                marginLeft: (props.sorted ? 25 : 0),
+            } }, (_b = props.children) !== null && _b !== void 0 ? _b : props.Key));
+}
+function ColumnDataWrapper(props) {
+    var css = (props.RowStyle !== undefined) ? __assign({}, props.RowStyle) : {};
+    if (props.width !== undefined && props.fixedLayout) {
+        css.width = props.width;
+        css.minWidth = props.width;
+        css.maxWidth = props.width;
+        css.overflowX = 'hidden';
+        css.display = 'inline-block';
+    }
+    if (props.dragStart !== undefined)
+        css.cursor = "grab";
+    var getFieldValue = function () { return props.Field !== undefined ? props.item[props.Field] : null; };
+    var getFieldContent = function () { return props.Content !== undefined ? props.Content({
+        item: props.item,
+        key: props.Key,
+        field: props.Field,
+        style: css,
+        index: props.index
+    }) : getFieldValue(); };
+    var onClick = React.useCallback(function (e) {
+        if (props.onClick !== undefined)
+            props.onClick({
+                colKey: props.Key,
+                colField: props.Field,
+                row: props.item,
+                data: getFieldValue(),
+                index: props.index
+            }, e);
+    }, [props.Key, props.Field, props.item, props.index, props.onClick]);
+    return (React.createElement("td", { style: css, onClick: onClick, draggable: props.dragStart !== undefined, onDragStart: function (e) {
+            props.dragStart({
+                colKey: props.Key,
+                colField: props.Field,
+                row: props.item,
+                data: getFieldValue(),
+                index: props.index
+            }, e);
+        } }, getFieldContent()));
+}

package/lib/DynamicTable.d.ts

@@ -1,37 +1,37 @@
-import * as React from 'react';
-export interface DynamicTableProps<T> {
-    /**
-     * 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>(props: DynamicTableProps<T>): JSX.Element | null;
+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/DynamicTable.js

@@ -1,46 +1,45 @@
-"use strict";
-// ******************************************************************************************************
-//  DynamicTable.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/26/2021 - Billy Ernest
-//       Generated original version of source code.
-//
-// ******************************************************************************************************
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DynamicTable = void 0;
-var React = require("react");
-var Table_1 = require("./Table");
-var empty = new Map();
-function DynamicTable(props) {
-    if (props.data.length <= 0)
-        return null;
-    var cols = [];
-    var keys = Object.keys(props.data[0]);
-    for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
-        var key = keys_1[_i];
-        cols.push({ key: key, label: key, field: key });
-    }
-    return (React.createElement("table", { className: props.tableClass !== undefined ? props.tableClass : '', style: props.tableStyle },
-        React.createElement(Table_1.Header, { Class: props.theadClass, Style: props.theadStyle, Cols: cols, SortKey: props.sortKey, Ascending: props.ascending, Click: function (d) { return handleSort(d); } }),
-        React.createElement(Table_1.Rows, { Data: props.data, Cols: cols, RowStyle: props.rowStyle, BodyStyle: props.tbodyStyle, BodyClass: props.tbodyClass, Click: function (data, e) { return props.onClick(data, e); }, Selected: props.selected, KeySelector: props.keySelector })));
-    function handleSort(data) {
-        if (data.colKey !== null)
-            props.onSort(data);
-    }
-}
-exports.DynamicTable = DynamicTable;
+"use strict";
+// ******************************************************************************************************
+//  DynamicTable.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/26/2021 - Billy Ernest
+//       Generated original version of source code.
+//
+// ******************************************************************************************************
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicTable = DynamicTable;
+var React = require("react");
+var Table_1 = require("./Table");
+var empty = new Map();
+function DynamicTable(props) {
+    if (props.data.length <= 0)
+        return null;
+    var cols = [];
+    var keys = Object.keys(props.data[0]);
+    for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+        var key = keys_1[_i];
+        cols.push({ key: key, label: key, field: key });
+    }
+    return (React.createElement("table", { className: props.tableClass !== undefined ? props.tableClass : '', style: props.tableStyle },
+        React.createElement(Table_1.Header, { Class: props.theadClass, Style: props.theadStyle, Cols: cols, SortKey: props.sortKey, Ascending: props.ascending, Click: function (d) { return handleSort(d); } }),
+        React.createElement(Table_1.Rows, { Data: props.data, Cols: cols, RowStyle: props.rowStyle, BodyStyle: props.tbodyStyle, BodyClass: props.tbodyClass, Click: function (data, e) { return props.onClick(data, e); }, Selected: props.selected, KeySelector: props.keySelector })));
+    function handleSort(data) {
+        if (data.colKey !== null)
+            props.onSort(data);
+    }
+}

package/lib/Paging.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export interface IProps {
-    Current: number;
-    Total: number;
-    SetPage: (p: number) => void;
-}
-export default function (props: IProps): JSX.Element;
+export interface IProps {
+    Current: number;
+    Total: number;
+    SetPage: (p: number) => void;
+}
+export default function (props: IProps): JSX.Element;