@hpcc-js/dgrid2 0.0.0 → 2.1.0

package/dist/index.js

@@ -4,9 +4,9 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@hpcc-js/dgrid2"] = {}, global["@hpcc-js/common"]));
 })(this, (function (exports, common) { 'use strict';
 
-    var PKG_NAME = "@hpcc-js/dgrid2";
-    var PKG_VERSION = "0.0.0";
-    var BUILD_VERSION = "2.102.11";
+    var PKG_NAME = "@hpcc-js/dgrid2";
+    var PKG_VERSION = "2.1.0";
+    var BUILD_VERSION = "2.103.0";
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -3140,118 +3140,118 @@
     var css_248z = ".dgrid2_Table .rdg{font-family:monospace,Courier New,Courier}.dgrid2_Table .rdg-checkbox-label .rdg-checkbox{block-size:16px;border-width:2px;box-shadow:inset 0 0 0 3px var(--rdg-background-color);inline-size:16px}";
     styleInject(css_248z);
 
-    function copyAndSort(items, attribute, descending) {
-        var key = attribute;
-        return __spreadArray([], items, true).sort(function (a, b) {
-            if (a[key] < b[key]) {
-                return descending ? 1 : -1;
-            }
-            else if (a[key] > b[key]) {
-                return descending ? -1 : 1;
-            }
-            return 0;
-        });
-    }
-    var ReactTable = function (_a) {
-        var columns = _a.columns, data = _a.data, onRowClickCallback = _a.onRowClickCallback, sort = _a.sort, _b = _a.darkMode, darkMode = _b === void 0 ? false : _b, _c = _a.multiSelect, multiSelect = _c === void 0 ? false : _c;
-        var _d = m([]), listColumns = _d[0], setListColumns = _d[1];
-        var _e = m(), sortColumn = _e[0], setSortColumn = _e[1];
-        var _f = m([]), items = _f[0], setItems = _f[1];
-        var _g = m(function () { return new Set(); }), selectedRows = _g[0], setSelectedRows = _g[1];
-        //  Columns  ---
-        y(function () {
-            setListColumns(__spreadArray(__spreadArray([], multiSelect ? [SelectColumn] : [], true), columns.map(function (column) { return ({
-                key: column,
-                name: column,
-                resizable: true,
-                sortable: true,
-                minWidth: 80,
-            }); }), true));
-        }, [columns, multiSelect]);
-        var onSortColumnsChange = A$1(function (sortColumns) {
-            var futureSortColumn = sortColumns.slice(-1)[0];
-            var sorted = futureSortColumn !== undefined;
-            var isSortedDescending = (futureSortColumn === null || futureSortColumn === void 0 ? void 0 : futureSortColumn.direction) === "DESC";
-            setSortColumn(futureSortColumn);
-            setItems(copyAndSort(items, sorted ? futureSortColumn.columnKey : "key", sorted ? isSortedDescending : false));
-        }, [items]);
-        var rowKeyGetter = A$1(function (row) {
-            return row.key;
-        }, []);
-        var onSelectedRowsChange = A$1(function (selectedRows) {
-            setSelectedRows(selectedRows);
-            onRowClickCallback(items.filter(function (row) { return selectedRows.has(rowKeyGetter(row)); }));
-        }, [items, onRowClickCallback, rowKeyGetter]);
-        var onRowClick = A$1(function (row, column) {
-            onRowClickCallback(items.filter(function (item) { return rowKeyGetter(item) === rowKeyGetter(row); }));
-        }, [items, onRowClickCallback, rowKeyGetter]);
-        //  Rows  ---
-        y(function () {
-            var items = data.map(function (row, index) {
-                var retVal = {
-                    key: index
-                };
-                columns.forEach(function (column, index) {
-                    retVal[column] = row[index];
-                });
-                return retVal;
-            });
-            if (sort === null || sort === void 0 ? void 0 : sort.attribute) {
-                items = copyAndSort(items, sort.attribute, sort.descending);
-            }
-            setItems(items);
-        }, [columns, data, sort]);
-        return e$1(DataGrid$1, { columns: listColumns, headerRowHeight: 24, rows: items, rowKeyGetter: rowKeyGetter, rowHeight: 20, className: darkMode ? "rdg-dark" : "rdg-light", sortColumns: sortColumn ? [sortColumn] : [], onSortColumnsChange: onSortColumnsChange, selectedRows: selectedRows, onSelectedRowsChange: multiSelect ? onSelectedRowsChange : undefined, onRowClick: multiSelect ? undefined : onRowClick, "aria-describedby": "", "aria-label": "", "aria-labelledby": "", style: { height: "100%" } });
-    };
-    var Table = /** @class */ (function (_super) {
-        __extends(Table, _super);
-        function Table() {
-            return _super.call(this) || this;
-        }
-        Table.prototype.renderTable = function () {
-            var _this = this;
-            return e$1(ReactTable, { columns: this.columns(), data: this.data(), darkMode: this.darkMode(), onRowClickCallback: function (row, column) {
-                    var _a;
-                    if (column === void 0) { column = ""; }
-                    if (_this._prevRow && JSON.stringify(_this._prevRow) !== JSON.stringify(row)) {
-                        _this.click(_this._prevRow, (_a = _this._prevColumn) !== null && _a !== void 0 ? _a : "", false);
-                    }
-                    if (row) {
-                        _this.click(row, column, true);
-                    }
-                    _this._prevRow = row;
-                    _this._prevColumn = column;
-                } });
-        };
-        Table.prototype.enter = function (domNode, element) {
-            _super.prototype.enter.call(this, domNode, element);
-            this._div = element
-                .append("div");
-        };
-        Table.prototype.update = function (domNode, element) {
-            _super.prototype.update.call(this, domNode, element);
-            this._div.style("width", this.width() + "px");
-            this._div.style("height", this.height() + "px");
-            B(this.renderTable(), this._div.node());
-        };
-        Table.prototype.exit = function (domNode, element) {
-            un(this._div.node());
-            this._div.remove();
-            _super.prototype.exit.call(this, domNode, element);
-        };
-        //  Events  ---
-        Table.prototype.click = function (row, col, sel) {
-        };
-        __decorate([
-            common.publish(false, "boolean", "Dark Mode"),
-            __metadata("design:type", Function)
-        ], Table.prototype, "darkMode", void 0);
-        __decorate([
-            common.publish(false, "boolean", "Multiple Selection"),
-            __metadata("design:type", Function)
-        ], Table.prototype, "multiSelect", void 0);
-        return Table;
-    }(common.HTMLWidget));
+    function copyAndSort(items, attribute, descending) {
+        var key = attribute;
+        return __spreadArray([], items, true).sort(function (a, b) {
+            if (a[key] < b[key]) {
+                return descending ? 1 : -1;
+            }
+            else if (a[key] > b[key]) {
+                return descending ? -1 : 1;
+            }
+            return 0;
+        });
+    }
+    var ReactTable = function (_a) {
+        var columns = _a.columns, data = _a.data, onRowClickCallback = _a.onRowClickCallback, sort = _a.sort, _b = _a.darkMode, darkMode = _b === void 0 ? false : _b, _c = _a.multiSelect, multiSelect = _c === void 0 ? false : _c;
+        var _d = m([]), listColumns = _d[0], setListColumns = _d[1];
+        var _e = m(), sortColumn = _e[0], setSortColumn = _e[1];
+        var _f = m([]), items = _f[0], setItems = _f[1];
+        var _g = m(function () { return new Set(); }), selectedRows = _g[0], setSelectedRows = _g[1];
+        //  Columns  ---
+        y(function () {
+            setListColumns(__spreadArray(__spreadArray([], multiSelect ? [SelectColumn] : [], true), columns.map(function (column) { return ({
+                key: column,
+                name: column,
+                resizable: true,
+                sortable: true,
+                minWidth: 80,
+            }); }), true));
+        }, [columns, multiSelect]);
+        var onSortColumnsChange = A$1(function (sortColumns) {
+            var futureSortColumn = sortColumns.slice(-1)[0];
+            var sorted = futureSortColumn !== undefined;
+            var isSortedDescending = (futureSortColumn === null || futureSortColumn === void 0 ? void 0 : futureSortColumn.direction) === "DESC";
+            setSortColumn(futureSortColumn);
+            setItems(copyAndSort(items, sorted ? futureSortColumn.columnKey : "key", sorted ? isSortedDescending : false));
+        }, [items]);
+        var rowKeyGetter = A$1(function (row) {
+            return row.key;
+        }, []);
+        var onSelectedRowsChange = A$1(function (selectedRows) {
+            setSelectedRows(selectedRows);
+            onRowClickCallback(items.filter(function (row) { return selectedRows.has(rowKeyGetter(row)); }));
+        }, [items, onRowClickCallback, rowKeyGetter]);
+        var onRowClick = A$1(function (row, column) {
+            onRowClickCallback(items.filter(function (item) { return rowKeyGetter(item) === rowKeyGetter(row); }));
+        }, [items, onRowClickCallback, rowKeyGetter]);
+        //  Rows  ---
+        y(function () {
+            var items = data.map(function (row, index) {
+                var retVal = {
+                    key: index
+                };
+                columns.forEach(function (column, index) {
+                    retVal[column] = row[index];
+                });
+                return retVal;
+            });
+            if (sort === null || sort === void 0 ? void 0 : sort.attribute) {
+                items = copyAndSort(items, sort.attribute, sort.descending);
+            }
+            setItems(items);
+        }, [columns, data, sort]);
+        return e$1(DataGrid$1, { columns: listColumns, headerRowHeight: 24, rows: items, rowKeyGetter: rowKeyGetter, rowHeight: 20, className: darkMode ? "rdg-dark" : "rdg-light", sortColumns: sortColumn ? [sortColumn] : [], onSortColumnsChange: onSortColumnsChange, selectedRows: selectedRows, onSelectedRowsChange: multiSelect ? onSelectedRowsChange : undefined, onRowClick: multiSelect ? undefined : onRowClick, "aria-describedby": "", "aria-label": "", "aria-labelledby": "", style: { height: "100%" } });
+    };
+    var Table = /** @class */ (function (_super) {
+        __extends(Table, _super);
+        function Table() {
+            return _super.call(this) || this;
+        }
+        Table.prototype.renderTable = function () {
+            var _this = this;
+            return e$1(ReactTable, { columns: this.columns(), data: this.data(), darkMode: this.darkMode(), onRowClickCallback: function (row, column) {
+                    var _a;
+                    if (column === void 0) { column = ""; }
+                    if (_this._prevRow && JSON.stringify(_this._prevRow) !== JSON.stringify(row)) {
+                        _this.click(_this._prevRow, (_a = _this._prevColumn) !== null && _a !== void 0 ? _a : "", false);
+                    }
+                    if (row) {
+                        _this.click(row, column, true);
+                    }
+                    _this._prevRow = row;
+                    _this._prevColumn = column;
+                } });
+        };
+        Table.prototype.enter = function (domNode, element) {
+            _super.prototype.enter.call(this, domNode, element);
+            this._div = element
+                .append("div");
+        };
+        Table.prototype.update = function (domNode, element) {
+            _super.prototype.update.call(this, domNode, element);
+            this._div.style("width", this.width() + "px");
+            this._div.style("height", this.height() + "px");
+            B(this.renderTable(), this._div.node());
+        };
+        Table.prototype.exit = function (domNode, element) {
+            un(this._div.node());
+            this._div.remove();
+            _super.prototype.exit.call(this, domNode, element);
+        };
+        //  Events  ---
+        Table.prototype.click = function (row, col, sel) {
+        };
+        __decorate([
+            common.publish(false, "boolean", "Dark Mode"),
+            __metadata("design:type", Function)
+        ], Table.prototype, "darkMode", void 0);
+        __decorate([
+            common.publish(false, "boolean", "Multiple Selection"),
+            __metadata("design:type", Function)
+        ], Table.prototype, "multiSelect", void 0);
+        return Table;
+    }(common.HTMLWidget));
     Table.prototype._class += " dgrid2_Table";
 
     exports.BUILD_VERSION = BUILD_VERSION;