@dereekb/dbx-form 10.1.1 → 10.1.3

package/fesm2022/dereekb-dbx-form.mjs

@@ -10,8 +10,8 @@ import { AbstractSubscriptionDirective, safeDetectChanges, DbxInjectionComponent
 import * as i2$1 from '@dereekb/dbx-web';
 import { DbxActionTransitionSafetyDirective, DbxTextModule, DbxLoadingModule, DbxFlexLayoutModule, DbxSectionLayoutModule, DbxRouterAnchorModule, dbxValueListItemDecisionFunction, DbxButtonModule, DbxListLayoutModule, AbstractDbxSelectionListWrapperDirective, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, AbstractDbxSelectionListViewDirective, addConfigToValueListItems, provideDbxListView, AbstractDbxValueListViewItemComponent, DbxActionModule, mapCompactModeObs, DbxBarLayoutModule } from '@dereekb/dbx-web';
 import { isPast, addSeconds, startOfDay, addMinutes, addDays, isAfter } from 'date-fns';
-import { BehaviorSubject, switchMap, first, exhaustMap, of, catchError, delay, filter, combineLatest, map, distinctUntilChanged, shareReplay, Subject, tap, takeUntil, EMPTY, mergeMap, startWith, debounceTime, skipWhile, scan, combineLatestWith, throttleTime, interval, merge, timer } from 'rxjs';
-import { LockSet, SubscriptionObject, asObservable, cleanup, loadingStateHasFinishedLoading, switchMapMaybeObs, filterMaybe, switchMapMaybeDefault, SimpleLoadingContext, distinctUntilHasDifferentValues, startWithBeginLoading, mapLoadingStateResults, successResult, ListLoadingStateContextInstance, isListLoadingStateEmpty, LoadingStateContextInstance, loadingStateHasValue, loadingStateIsLoading, beginLoading, mapLoadingStateValueWithOperator, valueFromLoadingState, loadingStateContext, skipFirstMaybe, asObservableFromGetter, asyncPusherCache, scanCount } from '@dereekb/rxjs';
+import { BehaviorSubject, switchMap, first, exhaustMap, of, catchError, delay, filter, combineLatest, map, distinctUntilChanged, shareReplay, Subject, tap, takeUntil, EMPTY, throttleTime, mergeMap, startWith, debounceTime, skipWhile, scan, combineLatestWith, interval, merge, timer } from 'rxjs';
+import { LockSet, SubscriptionObject, asObservable, cleanup, errorOnEmissionsInPeriod, loadingStateHasFinishedLoading, switchMapMaybeObs, filterMaybe, switchMapMaybeDefault, SimpleLoadingContext, distinctUntilHasDifferentValues, startWithBeginLoading, mapLoadingStateResults, successResult, ListLoadingStateContextInstance, isListLoadingStateEmpty, LoadingStateContextInstance, loadingStateHasValue, loadingStateIsLoading, beginLoading, mapLoadingStateValueWithOperator, valueFromLoadingState, loadingStateContext, skipFirstMaybe, asObservableFromGetter, asyncPusherCache, scanCount } from '@dereekb/rxjs';
 import * as i1$1 from '@ngx-formly/core';
 import { FieldType, FieldWrapper, FormlyModule, FieldArrayType } from '@ngx-formly/core';
 import * as i3$1 from '@angular/forms';
@@ -44,7 +44,7 @@ import * as i6 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatListModule } from '@angular/material/list';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
-import { skipUntilTimeElapsedAfterLastEmission, toJsDate, parseISO8601DayStringToDate, formatToISO8601DateString, formatToISO8601DayString, isSameDateHoursAndMinutes, safeToJsDate, guessCurrentTimezone, dateTimezoneUtcNormal, toJsDayDate, isSameDateDay, toLocalReadableTimeString, getTimezoneAbbreviation, utcDayForDate, readableTimeStringToDate, findMinDate, dateFromLogicalDate, findMaxDate, dateTimeMinuteDecisionFunction, DateTimeMinuteInstance, isSameDate, isSameDateDayRange, dateRange, clampDateRangeToDateRange, isDateInDateRange, isSameDateRange, limitDateTimeInstance, allTimezoneInfos, timezoneInfoForSystem, searchTimezoneInfos } from '@dereekb/date';
+import { skipUntilTimeElapsedAfterLastEmission, toJsDate, parseISO8601DayStringToDate, formatToISO8601DateString, formatToISO8601DayStringForSystem, isSameDateHoursAndMinutes, safeToJsDate, guessCurrentTimezone, dateTimezoneUtcNormal, toJsDayDate, isSameDateDay, toLocalReadableTimeString, getTimezoneAbbreviation, utcDayForDate, readableTimeStringToDate, findMinDate, dateFromLogicalDate, findMaxDate, isSameDate, dateTimeMinuteWholeDayDecisionFunction, DateTimeMinuteInstance, isSameDateDayRange, dateRange, clampDateRangeToDateRange, isDateInDateRange, isSameDateRange, limitDateTimeInstance, allTimezoneInfos, timezoneInfoForSystem, searchTimezoneInfos } from '@dereekb/date';
 import { FieldType as FieldType$2, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
 import * as i3$3 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
@@ -340,7 +340,17 @@ function dbxFormSourceObservableFromStream(stream$, inputObs, mode$) {
                     return EMPTY;
                 }
                 else {
-                    return value$;
+                    let valueObs = value$;
+                    if (mode === 'always') {
+                        valueObs = valueObs.pipe(throttleTime(10, undefined, { leading: true, trailing: true }), errorOnEmissionsInPeriod({
+                            period: 1000,
+                            maxEmissionsPerPeriod: 50,
+                            onError: () => {
+                                console.error('dbxFormSourceObservableFromStream: Error thrown due to too many emissions. There may be an unintentional loop being triggered by dbxFormSource. Typically this can occur in cases where the dbxFormSource directive is used at the same time as dbxFormValueChange directive and the same value is being pushed.');
+                            }
+                        }));
+                    }
+                    return valueObs;
                 }
             }));
         }
@@ -3708,7 +3718,7 @@ function dbxDateTimeOutputValueFactory(mode, timezoneInstance) {
     let useTimezoneInstance = true;
     switch (mode) {
         case DbxDateTimeValueMode.DAY_STRING:
-            factory = (x) => (x != null ? formatToISO8601DayString(x) : x);
+            factory = (x) => (x != null ? formatToISO8601DayStringForSystem(x) : x);
             useTimezoneInstance = false; // day strings do not use timezones
             break;
         case DbxDateTimeValueMode.DATE_STRING:
@@ -3868,12 +3878,15 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
         }), distinctUntilChanged(isSameDateDay), shareReplay(1));
         this.valueInSystemTimezone$ = this.formControl$.pipe(map((control) => control.valueChanges.pipe(startWith(control.value), shareReplay(1))), combineLatestWith(this.timezoneInstance$), switchMap(([x, timezoneInstance]) => {
             return x.pipe(map(dbxDateTimeInputValueParseFactory(this.valueMode, timezoneInstance)));
-        }), throttleTime(20, undefined, { leading: false, trailing: true }), // throttle incoming values and timezone changes
+        }), throttleTime(20, undefined, { leading: true, trailing: true }), // throttle incoming values and timezone changes
         distinctUntilChanged(isSameDateHoursAndMinutes), shareReplay(1));
+        this.refreshInteral$ = interval(10 * 1000);
         /**
          * Used to trigger/display visual updates (specifically on timeDistance, etc.).
          */
-        this.displayValue$ = interval(10 * 1000).pipe(startWith(0), map(() => new Date().getMinutes()), distinctUntilChanged(), tap(() => this.cdRef.markForCheck()), switchMap(() => this.valueInSystemTimezone$), shareReplay(1));
+        this.displayValue$ = this.refreshInteral$.pipe(
+        // every 10 seconds, refresh w/interval
+        startWith(0), map(() => new Date().getMinutes()), distinctUntilChanged(), tap(() => this.cdRef.markForCheck()), switchMap(() => this.valueInSystemTimezone$), shareReplay(1));
         this.timeString$ = this.valueInSystemTimezone$.pipe(map((x) => (x ? toLocalReadableTimeString(x) : '')), distinctUntilChanged(), shareReplay(1));
         this.dateInputCtrl = new FormControl(new Date(), {
             validators: []
@@ -3912,9 +3925,6 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
         }), shareReplay(1));
         this.syncConfigBeforeValue$ = syncConfigValueObs(this.parsedSyncConfigs$, 'before');
         this.syncConfigAfterValue$ = syncConfigValueObs(this.parsedSyncConfigs$, 'after');
-        // TODO: Get min/max using the DateTimePickerConfiguration too
-        this.dateInputMin$ = this.syncConfigBeforeValue$;
-        this.dateInputMax$ = this.syncConfigAfterValue$;
         this.rawDateTime$ = combineLatest([this.dateValue$, this.timeInput$.pipe(startWith(null)), this.fullDay$, this.timeDate$]).pipe(map(([date, timeString, fullDay, timeDate]) => {
             let result;
             if (!date || this.timeOnly) {
@@ -3942,7 +3952,7 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
             }
             return result;
         }), distinctUntilChanged(isSameDateHoursAndMinutes), shareReplay(1));
-        this.config$ = combineLatest([this._config.pipe(switchMapMaybeDefault()), this.dateInputMin$, this.dateInputMax$]).pipe(map(([x, dateInputMin, dateInputMax]) => {
+        this.config$ = combineLatest([this._config.pipe(switchMapMaybeObs()), this.syncConfigBeforeValue$, this.syncConfigAfterValue$]).pipe(map(([x, dateInputMin, dateInputMax]) => {
             let result = x;
             if (dateInputMin != null || dateInputMax != null) {
                 const { min: limitMin, max: limitMax } = x?.limits ?? {};
@@ -3959,9 +3969,11 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
             }
             return result;
         }), distinctUntilChanged(), shareReplay(1));
+        this.dateInputMin$ = this.config$.pipe(map((x) => (x?.limits?.min ?? null)), distinctUntilChanged(isSameDate), shareReplay(1));
+        this.dateInputMax$ = this.config$.pipe(map((x) => (x?.limits?.max ?? null)), distinctUntilChanged(isSameDate), shareReplay(1));
         this.pickerFilter$ = this.config$.pipe(distinctUntilChanged(), map((x) => {
             if (x) {
-                const filter = dateTimeMinuteDecisionFunction(x);
+                const filter = dateTimeMinuteWholeDayDecisionFunction(x, false);
                 return (x) => (x != null ? filter(x) : true);
             }
             else {
@@ -3978,7 +3990,10 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
                 });
                 date = instance.clamp(date);
                 const minutes = stepsOffset * 5;
-                date = addMinutes(date, minutes);
+                if (minutes != 0) {
+                    date = addMinutes(date, minutes);
+                    date = instance.clamp(date); // clamp the date again
+                }
             }
             return date;
         }), distinctUntilChanged(isSameDateHoursAndMinutes), shareReplay(1));
@@ -3987,7 +4002,7 @@ class DbxDateTimeFieldComponent extends FieldType$1 {
     ngOnInit() {
         this._formControlObs.next(this.formControl);
         const inputPickerConfig = this.dateTimeField.pickerConfig;
-        this._config.next(inputPickerConfig ? asObservableFromGetter(inputPickerConfig) : undefined);
+        this._config.next(inputPickerConfig ? asObservableFromGetter(inputPickerConfig) : of({}));
         this._syncConfigObs.next(this.dateTimeField.getSyncFieldsObs?.());
         this._sub.subscription = this.valueInSystemTimezone$
             .pipe(combineLatestWith(this.timezoneInstance$.pipe(map((timezoneInstance) => dbxDateTimeOutputValueFactory(this.valueMode, timezoneInstance)))), throttleTime(TIME_OUTPUT_THROTTLE_TIME$1, undefined, { leading: false, trailing: true }), switchMap(([currentValue, valueFactory]) => {
@@ -4449,7 +4464,7 @@ class DbxFixedDateRangeFieldComponent extends FieldType$1 {
         this.max$ = this.minMaxRange$.pipe(map((x) => x?.end ?? null), distinctUntilChanged(), shareReplay(1));
         this.pickerFilter$ = this.config$.pipe(distinctUntilChanged(), map((x) => {
             if (x) {
-                const filter = dateTimeMinuteDecisionFunction(x);
+                const filter = dateTimeMinuteWholeDayDecisionFunction(x, false);
                 return (x) => (x != null ? filter(x) : true);
             }
             else {