novo-elements 5.10.0 → 5.13.0

package/fesm2015/novo-elements.js

@@ -8327,8 +8327,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 +8616,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 +8779,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 +8962,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 +8973,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 }]
@@ -28941,7 +28949,7 @@ NovoDatePickerElement.decorators = [
                             endfill: isEndFill(range, day.date, selected, selected2),
                             'selecting-range': isSelectingRange(range, day.date, selected, selected2, hoverDay, rangeSelectMode, weekRangeSelect)
                            }" (mouseover)="rangeHover($event, day)" [attr.data-automation-id]="day.number">
-                            <button class="day" [attr.data-automation-id]="day.number" [disabled]="isDisabled(day.date, start, end)" (click)="select($event, day, true)">{{day.number}}</button>
+                            <button [title]="isDisabled(day.date, start, end) ? disabledDateMessage : ''" class="day" [attr.data-automation-id]="day.number" [disabled]="isDisabled(day.date, start, end)" (click)="select($event, day, true)">{{day.number}}</button>
                         </td>
                     </tr>
                 </tbody>
@@ -28976,6 +28984,7 @@ NovoDatePickerElement.propDecorators = {
     range: [{ type: Input }],
     weekRangeSelect: [{ type: Input }],
     weekStart: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     onSelect: [{ type: Output }]
 };
 
@@ -29031,6 +29040,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';
@@ -29054,6 +29064,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) {
@@ -29068,7 +29079,7 @@ class DateFormatService {
                 dateString = `${dateString}${delimiter[1]}`;
             }
         }
-        return [date, dateString];
+        return [date, dateString, isInvalidDate];
     }
     parseTimeString(timeString, militaryTime) {
         const value = new Date();
@@ -29178,6 +29189,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 */
@@ -29204,6 +29216,7 @@ class NovoDatePickerInputElement {
         else {
             this.maskOptions = { mask: false };
         }
+        this.setupInvalidDateErrorMessage();
     }
     /** BEGIN: Convenient Panel Methods. */
     openPanel() {
@@ -29231,9 +29244,11 @@ class NovoDatePickerInputElement {
         }
     }
     _handleBlur(event) {
+        this.handleInvalidDate();
         this.blurEvent.emit(event);
     }
     _handleFocus(event) {
+        this.showInvalidDateError = false;
         this.openPanel();
         this.focusEvent.emit(event);
     }
@@ -29250,7 +29265,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);
@@ -29273,6 +29289,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);
@@ -29373,6 +29407,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">
@@ -29381,6 +29416,7 @@ NovoDatePickerInputElement.decorators = [
         [end]="end"
         inline="true"
         (onSelect)="setValueAndClose($event)"
+        [disabledDateMessage]="disabledDateMessage"
         [ngModel]="value"
         [weekStart]="weekStart"
       ></novo-date-picker>
@@ -29403,6 +29439,7 @@ NovoDatePickerInputElement.propDecorators = {
     format: [{ type: Input }],
     textMaskEnabled: [{ type: Input }],
     allowInvalidDate: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     disabled: [{ type: HostBinding, args: ['class.disabled',] }, { type: Input }],
     weekStart: [{ type: Input }],
     blurEvent: [{ type: Output }],
@@ -29895,28 +29932,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();
         });
     }
@@ -29946,6 +29996,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 = [
@@ -29973,7 +30034,8 @@ NovoDataTableCheckboxHeaderCell.ctorParameters = () => [
 ];
 NovoDataTableCheckboxHeaderCell.propDecorators = {
     role: [{ type: HostBinding, args: ['attr.role',] }],
-    maxSelected: [{ type: Input }]
+    maxSelected: [{ type: Input }],
+    canSelectAll: [{ type: Input }]
 };
 
 class NovoDataTableHeaderCell extends CdkHeaderCell {
@@ -30680,6 +30742,7 @@ NovoDateTimePickerElement.decorators = [
             [maxYear]="maxYear"
             [start]="start"
             [end]="end"
+            [disabledDateMessage]="disabledDateMessage"
             [weekStart]="weekStart"
           ></novo-date-picker>
         </div>
@@ -30702,6 +30765,7 @@ NovoDateTimePickerElement.propDecorators = {
     end: [{ type: Input }],
     military: [{ type: Input }],
     weekStart: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     onSelect: [{ type: Output }]
 };
 
@@ -30813,6 +30877,7 @@ NovoDateTimePickerInputElement.decorators = [
       (ngModelChange)="updateDate($event)"
       [start]="start"
       [end]="end"
+      [disabledDateMessage]="disabledDateMessage"
       [maskOptions]="maskOptions"
       (blurEvent)="handleBlur($event)"
       (focusEvent)="handleFocus($event)"
@@ -30845,6 +30910,7 @@ NovoDateTimePickerInputElement.propDecorators = {
     disabled: [{ type: Input }],
     format: [{ type: Input }],
     weekStart: [{ type: Input }],
+    disabledDateMessage: [{ type: Input }],
     blurEvent: [{ type: Output }],
     focusEvent: [{ type: Output }],
     changeEvent: [{ type: Output }]
@@ -31737,6 +31803,7 @@ class BaseControl extends ControlConfig {
             this.isEmpty = config.isEmpty;
         }
         this.weekStart = config.weekStart || 0;
+        this.disabledDateMessage = config.disabledDateMessage;
     }
 }
 
@@ -32183,6 +32250,7 @@ class NovoFormControl extends FormControl {
         this.tipWell = control.tipWell;
         this.customControlConfig = control.customControlConfig;
         this.warning = control.warning;
+        this.disabledDateMessage = control.disabledDateMessage;
         // Reactive Form, need to enable/disable, can't bind to [disabled]
         if (this.readOnly) {
             this.disable();
@@ -32558,7 +32626,7 @@ class FormUtils {
             closeOnSelect: field.closeOnSelect,
             layoutOptions: field.layoutOptions,
         };
-        this.inferStartDate(controlConfig, field);
+        this.inferDateRange(controlConfig, field);
         // TODO: getControlOptions should always return the correct format
         const optionsConfig = this.getControlOptions(field, http, config, fieldData);
         if (Array.isArray(optionsConfig) && !(type === 'chips' || type === 'picker')) {
@@ -33069,23 +33137,23 @@ class FormUtils {
             return addDays(startOfToday(), dateRange.minOffset);
         }
     }
-    /**
-     * Get the min start date of a Date base on field data.
-     */
-    getStartDate(field) {
-        if (field.allowedDateRange) {
-            return this.getStartDateFromRange(field.allowedDateRange);
+    getEndDateFromRange(dateRange) {
+        if (dateRange.maxDate) {
+            return parse(dateRange.maxDate);
+        }
+        else if (dateRange.minOffset) {
+            return addDays(startOfToday(), dateRange.minOffset);
         }
-        // there is no restriction on the start date
-        return null;
     }
-    inferStartDate(controlConfig, field) {
-        if (field.dataType === 'Date') {
-            const startDate = this.getStartDate(field);
-            if (startDate) {
-                controlConfig.startDate = startDate;
-            }
-            return startDate;
+    /**
+     * Get the min start date and max end date of a Date base on field data.
+     */
+    inferDateRange(controlConfig, field) {
+        var _a;
+        if (field.dataType === 'Date' && field.allowedDateRange) {
+            controlConfig.startDate = this.getStartDateFromRange(field.allowedDateRange);
+            controlConfig.endDate = this.getEndDateFromRange(field.allowedDateRange);
+            controlConfig.disabledDateMessage = (_a = field.allowedDateRange) === null || _a === void 0 ? void 0 : _a.disabledDateMessage;
         }
     }
     inflateEmbeddedProperties(data) {
@@ -35053,7 +35121,7 @@ NovoControlTemplates.decorators = [
         <!--Date-->
         <ng-template novoTemplate="date" let-control let-form="form" let-errors="errors" let-methods="methods">
           <div [formGroup]="form" class="novo-control-input-container" [tooltip]="control.tooltip" [tooltipPosition]="control.tooltipPosition" [tooltipSize]="control?.tooltipSize" [tooltipPreline]="control?.tooltipPreline" [removeTooltipArrow]="control?.removeTooltipArrow" [tooltipAutoPosition]="control?.tooltipAutoPosition">
-            <novo-date-picker-input [attr.id]="control.key" [name]="control.key" [formControlName]="control.key" [start]="control.startDate" [end]="control.endDate" [format]="control.dateFormat" [allowInvalidDate]="control.allowInvalidDate" [textMaskEnabled]="control.textMaskEnabled" [placeholder]="control.placeholder" [weekStart]="control.weekStart" (focusEvent)="methods.handleFocus($event)" (blurEvent)="methods.handleBlur($event)" (changeEvent)="methods.emitChange($event)"></novo-date-picker-input>
+            <novo-date-picker-input [attr.id]="control.key" [name]="control.key" [formControlName]="control.key" [start]="control.startDate" [end]="control.endDate" [disabledDateMessage]="control.disabledDateMessage" [format]="control.dateFormat" [allowInvalidDate]="control.allowInvalidDate" [textMaskEnabled]="control.textMaskEnabled" [placeholder]="control.placeholder" [weekStart]="control.weekStart" (focusEvent)="methods.handleFocus($event)" (blurEvent)="methods.handleBlur($event)" (changeEvent)="methods.emitChange($event)"></novo-date-picker-input>
           </div>
         </ng-template>