@gpa-gemstone/react-table 1.2.44 → 1.2.45

package/lib/AdjustableTable/AdjustableColumn.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-import { IColumnProps } from './Column';
-interface IAdjustableColProps<T> extends IColumnProps<T> {
-    /**
-     * The minimum Width used for this Collumn - default is 100px
-     */
-    MinWidth?: number;
-}
-export default function AdjustableCol<T>(props: React.PropsWithChildren<IAdjustableColProps<T>>): JSX.Element;
-interface IHeaderWrapperProps<T> extends IAdjustableColProps<T> {
-    setWidth: (w: number, m: number) => void;
-    width?: number;
-    onSort: (key: string, event: any, field?: keyof T) => void;
-    sorted: boolean;
-    asc: boolean;
-    startAdjustment: (e: any) => void;
-    fixedLayout: boolean;
-}
-export declare function AdjColumnHeaderWrapper<T>(props: React.PropsWithChildren<IHeaderWrapperProps<T>>): JSX.Element;
-export {};
+import * as React from 'react';
+import { IColumnProps } from './Column';
+interface IAdjustableColProps<T> extends IColumnProps<T> {
+    /**
+     * The minimum Width used for this Collumn - default is 100px
+     */
+    MinWidth?: number;
+}
+export default function AdjustableCol<T>(props: React.PropsWithChildren<IAdjustableColProps<T>>): JSX.Element;
+interface IHeaderWrapperProps<T> extends IAdjustableColProps<T> {
+    setWidth: (w: number, m: number) => void;
+    width?: number;
+    onSort: (key: string, event: any, field?: keyof T) => void;
+    sorted: boolean;
+    asc: boolean;
+    startAdjustment: (e: any) => void;
+    fixedLayout: boolean;
+}
+export declare function AdjColumnHeaderWrapper<T>(props: React.PropsWithChildren<IHeaderWrapperProps<T>>): JSX.Element;
+export {};

package/lib/AdjustableTable/AdjustableColumn.js

@@ -1,100 +1,99 @@
-"use strict";
-//  ******************************************************************************************************
-//  AdjustableColumn.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/19/2023 - C. Lackner
-//       Generated original version of source code.
-//
-//  ******************************************************************************************************
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdjColumnHeaderWrapper = 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 AdjustableCol(props) {
-    return React.createElement(React.Fragment, null, props.children);
-}
-exports.default = AdjustableCol;
-function AdjColumnHeaderWrapper(props) {
-    var _a, _b;
-    var thref = React.useRef(null);
-    var _c = React.useState(false), showBorder = _c[0], setShowBorder = _c[1];
-    var onHover = React.useCallback(function () { setShowBorder(true); }, []);
-    var onLeave = React.useCallback(function () { setShowBorder(false); }, []);
-    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;
-    }
-    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, _b;
-        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, (_b = props.MinWidth) !== null && _b !== void 0 ? _b : 100);
-    });
-    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);
-        e.stopPropagation();
-    }, [props.onSort]);
-    var onClickBorder = React.useCallback(function (e) {
-        props.startAdjustment(e);
-    }, [props.startAdjustment]);
-    return React.createElement("th", { ref: thref, style: style, onClick: onClick, onDrag: function (e) { e.stopPropagation(); } },
-        React.createElement("div", { style: {
-                width: 5,
-                height: '100%',
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                opacity: showBorder ? 1 : 0,
-                background: '#e9ecef',
-                cursor: 'col-resize'
-            }, onMouseEnter: onHover, onMouseLeave: onLeave, onMouseDown: onClickBorder }),
-        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.AdjColumnHeaderWrapper = AdjColumnHeaderWrapper;
+"use strict";
+//  ******************************************************************************************************
+//  AdjustableColumn.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/19/2023 - C. Lackner
+//       Generated original version of source code.
+//
+//  ******************************************************************************************************
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AdjustableCol;
+exports.AdjColumnHeaderWrapper = AdjColumnHeaderWrapper;
+var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
+var helper_functions_1 = require("@gpa-gemstone/helper-functions");
+var React = require("react");
+function AdjustableCol(props) {
+    return React.createElement(React.Fragment, null, props.children);
+}
+function AdjColumnHeaderWrapper(props) {
+    var _a, _b;
+    var thref = React.useRef(null);
+    var _c = React.useState(false), showBorder = _c[0], setShowBorder = _c[1];
+    var onHover = React.useCallback(function () { setShowBorder(true); }, []);
+    var onLeave = React.useCallback(function () { setShowBorder(false); }, []);
+    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;
+    }
+    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, _b;
+        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, (_b = props.MinWidth) !== null && _b !== void 0 ? _b : 100);
+    });
+    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);
+        e.stopPropagation();
+    }, [props.onSort]);
+    var onClickBorder = React.useCallback(function (e) {
+        props.startAdjustment(e);
+    }, [props.startAdjustment]);
+    return React.createElement("th", { ref: thref, style: style, onClick: onClick, onDrag: function (e) { e.stopPropagation(); } },
+        React.createElement("div", { style: {
+                width: 5,
+                height: '100%',
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                opacity: showBorder ? 1 : 0,
+                background: '#e9ecef',
+                cursor: 'col-resize'
+            }, onMouseEnter: onHover, onMouseLeave: onLeave, onMouseDown: onClickBorder }),
+        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));
+}

package/lib/AdjustableTable/AdjustableTable.d.ts

@@ -1,102 +1,102 @@
-import * as React from 'react';
-interface TableProps<T> {
-    /**
-     * List of T objects used to generate rows
-     */
-    Data: T[];
-    /**
-     * Callback when the user clicks on a data entry
-     * @param data contains the data including the columnKey
-     * @param event the onClick Event to allow propagation as needed
-     * @returns
-     */
-    OnClick?: (data: {
-        colKey: string;
-        colField?: keyof T;
-        row: T;
-        data: T[keyof T] | null;
-        index: number;
-    }, event: any) => void;
-    /**
-     * Key of the collumn to sort by
-     */
-    SortKey: string;
-    /**
-     * Boolen to indicate whether the sort is ascending or descending
-     */
-    Ascending: boolean;
-    /**
-     * Callback when the data should be sorted
-     * @param data the information of the collumn including the Key of the collumn
-     * @param event The onCLick event to allow Propagation as needed
-     */
-    OnSort(data: {
-        colKey: string;
-        colField?: keyof T;
-        ascending: boolean;
-    }, event: any): void;
-    /**
-     * Class of the table component
-     */
-    TableClass?: string;
-    /**
-     * style of the table component
-     */
-    TableStyle?: React.CSSProperties;
-    /**
-     * style of the thead component
-     */
-    TheadStyle?: React.CSSProperties;
-    /**
-     * Class of the thead component
-     */
-    TheadClass?: string;
-    /**
-     * style of the tbody component
-     */
-    TbodyStyle?: React.CSSProperties;
-    /**
-     * Class of the tbody component
-     */
-    TbodyClass?: string;
-    /**
-     * determines if a row should be styled as selected
-     * @param data the item to be checked
-     * @returns true if the row should be styled as selected
-     */
-    Selected?: (data: T, index: number) => boolean;
-    /**
-     *
-     * @param data he information of the row including the item of the row
-     * @param e the event triggering this
-     * @returns
-     */
-    OnDragStart?: (data: {
-        colKey: string;
-        colField?: keyof T;
-        row: T;
-        data: T[keyof T] | null;
-        index: number;
-    }, e: any) => void;
-    /**
-     * The default style for the tr element
-     */
-    RowStyle?: React.CSSProperties;
-    /**
-     * a Function that retrieves a unique key used for React key properties
-     * @param data the item to be turned into a key
-     * @returns a unique Key
-     */
-    KeySelector: (data: T, index?: number) => string | number;
-    /**
-     * Optional Element to display in the last row of the Table
-     * use this for displaying warnings when the Table content gets cut off
-     */
-    LastRow?: string | React.ReactNode;
-    /**
-     * Optional Element to display on upper Right corner
-     */
-    LastColumn?: string | React.ReactNode;
-}
-export default function AdjustableTable<T>(props: React.PropsWithChildren<TableProps<T>>): JSX.Element;
-export {};
+import * as React from 'react';
+interface TableProps<T> {
+    /**
+     * List of T objects used to generate rows
+     */
+    Data: T[];
+    /**
+     * Callback when the user clicks on a data entry
+     * @param data contains the data including the columnKey
+     * @param event the onClick Event to allow propagation as needed
+     * @returns
+     */
+    OnClick?: (data: {
+        colKey: string;
+        colField?: keyof T;
+        row: T;
+        data: T[keyof T] | null;
+        index: number;
+    }, event: any) => void;
+    /**
+     * Key of the collumn to sort by
+     */
+    SortKey: string;
+    /**
+     * Boolen to indicate whether the sort is ascending or descending
+     */
+    Ascending: boolean;
+    /**
+     * Callback when the data should be sorted
+     * @param data the information of the collumn including the Key of the collumn
+     * @param event The onCLick event to allow Propagation as needed
+     */
+    OnSort(data: {
+        colKey: string;
+        colField?: keyof T;
+        ascending: boolean;
+    }, event: any): void;
+    /**
+     * Class of the table component
+     */
+    TableClass?: string;
+    /**
+     * style of the table component
+     */
+    TableStyle?: React.CSSProperties;
+    /**
+     * style of the thead component
+     */
+    TheadStyle?: React.CSSProperties;
+    /**
+     * Class of the thead component
+     */
+    TheadClass?: string;
+    /**
+     * style of the tbody component
+     */
+    TbodyStyle?: React.CSSProperties;
+    /**
+     * Class of the tbody component
+     */
+    TbodyClass?: string;
+    /**
+     * determines if a row should be styled as selected
+     * @param data the item to be checked
+     * @returns true if the row should be styled as selected
+     */
+    Selected?: (data: T, index: number) => boolean;
+    /**
+     *
+     * @param data he information of the row including the item of the row
+     * @param e the event triggering this
+     * @returns
+     */
+    OnDragStart?: (data: {
+        colKey: string;
+        colField?: keyof T;
+        row: T;
+        data: T[keyof T] | null;
+        index: number;
+    }, e: any) => void;
+    /**
+     * The default style for the tr element
+     */
+    RowStyle?: React.CSSProperties;
+    /**
+     * a Function that retrieves a unique key used for React key properties
+     * @param data the item to be turned into a key
+     * @returns a unique Key
+     */
+    KeySelector: (data: T, index?: number) => string | number;
+    /**
+     * Optional Element to display in the last row of the Table
+     * use this for displaying warnings when the Table content gets cut off
+     */
+    LastRow?: string | React.ReactNode;
+    /**
+     * Optional Element to display on upper Right corner
+     */
+    LastColumn?: string | React.ReactNode;
+}
+export default function AdjustableTable<T>(props: React.PropsWithChildren<TableProps<T>>): JSX.Element;
+export {};