@datarailsshared/datarailsshared 1.3.39 → 1.3.42

package/lib/dr-inputs/dr-date-picker/dr-date-picker.component.d.ts

@@ -1,28 +1,52 @@
-import { ChangeDetectorRef, AfterViewInit } from '@angular/core';
+import { ChangeDetectorRef, AfterViewInit, OnDestroy, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { MatDatepicker } from '@angular/material/datepicker';
 import { Moment } from 'moment';
-export declare class DrDatePickerComponent implements ControlValueAccessor, AfterViewInit {
+import { DrDatePickerCustomHeaderComponent } from './dr-date-picker_custom-header/dr-date-picker_custom-header.component';
+import { DateAdapter } from '@angular/material/core';
+import { DrDatePickerService } from './dr-date-picker.service';
+export declare class DrDatePickerComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
     private cdr;
+    private _dateAdapter;
+    private datePickerService;
+    private _destroyed;
     readonly: boolean;
-    _lastView: string;
     _format: string;
-    set lastView(view: 'year' | 'month' | 'multi-year');
+    customHeader: typeof DrDatePickerCustomHeaderComponent;
+    onChangeFormat: EventEmitter<string>;
     set format(value: any);
+    timeframeSelection: boolean;
     placeholder: string;
     min: Date;
     max: Date;
     dp: any;
     ngAfterViewInit(): void;
+    calendarViewSetup: {
+        year: (calendar: any) => string;
+        month: (calendar: any) => string;
+        quarter: (calendar: any) => string;
+        day: (calendar: any) => string;
+    };
+    pagingSetup: {
+        year: (forward: any) => void;
+        quarter: (forward: any) => void;
+        month: (forward: any) => void;
+        day: (forward: any) => void;
+    };
     private innerValue;
     private onTouchedCallback;
     private onChangeCallback;
-    constructor(cdr: ChangeDetectorRef);
+    constructor(cdr: ChangeDetectorRef, _dateAdapter: DateAdapter<any>, datePickerService: DrDatePickerService);
     get value(): number;
     set value(v: number);
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: any): void;
+    get quarterDisplay(): string;
+    normalizeValue(value: any): any;
     chosenMonthHandler(normalizedMonth: Moment, datepicker: MatDatepicker<any>): void;
     chosenYearHandler(normalizedYear: Moment, datepicker: MatDatepicker<any>): void;
+    pagingClicked(forward: any): void;
+    pagingDateChange(actionCall: string, amount: number, forward: boolean): void;
+    ngOnDestroy(): void;
 }

package/lib/dr-inputs/dr-date-picker/dr-date-picker.service.d.ts

@@ -0,0 +1,12 @@
+import { MatDatepicker } from "@angular/material/datepicker";
+import { Moment } from "moment";
+import { Subject, BehaviorSubject } from "rxjs";
+export declare type TimeframeOption = 'day' | 'quarter' | 'month' | 'year';
+export declare class DrDatePickerService {
+    timeframe: TimeframeOption;
+    format: BehaviorSubject<string>;
+    updatedQuater: Subject<Moment>;
+    calendarInstance: MatDatepicker<any>;
+    getQuarterDisplay(value: any, format: any): string;
+    setTimeframe(format: any): void;
+}

package/lib/dr-inputs/dr-date-picker/dr-date-picker_custom-header/dr-date-picker_custom-header.component.d.ts

@@ -0,0 +1,41 @@
+import { OnDestroy, ChangeDetectorRef } from "@angular/core";
+import { MatCalendar, MatCalendarView } from '@angular/material/datepicker';
+import { DateAdapter } from '@angular/material/core';
+import { CustomDateFormat } from "../../../models/datePicker";
+import { DrDatePickerService } from "../dr-date-picker.service";
+export interface ITimeframeOption {
+    title: string;
+    value: MatCalendarView;
+    format: string;
+    periodLabel: () => string;
+}
+export declare class DrDatePickerCustomHeaderComponent<Moment> implements OnDestroy {
+    private _calendar;
+    private _dateAdapter;
+    private _dateFormats;
+    private cdr;
+    private datePickerService;
+    private _destroyed;
+    quarters: number[];
+    selectedQuarter: number;
+    timeframeOptions: ITimeframeOption[];
+    pagingSetup: {
+        year: (forward: any) => void;
+        none: (forward: any) => void;
+        month: (forward: any) => void;
+        'multi-year': (forward: any) => void;
+    };
+    selectedTimeframe: MatCalendarView;
+    timeframeSelection: boolean;
+    periodMonthLabel: string;
+    periodYearLabel: string;
+    constructor(_calendar: MatCalendar<Moment>, _dateAdapter: DateAdapter<Moment>, _dateFormats: CustomDateFormat, cdr: ChangeDetectorRef, datePickerService: DrDatePickerService);
+    ngOnDestroy(): void;
+    setPeriodLabels(currentTimeframeOption: any): void;
+    setTimeframe(): void;
+    get currentViewIsQuater(): boolean;
+    switchViewOnClickOnPeriodLabel(view: 'year' | 'multi-year'): void;
+    onSelectQuater(quarterNumber: number): void;
+    pagingClicked(forward: any): void;
+    pagingDateChange(actionCall: string, amount: number, forward: boolean): void;
+}

package/lib/dr-inputs/dr-input/dr-input.component.d.ts

@@ -12,8 +12,10 @@ export declare class DrInputComponent implements AfterViewInit, ControlValueAcce
     placeholder: string;
     readonly: boolean;
     set clearable(val: any);
-    min: any;
-    max: any;
+    min: number | string;
+    max: number | string;
+    minLength: number;
+    maxlength: number;
     step: any;
     blur: EventEmitter<any>;
     get elementClass(): string;

package/lib/dr-inputs/dr-select/dr-select.component.d.ts

@@ -17,6 +17,7 @@ export declare class DrSelectComponent implements ControlValueAccessor {
     loading: boolean;
     readonly: boolean;
     disabled: boolean;
+    optionWithDescription: boolean;
     id: string;
     keyDownFn: ($event: KeyboardEvent) => boolean;
     selectedItem: any;

package/lib/models/datePicker.d.ts

@@ -2,6 +2,7 @@ export declare const MAT_DEFAULT_DATE_FORMAT = "MM/DD/yyyy";
 export declare const DATE_INPUT_FORMAT = "YYYY/MM/DD";
 export declare const YEAR_FORMAT = "yyyy";
 export declare const MONTH_YEAR_FORMAT = "MM/yyyy";
+export declare const QUARTER_FORMAT = "Q/yyyy";
 export interface DateParse {
     dateInput: string;
 }
@@ -9,6 +10,9 @@ export declare type DateDisplay = DateParse & {
     monthYearLabel?: string;
     dateA11yLabel?: string;
     monthYearA11yLabel?: string;
+    quarterYearA11yLabel?: string;
+    yearLabel?: string;
+    quarterYearLabel?: string;
 };
 export declare class CustomDateFormat {
     private _parse;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/datarailsshared",
-  "version": "1.3.39",
+  "version": "1.3.42",
   "description": "DataRails shared components",
   "keywords": [
     "angular",