novo-elements 5.11.0 → 5.13.1

package/fesm2015/novo-elements.js

@@ -3011,6 +3011,7 @@ class NovoLabelService {
         this.noItems = 'There are no items';
         this.dateFormat = 'MM/dd/yyyy';
         this.dateFormatPlaceholder = 'MM/DD/YYYY';
+        this.localDatePlaceholder = 'mm/dd/yyyy';
         this.timeFormatPlaceholderAM = 'hh:mm AM';
         this.timeFormatPlaceholder24Hour = 'HH:mm';
         this.timeFormatAM = 'AM';
@@ -3058,6 +3059,9 @@ class NovoLabelService {
     dateFormatString() {
         return this.dateFormat;
     }
+    localizedDatePlaceholder() {
+        return this.localDatePlaceholder;
+    }
     tabbedGroupClearSuggestion(tabLabelPlural) {
         return `Clear your search to see all ${tabLabelPlural}.`;
     }
@@ -8327,8 +8331,10 @@ class NovoDataTable {
         this.templates = {};
         this.fixedHeader = false;
         this.maxSelected = undefined;
+        this.canSelectAll = false;
         this._hideGlobalSearch = true;
         this.preferencesChanged = new EventEmitter();
+        this.allSelected = new EventEmitter();
         this.loading = true;
         this.columnToTemplate = {};
         this.columnsLoaded = false;
@@ -8614,6 +8620,10 @@ class NovoDataTable {
         this.state.onSelectionChange();
     }
     allCurrentRowsSelected() {
+        var _a, _b;
+        if (!((_b = (_a = this.dataSource) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)) {
+            return false;
+        }
         for (let i = 0; i < (this.dataSource.data || []).length; i++) {
             if (!this.isSelected((this.dataSource.data || [])[i])) {
                 return false;
@@ -8773,7 +8783,7 @@ NovoDataTable.decorators = [
           [hidden]="dataSource?.totallyEmpty && !state.userFiltered"
         >
           <ng-container cdkColumnDef="selection">
-            <novo-data-table-checkbox-header-cell *cdkHeaderCellDef [maxSelected]="maxSelected"></novo-data-table-checkbox-header-cell>
+            <novo-data-table-checkbox-header-cell *cdkHeaderCellDef [maxSelected]="maxSelected" [canSelectAll]="canSelectAll"></novo-data-table-checkbox-header-cell>
             <novo-data-table-checkbox-cell *cdkCellDef="let row; let i = index" [row]="row" [maxSelected]="maxSelected"></novo-data-table-checkbox-cell>
           </ng-container>
           <ng-container cdkColumnDef="expand">
@@ -8956,6 +8966,7 @@ NovoDataTable.propDecorators = {
     fixedHeader: [{ type: Input }],
     paginatorDataFeatureId: [{ type: Input }],
     maxSelected: [{ type: Input }],
+    canSelectAll: [{ type: Input }],
     dataTableService: [{ type: Input }],
     rows: [{ type: Input }],
     outsideFilter: [{ type: Input }],
@@ -8966,6 +8977,7 @@ NovoDataTable.propDecorators = {
     forceShowHeader: [{ type: Input }],
     hideGlobalSearch: [{ type: Input }],
     preferencesChanged: [{ type: Output }],
+    allSelected: [{ type: Output }],
     empty: [{ type: HostBinding, args: ['class.empty',] }],
     loadingClass: [{ type: HostBinding, args: ['class.loading',] }],
     listInteractions: [{ type: Input }]
@@ -29032,6 +29044,7 @@ class DateFormatService {
         let month;
         let day;
         let date = new Date();
+        let isInvalidDate = true;
         if (Helpers.isEmpty(dateFormat)) {
             // Default to MM/dd/yyyy
             dateFormat = 'mm/dd/yyyy';
@@ -29055,6 +29068,7 @@ class DateFormatService {
             }
             if (month >= 0 && month <= 11 && year > 1900 && day > 0 && day <= 31) {
                 date = new Date(year, month, day);
+                isInvalidDate = false;
             }
         }
         else if (dateFormatTokens && dateFormatTokens.length === 4 && dateString.length >= 1) {
@@ -29069,7 +29083,7 @@ class DateFormatService {
                 dateString = `${dateString}${delimiter[1]}`;
             }
         }
-        return [date, dateString];
+        return [date, dateString, isInvalidDate];
     }
     parseTimeString(timeString, militaryTime) {
         const value = new Date();
@@ -29179,6 +29193,7 @@ class NovoDatePickerInputElement {
         this._changeDetectorRef = _changeDetectorRef;
         this.dateFormatService = dateFormatService;
         this.formattedValue = '';
+        this.invalidDateErrorMessage = '';
         /** View -> model callback called when value changes */
         this._onChange = () => { };
         /** View -> model callback called when autocomplete has been touched */
@@ -29190,7 +29205,7 @@ class NovoDatePickerInputElement {
         this.blurEvent = new EventEmitter();
         this.focusEvent = new EventEmitter();
         this.changeEvent = new EventEmitter();
-        this.placeholder = this.labels.dateFormatString().toUpperCase() || this.labels.dateFormatPlaceholder;
+        this.placeholder = this.labels.localizedDatePlaceholder();
     }
     ngOnInit() {
         this.userDefinedFormat = this.format ? !this.format.match(/^(DD\/MM\/YYYY|MM\/DD\/YYYY)$/g) : false;
@@ -29205,6 +29220,7 @@ class NovoDatePickerInputElement {
         else {
             this.maskOptions = { mask: false };
         }
+        this.setupInvalidDateErrorMessage();
     }
     /** BEGIN: Convenient Panel Methods. */
     openPanel() {
@@ -29232,9 +29248,11 @@ class NovoDatePickerInputElement {
         }
     }
     _handleBlur(event) {
+        this.handleInvalidDate();
         this.blurEvent.emit(event);
     }
     _handleFocus(event) {
+        this.showInvalidDateError = false;
         this.openPanel();
         this.focusEvent.emit(event);
     }
@@ -29251,7 +29269,8 @@ class NovoDatePickerInputElement {
     }
     formatDate(value, blur) {
         try {
-            const [dateTimeValue, formatted] = this.dateFormatService.parseString(value, false, 'date');
+            const [dateTimeValue, formatted, isInvalidDate] = this.dateFormatService.parseString(value, false, 'date');
+            this.isInvalidDate = isInvalidDate;
             if (!isNaN(dateTimeValue.getUTCDate())) {
                 const dt = new Date(dateTimeValue);
                 this.dispatchOnChange(dt, blur);
@@ -29274,6 +29293,24 @@ class NovoDatePickerInputElement {
     setDisabledState(disabled) {
         this.disabled = disabled;
     }
+    handleInvalidDate() {
+        if (this.isInvalidDate && this.value) {
+            this.showInvalidDateError = true;
+            this.clearValue();
+            this.closePanel();
+        }
+    }
+    setupInvalidDateErrorMessage() {
+        let dateFormat = this.labels.dateFormatString();
+        if (Helpers.isEmpty(dateFormat)) {
+            // Default to mm/dd/yyyy
+            dateFormat = 'mm/dd/yyyy';
+        }
+        else {
+            dateFormat = dateFormat.toLowerCase();
+        }
+        this.invalidDateErrorMessage = `Invalid date field entered. Date format of ${dateFormat} is required.`;
+    }
     dispatchOnChange(newValue, blur = false, skip = false) {
         if (newValue !== this.value) {
             this._onChange(newValue);
@@ -29374,6 +29411,7 @@ NovoDatePickerInputElement.decorators = [
       data-automation-id="date-input"
       [disabled]="disabled"
     />
+    <span class="error-text" *ngIf="showInvalidDateError">{{invalidDateErrorMessage}}</span>
     <i *ngIf="!hasValue" (click)="openPanel()" class="bhi-calendar"></i>
     <i *ngIf="hasValue" (click)="clearValue()" class="bhi-times"></i>
     <novo-overlay-template [parent]="element" position="above-below">
@@ -29898,28 +29936,41 @@ class NovoDataTableCheckboxHeaderCell extends CdkHeaderCell {
         this.toaster = toaster;
         this.role = 'columnheader';
         this.maxSelected = undefined;
+        this.canSelectAll = false;
         this.checked = false;
         renderer.setAttribute(elementRef.nativeElement, 'data-automation-id', `novo-checkbox-column-header-${columnDef.cssClassFriendlyName}`);
         renderer.addClass(elementRef.nativeElement, `novo-checkbox-column-${columnDef.cssClassFriendlyName}`);
         renderer.addClass(elementRef.nativeElement, 'novo-data-table-checkbox-header-cell');
         this.selectionSubscription = this.dataTable.state.selectionSource.subscribe(() => {
             this.checked = this.dataTable.allCurrentRowsSelected();
+            if (this.canSelectAll) {
+                this.selectAllChanged();
+            }
             this.ref.markForCheck();
         });
         this.paginationSubscription = this.dataTable.state.paginationSource.subscribe((event) => {
             if (event.isPageSizeChange) {
                 this.checked = false;
+                if (this.canSelectAll) {
+                    this.selectAllChanged();
+                }
                 this.dataTable.selectRows(false);
                 this.dataTable.state.checkRetainment('pageSize');
                 this.dataTable.state.reset(false, true);
             }
             else {
                 this.checked = this.dataTable.allCurrentRowsSelected();
+                if (this.canSelectAll) {
+                    this.selectAllChanged();
+                }
             }
             this.ref.markForCheck();
         });
         this.resetSubscription = this.dataTable.state.resetSource.subscribe(() => {
             this.checked = false;
+            if (this.canSelectAll) {
+                this.selectAllChanged();
+            }
             this.ref.markForCheck();
         });
     }
@@ -29949,6 +30000,17 @@ class NovoDataTableCheckboxHeaderCell extends CdkHeaderCell {
         else {
             this.dataTable.selectRows(!this.checked);
         }
+        if (this.canSelectAll) {
+            this.selectAllChanged();
+        }
+    }
+    selectAllChanged() {
+        var _a, _b, _c;
+        const allSelectedEvent = {
+            allSelected: this.checked,
+            selectedCount: (_c = (_b = (_a = this.dataTable) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.selected) === null || _c === void 0 ? void 0 : _c.length,
+        };
+        this.dataTable.allSelected.emit(allSelectedEvent);
     }
 }
 NovoDataTableCheckboxHeaderCell.decorators = [
@@ -29976,7 +30038,8 @@ NovoDataTableCheckboxHeaderCell.ctorParameters = () => [
 ];
 NovoDataTableCheckboxHeaderCell.propDecorators = {
     role: [{ type: HostBinding, args: ['attr.role',] }],
-    maxSelected: [{ type: Input }]
+    maxSelected: [{ type: Input }],
+    canSelectAll: [{ type: Input }]
 };
 
 class NovoDataTableHeaderCell extends CdkHeaderCell {