@wavemaker/app-ng-runtime 11.10.1-rc.6054 → 11.10.2-rc.6065

package/components/data/table/table-row/table-row.directive.d.ts

@@ -10,7 +10,9 @@ export declare class TableRowDirective extends BaseComponent implements OnInit {
     closeothers: any;
     content: any;
     expandicon: any;
+    expandtitle: any;
     collapseicon: any;
+    collapsetitle: any;
     height: any;
     position: any;
     constructor(inj: Injector, table: TableComponent, explicitContext: any);

package/core/bundles/index.umd.js

@@ -1557,9 +1557,9 @@
        }
    }
 
-   const isDef = v => v !== undefined;
-   const ifDef = (v, d) => v === undefined ? d : v;
-   const plus = (a, b) => undefined === a ? b : undefined === b ? a : a + b;
+   const isDef = v => v !== void 0;
+   const ifDef = (v, d) => v === void 0 ? d : v;
+   const plus = (a, b) => void 0 === a ? b : void 0 === b ? a : a + b;
    const minus = (a, b) => ifDef(a, 0) - ifDef(b, 0);
    const noop$1 = () => { };
    const exprFnCache = new Map();

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
     "name": "@wavemaker/app-ng-runtime",
-    "version": "11.10.1-rc.6054",
+    "version": "11.10.2-rc.6065",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@wavemaker/app-ng-runtime",
-            "version": "11.10.1-rc.6054",
+            "version": "11.10.2-rc.6065",
             "license": "MIT",
             "engines": {
                 "node": ">=18.16.1",

package/package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "@wavemaker/app-ng-runtime",
-    "version": "11.10.1-rc.6054",
+    "version": "11.10.2-rc.6065",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@wavemaker/app-ng-runtime",
-            "version": "11.10.1-rc.6054",
+            "version": "11.10.2-rc.6065",
             "license": "MIT",
             "engines": {
                 "node": ">=18.16.1",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wavemaker/app-ng-runtime",
-    "version": "11.10.1-rc.6054",
+    "version": "11.10.2-rc.6065",
     "description": "All modules required for a WaveMaker application.",
     "main": "index.js",
     "scripts": {

package/scripts/datatable/datatable.js

@@ -650,12 +650,20 @@ $.widget('wm.datatable', {
     _getCheckbox: function (labelClass = '', chkBoxName = '', checked = '', disabled = '') {
         return `<div class="app-checkbox checkbox">
         <label class="${labelClass}">
+            <span class="sr-only" aria-live="assertive">${this._getCheckboxLabel(chkBoxName)}</span>
             <input type="checkbox" name="${chkBoxName}" ${checked} ${disabled} role="checkbox">
             <span class="caption"></span>
         </label>
     </div>`
     },
 
+    _getCheckboxLabel: function (chkBoxName) {
+        if (chkBoxName) { // it is a row
+            return 'Select row';
+        } else {
+            return 'Select all rows';
+        }
+    },
     /* Returns the radio template. */
     _getRadioTemplate: function (row) {
         var checked = row._checked === true ? ' checked' : '',
@@ -1649,6 +1657,7 @@ $.widget('wm.datatable', {
         if (this.options.multiselect) {
             $checkbox = $row.find('td input[name="gridMultiSelect"]:checkbox:not(:disabled)');
             $checkbox.prop('checked', selected);
+            $checkbox.siblings('span.sr-only').text(selected ? 'Row Selected' : 'Row Deselected');
             this.preparedData[rowId]._checked = selected;
             // if we check header checkbox(select/unselect all the records) then updating selectAll checkbox state is not required.
             if (!isSelectAll) {
@@ -2748,6 +2757,11 @@ $.widget('wm.datatable', {
         var colId = column.attr('data-col-id');
         return colId;
     },
+    keydownHandler: function(event) {
+        if (event && event.key === 'Enter') {
+            this.sortHandler(event);
+        }
+    },
     /* Attaches all event handlers for the table. */
     attachEventHandlers: function ($htm) {
         var $header = this.gridHeaderElement,
@@ -2776,9 +2790,13 @@ $.widget('wm.datatable', {
                 if (this.options.enableColumnSelection) {
                     $header.find('th[data-col-sortable] .header-data').off('click', this.sortHandler.bind(this));
                     $header.find('th[data-col-sortable] .header-data').on('click', this.sortHandler.bind(this));
+                    $header.find('th[data-col-sortable]').off('keydown', this.keydownHandler.bind(this));
+                    $header.find('th[data-col-sortable]').on('keydown', this.keydownHandler.bind(this));
                 } else {
                     $header.find('th[data-col-sortable]').off('click', this.sortHandler.bind(this));
                     $header.find('th[data-col-sortable]').on('click', this.sortHandler.bind(this));
+                    $header.find('th[data-col-sortable]').off('keydown', this.keydownHandler.bind(this));
+                    $header.find('th[data-col-sortable]').on('keydown', this.keydownHandler.bind(this));
                 }
             } else {
                 if (this.options.enableColumnSelection) {
@@ -2900,6 +2918,7 @@ $.widget('wm.datatable', {
         }
         if (isClosed) {
             $row.addClass(self.options.cssClassNames.expandedRowClass);
+            $row.find( 'button, a').attr('title', self.options.rowDef.collapsetitle);
             $row.find( 'button, a').attr('aria-expanded', 'true');
             if (e && self.preparedData[rowId]._selected) {
                 e.stopPropagation();
@@ -2922,6 +2941,7 @@ $.widget('wm.datatable', {
                     $nextDetailRow.show();
                 });
         } else {
+            $row.find( 'button, a').attr('title', self.options.rowDef.expandtitle);
             self._collapseRow(e, rowData, rowId, $nextDetailRow, $icon);
         }
     },
@@ -3046,7 +3066,9 @@ $.widget('wm.datatable', {
 
         function toggleSelectAll(e) {
             var $checkboxes = $('tr.app-datagrid-row:not(.always-new-row):visible td input[name="gridMultiSelect"]:checkbox', self.gridElement),
-                checked = this.checked;
+                checked = this.checked,
+                $headerCheckbox = self.gridHeaderElement.find("th.app-datagrid-header-cell input:checkbox");
+            $headerCheckbox.siblings('span.sr-only').text(checked ? 'All Rows Selected' : 'All Rows Deselected');
             $checkboxes.prop('checked', checked);
             $checkboxes.each(function () {
                 var $row = $(this).closest('tr.app-datagrid-row'),