dattatable 2.11.48 → 2.11.50

package/build/dashboard/table.js

@@ -60,27 +60,35 @@ var DataTable = /** @class */ (function () {
     }
     // Adds a row to the table
     DataTable.prototype.addRow = function (row) {
+        var _a;
         // See if this is an array
         if (row && typeof (row.length) === "number") {
             // Add the row
-            var dtRows = this._datatable.row.add(row).draw(false).node();
+            this._datatable.row.add(row).draw(false);
         }
         else {
             var newRow = [];
+            var events = {};
             // Parse the columns
             for (var i = 0; i < this._props.columns.length; i++) {
                 var column = this._props.columns[i];
                 var value = typeof (row[column.name]) != "undefined" ? row[column.name] : "";
+                // See if there is an event
+                if (column.onRenderCell) {
+                    events[i] = column.onRenderCell;
+                }
                 // Append the value
                 newRow.push(value);
             }
             // Add the row
-            var dtRow = this._datatable.row.add(newRow).draw(false).node();
+            var dtRow = this._datatable.row.add(newRow).draw(false);
             // Parse the columns
             for (var i = 0; i < this._props.columns.length; i++) {
-                var column = this._props.columns[i];
-                if (column.onRenderCell) {
-                    column.onRenderCell(dtRow, column, newRow);
+                // See if there is an event
+                if (events[i]) {
+                    // Call the event
+                    var el = (_a = dtRow.node()) === null || _a === void 0 ? void 0 : _a.children[i];
+                    el ? events[i](el, this._props.columns[i], row, el.rowIdx) : null;
                 }
             }
         }

package/dist/dattatable.js

@@ -247,7 +247,7 @@ eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\n
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.DataTable = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.15.21_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n// DataTables.net\r\nvar $ = __webpack_require__(/*! jquery */ \"./node_modules/.pnpm/jquery@3.7.1/node_modules/jquery/dist/jquery.min.js\");\r\n__webpack_require__(/*! datatables.net */ \"./node_modules/.pnpm/datatables.net@2.3.4/node_modules/datatables.net/js/dataTables.min.js\");\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@2.3.4/node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js\");\r\n/**\r\n * Data Table\r\n */\r\nvar DataTable = /** @class */ (function () {\r\n    // Constructor\r\n    function DataTable(props) {\r\n        this._datatable = null;\r\n        this._props = null;\r\n        this._table = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Set the default properties\r\n        this._props.dtProps = this._props.dtProps || {\r\n            drawCallback: function (settings) {\r\n                var api = new $.fn.dataTable.Api(settings);\r\n                // Styling option for striped rows\r\n                $(api.context[0].nTable).addClass('table-striped');\r\n                // Align the text to be centered\r\n                $(api.context[0].nTableWrapper).find('.dt-info').parent().removeClass('col-md d-md-flex justify-content-between align-items-center');\r\n                $(api.context[0].nTableWrapper).find('.dt-info').addClass('text-center');\r\n                // Remove the label spacing to align with paging\r\n                $(api.context[0].nTableWrapper).find('.dt-length label').addClass('d-none');\r\n                // Push paging to the end\r\n                $(api.context[0].nTableWrapper).find('.dt-paging').addClass('d-flex justify-content-end mx-0 px-0');\r\n                // Add spacing for the footer\r\n                $(api.context[0].nTableWrapper).find('.row:last-child').addClass('mb-1');\r\n            },\r\n            language: {\r\n                lengthMenu: \"_MENU_\",\r\n                paginate: {\r\n                    first: \"First\",\r\n                    last: \"Last\",\r\n                    next: \"Next\",\r\n                    previous: \"Previous\"\r\n                }\r\n            },\r\n            layout: {\r\n                top: null,\r\n                topStart: null,\r\n                topEnd: null,\r\n                bottom: \"info\",\r\n                bottomStart: \"pageLength\",\r\n                bottomEnd: {\r\n                    paging: {\r\n                        type: \"full_numbers\"\r\n                    }\r\n                }\r\n            }\r\n        };\r\n        // Render the table\r\n        this.refresh(props.rows);\r\n    }\r\n    // Adds a row to the table\r\n    DataTable.prototype.addRow = function (row) {\r\n        // See if this is an array\r\n        if (row && typeof (row.length) === \"number\") {\r\n            // Add the row\r\n            var dtRows = this._datatable.row.add(row).draw(false).node();\r\n        }\r\n        else {\r\n            var newRow = [];\r\n            // Parse the columns\r\n            for (var i = 0; i < this._props.columns.length; i++) {\r\n                var column = this._props.columns[i];\r\n                var value = typeof (row[column.name]) != \"undefined\" ? row[column.name] : \"\";\r\n                // Append the value\r\n                newRow.push(value);\r\n            }\r\n            // Add the row\r\n            var dtRow = this._datatable.row.add(newRow).draw(false).node();\r\n            // Parse the columns\r\n            for (var i = 0; i < this._props.columns.length; i++) {\r\n                var column = this._props.columns[i];\r\n                if (column.onRenderCell) {\r\n                    column.onRenderCell(dtRow, column, newRow);\r\n                }\r\n            }\r\n        }\r\n    };\r\n    // Applies the datatables.net plugin\r\n    DataTable.prototype.applyPlugin = function (table) {\r\n        var _this = this;\r\n        // Call the rendering event\r\n        this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;\r\n        // Render the datatable\r\n        this._datatable = $(table.el).DataTable(this._props.dtProps);\r\n        // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n        setTimeout(function () {\r\n            _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;\r\n        }, 50);\r\n    };\r\n    Object.defineProperty(DataTable.prototype, \"datatable\", {\r\n        /** Public Interface */\r\n        // Datatables.net object\r\n        get: function () { return this._datatable; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(DataTable.prototype, \"el\", {\r\n        // The data table element\r\n        get: function () { return this._props.el; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Filters the status\r\n    DataTable.prototype.filter = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&'), true, false).draw();\r\n    };\r\n    // Filters the status\r\n    DataTable.prototype.filterExact = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(\"^\" + value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&') + \"$\", true, false).draw();\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMulti = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this.filter(idx, values.join('|'));\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMultiExact = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this._datatable.column(idx).search(\"^(\" + values.join('|') + \")$\", true, false).draw();\r\n    };\r\n    // Method to reload the data\r\n    DataTable.prototype.refresh = function (rows) {\r\n        if (rows === void 0) { rows = []; }\r\n        // See if the datatable exists\r\n        if (this._datatable != null) {\r\n            // Clear the datatable\r\n            this._datatable.clear();\r\n            this._datatable.destroy();\r\n            this._datatable = null;\r\n        }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the data table\r\n        this._table = gd_sprest_bs_1.Components.Table({\r\n            className: this._props.className,\r\n            el: this._props.el,\r\n            rows: rows,\r\n            columns: this._props.columns\r\n        });\r\n        // Apply the plugin\r\n        this.applyPlugin(this._table);\r\n    };\r\n    // Searches the datatable\r\n    DataTable.prototype.search = function (value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Search the table\r\n        this._datatable.search(value).draw();\r\n    };\r\n    // Updates a cell in the datatable\r\n    DataTable.prototype.updateCell = function (row, column, value) {\r\n        // Update the cell\r\n        this._datatable.cell({ row: row, column: column }).data(value).draw(false);\r\n    };\r\n    return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?");
+eval("\r\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\r\nexports.DataTable = void 0;\r\nvar gd_sprest_bs_1 = __webpack_require__(/*! gd-sprest-bs */ \"./node_modules/.pnpm/gd-sprest-bs@10.15.21_@popperjs+core@2.11.8/node_modules/gd-sprest-bs/build/index.js\");\r\n// DataTables.net\r\nvar $ = __webpack_require__(/*! jquery */ \"./node_modules/.pnpm/jquery@3.7.1/node_modules/jquery/dist/jquery.min.js\");\r\n__webpack_require__(/*! datatables.net */ \"./node_modules/.pnpm/datatables.net@2.3.4/node_modules/datatables.net/js/dataTables.min.js\");\r\n__webpack_require__(/*! datatables.net-bs5 */ \"./node_modules/.pnpm/datatables.net-bs5@2.3.4/node_modules/datatables.net-bs5/js/dataTables.bootstrap5.min.js\");\r\n/**\r\n * Data Table\r\n */\r\nvar DataTable = /** @class */ (function () {\r\n    // Constructor\r\n    function DataTable(props) {\r\n        this._datatable = null;\r\n        this._props = null;\r\n        this._table = null;\r\n        // Save the properties\r\n        this._props = props;\r\n        // Set the default properties\r\n        this._props.dtProps = this._props.dtProps || {\r\n            drawCallback: function (settings) {\r\n                var api = new $.fn.dataTable.Api(settings);\r\n                // Styling option for striped rows\r\n                $(api.context[0].nTable).addClass('table-striped');\r\n                // Align the text to be centered\r\n                $(api.context[0].nTableWrapper).find('.dt-info').parent().removeClass('col-md d-md-flex justify-content-between align-items-center');\r\n                $(api.context[0].nTableWrapper).find('.dt-info').addClass('text-center');\r\n                // Remove the label spacing to align with paging\r\n                $(api.context[0].nTableWrapper).find('.dt-length label').addClass('d-none');\r\n                // Push paging to the end\r\n                $(api.context[0].nTableWrapper).find('.dt-paging').addClass('d-flex justify-content-end mx-0 px-0');\r\n                // Add spacing for the footer\r\n                $(api.context[0].nTableWrapper).find('.row:last-child').addClass('mb-1');\r\n            },\r\n            language: {\r\n                lengthMenu: \"_MENU_\",\r\n                paginate: {\r\n                    first: \"First\",\r\n                    last: \"Last\",\r\n                    next: \"Next\",\r\n                    previous: \"Previous\"\r\n                }\r\n            },\r\n            layout: {\r\n                top: null,\r\n                topStart: null,\r\n                topEnd: null,\r\n                bottom: \"info\",\r\n                bottomStart: \"pageLength\",\r\n                bottomEnd: {\r\n                    paging: {\r\n                        type: \"full_numbers\"\r\n                    }\r\n                }\r\n            }\r\n        };\r\n        // Render the table\r\n        this.refresh(props.rows);\r\n    }\r\n    // Adds a row to the table\r\n    DataTable.prototype.addRow = function (row) {\r\n        var _a;\r\n        // See if this is an array\r\n        if (row && typeof (row.length) === \"number\") {\r\n            // Add the row\r\n            this._datatable.row.add(row).draw(false);\r\n        }\r\n        else {\r\n            var newRow = [];\r\n            var events = {};\r\n            // Parse the columns\r\n            for (var i = 0; i < this._props.columns.length; i++) {\r\n                var column = this._props.columns[i];\r\n                var value = typeof (row[column.name]) != \"undefined\" ? row[column.name] : \"\";\r\n                // See if there is an event\r\n                if (column.onRenderCell) {\r\n                    events[i] = column.onRenderCell;\r\n                }\r\n                // Append the value\r\n                newRow.push(value);\r\n            }\r\n            // Add the row\r\n            var dtRow = this._datatable.row.add(newRow).draw(false);\r\n            // Parse the columns\r\n            for (var i = 0; i < this._props.columns.length; i++) {\r\n                // See if there is an event\r\n                if (events[i]) {\r\n                    // Call the event\r\n                    var el = (_a = dtRow.node()) === null || _a === void 0 ? void 0 : _a.children[i];\r\n                    el ? events[i](el, this._props.columns[i], row, el.rowIdx) : null;\r\n                }\r\n            }\r\n        }\r\n    };\r\n    // Applies the datatables.net plugin\r\n    DataTable.prototype.applyPlugin = function (table) {\r\n        var _this = this;\r\n        // Call the rendering event\r\n        this._props.dtProps = this._props.onRendering ? this._props.onRendering(this._props.dtProps) : this._props.dtProps;\r\n        // Render the datatable\r\n        this._datatable = $(table.el).DataTable(this._props.dtProps);\r\n        // Call the rendered event in a separate thread to ensure the dashboard object is created\r\n        setTimeout(function () {\r\n            _this._props.onRendered ? _this._props.onRendered(_this._props.el, _this._datatable) : null;\r\n        }, 50);\r\n    };\r\n    Object.defineProperty(DataTable.prototype, \"datatable\", {\r\n        /** Public Interface */\r\n        // Datatables.net object\r\n        get: function () { return this._datatable; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    Object.defineProperty(DataTable.prototype, \"el\", {\r\n        // The data table element\r\n        get: function () { return this._props.el; },\r\n        enumerable: false,\r\n        configurable: true\r\n    });\r\n    // Filters the status\r\n    DataTable.prototype.filter = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&'), true, false).draw();\r\n    };\r\n    // Filters the status\r\n    DataTable.prototype.filterExact = function (idx, value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Set the filter\r\n        this._datatable.column(idx).search(\"^\" + value.replace(/[-[/\\]{}()*+?.,\\\\^$#\\s]/g, '\\\\$&') + \"$\", true, false).draw();\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMulti = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this.filter(idx, values.join('|'));\r\n    };\r\n    // Filters multiple values against the status\r\n    DataTable.prototype.filterMultiExact = function (idx, values) {\r\n        if (values === void 0) { values = []; }\r\n        // Parse the values\r\n        for (var i = 0; i < values.length; i++) {\r\n            // Update the value\r\n            values[i] = values[i].replace(/\\|/g, '\\\\$&');\r\n        }\r\n        // Filter the values\r\n        this._datatable.column(idx).search(\"^(\" + values.join('|') + \")$\", true, false).draw();\r\n    };\r\n    // Method to reload the data\r\n    DataTable.prototype.refresh = function (rows) {\r\n        if (rows === void 0) { rows = []; }\r\n        // See if the datatable exists\r\n        if (this._datatable != null) {\r\n            // Clear the datatable\r\n            this._datatable.clear();\r\n            this._datatable.destroy();\r\n            this._datatable = null;\r\n        }\r\n        // Clear the datatable element\r\n        while (this._props.el.firstChild) {\r\n            this._props.el.removeChild(this._props.el.firstChild);\r\n        }\r\n        // Render the data table\r\n        this._table = gd_sprest_bs_1.Components.Table({\r\n            className: this._props.className,\r\n            el: this._props.el,\r\n            rows: rows,\r\n            columns: this._props.columns\r\n        });\r\n        // Apply the plugin\r\n        this.applyPlugin(this._table);\r\n    };\r\n    // Searches the datatable\r\n    DataTable.prototype.search = function (value) {\r\n        if (value === void 0) { value = \"\"; }\r\n        // Search the table\r\n        this._datatable.search(value).draw();\r\n    };\r\n    // Updates a cell in the datatable\r\n    DataTable.prototype.updateCell = function (row, column, value) {\r\n        // Update the cell\r\n        this._datatable.cell({ row: row, column: column }).data(value).draw(false);\r\n    };\r\n    return DataTable;\r\n}());\r\nexports.DataTable = DataTable;\r\n\n\n//# sourceURL=webpack://dattatable/./build/dashboard/table.js?");
 
 /***/ }),