@gpa-gemstone/react-table 1.2.64 → 1.2.66

package/lib/ConfigurableTable/ConfigurableTable.d.ts

@@ -17,10 +17,6 @@ interface ITableProps<T> extends ReactTableProps.ITable<T> {
     * The key used to store columns in local storage
     */
     LocalStorageKey?: string;
-    /**
-     * Optional flag to show helper alert for configuring table columns
-    */
-    ShowColumnHelper?: boolean;
 }
 /**
 * Table with modal to show and hide columns

package/lib/ConfigurableTable/ConfigurableTable.js

@@ -35,7 +35,6 @@ const ConfigurableColumn_1 = require("./ConfigurableColumn");
 * Table with modal to show and hide columns
 */
 function ConfigurableTable(props) {
-    var _a;
     const getKeyMappings = () => {
         const u = new Map();
         React.Children.forEach(props.children, (element) => {
@@ -60,7 +59,6 @@ function ConfigurableTable(props) {
     const [hover, setHover] = React.useState(false);
     const [guid] = React.useState((0, helper_functions_1.CreateGuid)());
     const [widthDisabledAdd, setWidthDisabledAdd] = React.useState(false);
-    const [showHelperAlert, setShowHelperAlert] = React.useState(true);
     const handleReduceWidthCallback = React.useCallback((hiddenKeys) => {
         if (hiddenKeys.length !== 0) {
             setWidthDisabledAdd(true);
@@ -127,8 +125,7 @@ function ConfigurableTable(props) {
         return ((_a = c === null || c === void 0 ? void 0 : c.Default) !== null && _a !== void 0 ? _a : false) || isSort || isLocal;
     }
     return (React.createElement(React.Fragment, null,
-        ((_a = props.ShowColumnHelper) !== null && _a !== void 0 ? _a : false) ? React.createElement(react_interactive_1.Alert, { AlertColor: "alert-info", Show: showHelperAlert, SetShow: setShowHelperAlert }, "Use the gear at the far right of the header row to choose columns to show or hide.") : null,
-        React.createElement(Table_1.Table, Object.assign({}, props, { LastColumn: React.createElement("div", { style: { marginLeft: -5, marginBottom: 12 }, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), id: guid + '-tooltip', onClick: () => setShowSettings(true) },
+        React.createElement(Table_1.Table, Object.assign({}, props, { LastColumn: React.createElement("div", { style: { marginLeft: -5, marginBottom: 12, cursor: 'pointer' }, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), id: guid + '-tooltip', onClick: () => setShowSettings(true) },
                 React.createElement(gpa_symbols_1.ReactIcons.Settings, null)), ReduceWidthCallback: handleReduceWidthCallback }), React.Children.map(props.children, (element) => {
             var _a, _b;
             if (!React.isValidElement(element))
@@ -137,7 +134,7 @@ function ConfigurableTable(props) {
                 return ((_b = (_a = columns.get(element.props.Key)) === null || _a === void 0 ? void 0 : _a.Enabled) !== null && _b !== void 0 ? _b : false) ? element.props.children : null;
             return element;
         })),
-        React.createElement(react_interactive_1.ToolTip, { Show: hover, Position: 'bottom', Target: guid + '-tooltip', Zindex: 99999 },
+        React.createElement(react_forms_1.ToolTip, { Show: hover, Position: 'bottom', Target: guid + '-tooltip', Zindex: 99999 },
             React.createElement("p", null, "Change Columns")),
         props.SettingsPortal === undefined ? (React.createElement(react_interactive_1.Modal, { Title: 'Table Columns', Show: showSettings, ShowX: true, ShowCancel: false, ZIndex: props.ModalZIndex, CallBack: (conf) => {
                 setShowSettings(false);
@@ -188,5 +185,7 @@ function ColumnSelection(props) {
             React.createElement("div", { className: "col-4" }, props.columns.map((c, i) => i % 3 == 2 ? (React.createElement(react_forms_1.CheckBox, { Label: c.Label, Field: 'Enabled', Record: c, Setter: () => props.onChange(c.Key), key: c.Key, Disabled: c.Key == props.sortKey || (props.disableAdd && !c.Enabled), Help: c.Key == props.sortKey
                     ? 'The Table is currently sorted by this column so it cannot be hidden.'
                     : undefined })) : null))),
-        props.disableAdd ? (React.createElement(react_interactive_1.Alert, { AlertColor: 'alert-primary', Style: { marginBottom: 0, marginTop: '0.5em' }, Show: showAlert, SetShow: setShowAlert }, "Additional columns disabled due to table size.")) : null));
+        props.disableAdd ?
+            React.createElement(react_interactive_1.Alert, { Color: 'alert-primary', Style: { marginBottom: 0, marginTop: '0.5em' } }, "Additional columns disabled due to table size.")
+            : null));
 }

package/lib/Table/Table.js

@@ -260,7 +260,7 @@ function Table(props) {
             props.OnSort(data, event);
     }, [props.OnSort]);
     return (React.createElement("table", { className: props.TableClass !== undefined ? props.TableClass : 'table table-hover', style: tableStyle },
-        React.createElement(Header, { Class: props.TheadClass, Style: headStyle, SortKey: props.SortKey, Ascending: props.Ascending, LastColumn: props.LastColumn, OnSort: handleSort, ColWidths: colWidthsRef, Trigger: trigger, TriggerRerender: () => setTrigger(c => c + 1) }, props.children),
+        React.createElement(Header, { Class: props.TheadClass, Style: headStyle, SortKey: props.SortKey, Ascending: props.Ascending, LastColumn: props.LastColumn, OnSort: handleSort, ColWidths: colWidthsRef, SetFilters: props.SetFilters, Filters: props.Filters, Trigger: trigger, TriggerRerender: () => setTrigger(c => c + 1) }, props.children),
         React.createElement(Rows, { DragStart: props.OnDragStart, Data: props.Data, RowStyle: rowStyle, BodyStyle: bodyStyle, BodyClass: props.TbodyClass, OnClick: props.OnClick, Selected: props.Selected, KeySelector: props.KeySelector, BodyRef: bodyRef, BodyScrolled: scrolled, ColWidths: colWidthsRef, Trigger: trigger }, 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));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-table",
-  "version": "1.2.64",
+  "version": "1.2.66",
   "description": "Table for GPA web applications",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -43,9 +43,9 @@
     "typescript": "5.5.3"
   },
   "dependencies":   {
-    "@gpa-gemstone/gpa-symbols": "0.0.47",
+    "@gpa-gemstone/gpa-symbols": "0.0.48",
     "@gpa-gemstone/helper-functions": "0.0.37",
-    "@gpa-gemstone/react-interactive": "1.0.142",
+    "@gpa-gemstone/react-interactive": "1.0.144",
     "@types/lodash": "^4.14.171",
     "@types/react": "^17.0.14",
     "lodash": "^4.17.21",