@dereekb/dbx-form 9.23.10 → 9.23.11

package/fesm2020/dereekb-dbx-form-calendar.mjs

@@ -7,8 +7,8 @@ import { Injectable, SkipSelf, Directive, Injector, Optional, Component, Inject,
 import { FieldType } from '@ngx-formly/material';
 import { map, distinctUntilChanged, shareReplay, BehaviorSubject, switchMap, of, startWith, filter, throttleTime, first } from 'rxjs';
 import { filterMaybe, SubscriptionObject, asObservable } from '@dereekb/rxjs';
-import { DateScheduleDayCode, expandDateScheduleDayCodesToDayOfWeekSet, dateTimingRelativeIndexFactory, dateBlockDayOfWeekFactory, findMaxDate, findMinDate, isSameDate, isSameDateRange, isSameDateScheduleRange, isSameDateDay, copyDateScheduleDateFilterConfig, dateScheduleDateFilter, expandDateScheduleDayCodes, isDateInDateRangeFunction, isDateWithinDateBlockRangeFunction, dateScheduleEncodedWeek, dateBlockTimingDateFactory, enabledDaysFromDateScheduleDayCodes, dateScheduleDayCodesFromEnabledDays, formatToMonthDayString } from '@dereekb/date';
-import { setsAreEquivalent, range, iterableToArray, toggleInSet, addToSet, isIndexNumberInIndexRangeFunction, minAndMaxNumber, randomNumberFactory, getDaysOfWeekNames } from '@dereekb/util';
+import { DateScheduleDayCode, expandDateScheduleDayCodesToDayOfWeekSet, dateTimingRelativeIndexFactory, dateBlockDayOfWeekFactory, findMaxDate, findMinDate, isSameDate, isSameDateRange, isSameDateScheduleRange, isSameDateDay, dateTimingRelativeIndexArrayFactory, copyDateScheduleDateFilterConfig, dateScheduleDateFilter, expandDateScheduleDayCodes, isDateInDateRangeFunction, isDateWithinDateBlockRangeFunction, dateScheduleEncodedWeek, dateBlockTimingDateFactory, enabledDaysFromDateScheduleDayCodes, dateScheduleDayCodesFromEnabledDays, formatToMonthDayString } from '@dereekb/date';
+import { setsAreEquivalent, unique, mergeArrays, range, iterableToArray, toggleInSet, addToSet, isIndexNumberInIndexRangeFunction, minAndMaxNumber, randomNumberFactory, getDaysOfWeekNames } from '@dereekb/util';
 import { ComponentStore } from '@ngrx/component-store';
 import { startOfDay } from 'date-fns';
 import * as i1 from '@dereekb/dbx-web/calendar';
@@ -36,7 +36,7 @@ import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { FlexLayoutModule } from '@angular/flex-layout';
 
 function dateScheduleRangeField(config = {}) {
-    const { key = 'schedule', filter, initialSelectionState, computeSelectionResultRelativeToFilter } = config;
+    const { key = 'schedule', filter, initialSelectionState, computeSelectionResultRelativeToFilter, exclusions } = config;
     const fieldConfig = {
         ...formlyField({
             key,
@@ -45,7 +45,8 @@ function dateScheduleRangeField(config = {}) {
                 label: config.label ?? 'Schedule',
                 filter,
                 computeSelectionResultRelativeToFilter,
-                initialSelectionState
+                initialSelectionState,
+                exclusions
             })
         })
     };
@@ -149,6 +150,7 @@ class DbxCalendarScheduleSelectionStore extends ComponentStore {
         this.isCustomized$ = this.state$.pipe(map((x) => x.selectedIndexes.size > 0), distinctUntilChanged(), shareReplay(1));
         // MARK: State Changes
         this.setFilter = this.updater((state, filter) => updateStateWithFilter(state, filter));
+        this.setExclusions = this.updater((state, exclusions) => updateStateWithExclusions(state, exclusions));
         this.setComputeSelectionResultRelativeToFilter = this.updater((state, computeSelectionResultRelativeToFilter) => updateStateWithComputeSelectionResultRelativeToFilter(state, computeSelectionResultRelativeToFilter));
         this.clearFilter = this.updater((state) => updateStateWithFilter(state, undefined));
         this.setTimezone = this.updater((state, timezone) => ({ ...state, timezone }));
@@ -184,12 +186,41 @@ function updateStateWithComputeSelectionResultRelativeToFilter(currentState, com
     }
     return state;
 }
+function updateStateWithExclusions(state, inputExclusions) {
+    let computedExclusions;
+    if (inputExclusions) {
+        const { indexFactory } = state;
+        const indexArrayFactory = dateTimingRelativeIndexArrayFactory(indexFactory);
+        computedExclusions = indexArrayFactory(inputExclusions);
+    }
+    state = { ...state, inputExclusions, computedExclusions };
+    return updateStateWithFilter(state, state.filter);
+}
 function updateStateWithFilter(state, inputFilter) {
+    const { computedExclusions: exclusions } = state;
     let isEnabledFilterDay = () => true;
     let filter = null;
-    if (inputFilter) {
-        filter = copyDateScheduleDateFilterConfig(inputFilter); // copy filter
-        isEnabledFilterDay = dateScheduleDateFilter(filter);
+    if (inputFilter || exclusions?.length) {
+        let enabledFilter;
+        if (inputFilter) {
+            filter = copyDateScheduleDateFilterConfig(inputFilter); // copy filter
+            if (exclusions?.length) {
+                enabledFilter = {
+                    ...filter,
+                    ex: unique(mergeArrays([filter.ex, exclusions]))
+                };
+            }
+            else {
+                enabledFilter = filter;
+            }
+        }
+        else {
+            enabledFilter = {
+                w: '89',
+                ex: exclusions
+            };
+        }
+        isEnabledFilterDay = dateScheduleDateFilter(enabledFilter);
     }
     state = { ...state, filter, isEnabledFilterDay };
     // attempt to re-apply the initial selection state once filter is applied
@@ -889,6 +920,7 @@ class DbxFormCalendarDateScheduleRangeFieldComponent extends FieldType {
         this._syncSub = new SubscriptionObject();
         this._valueSub = new SubscriptionObject();
         this._filterSub = new SubscriptionObject();
+        this._exclusionsSub = new SubscriptionObject();
         this._formControlObs = new BehaviorSubject(undefined);
         this.formControl$ = this._formControlObs.pipe(filterMaybe());
         this.value$ = this.formControl$.pipe(switchMap((control) => control.valueChanges.pipe(startWith(control.value))), shareReplay(1));
@@ -914,6 +946,9 @@ class DbxFormCalendarDateScheduleRangeFieldComponent extends FieldType {
     get filter() {
         return this.props.filter;
     }
+    get exclusions() {
+        return this.props.exclusions;
+    }
     get initialSelectionState() {
         return this.props.initialSelectionState;
     }
@@ -928,23 +963,28 @@ class DbxFormCalendarDateScheduleRangeFieldComponent extends FieldType {
         this._valueSub.subscription = this.dbxCalendarScheduleSelectionStore.currentDateScheduleRangeValue$.subscribe((x) => {
             this.formControl.setValue(x);
         });
-        const filter = this.filter;
+        const { filter, exclusions } = this;
         if (filter != null) {
             this._filterSub.subscription = this.dbxCalendarScheduleSelectionStore.setFilter(asObservable(filter));
         }
+        if (exclusions != null) {
+            this._exclusionsSub.subscription = this.dbxCalendarScheduleSelectionStore.setExclusions(asObservable(exclusions));
+        }
         if (this.initialSelectionState !== undefined) {
             this.dbxCalendarScheduleSelectionStore.setInitialSelectionState(this.initialSelectionState);
         }
         if (this.computeSelectionResultRelativeToFilter != null) {
             this.dbxCalendarScheduleSelectionStore.setComputeSelectionResultRelativeToFilter(this.computeSelectionResultRelativeToFilter);
         }
+        // TODO: Also add ability to set min/max dates independent of the filter
     }
     ngOnDestroy() {
         super.ngOnDestroy();
         this._syncSub.destroy();
         this._valueSub.destroy();
-        this._formControlObs.complete();
         this._filterSub.destroy();
+        this._exclusionsSub.destroy();
+        this._formControlObs.complete();
     }
 }
 DbxFormCalendarDateScheduleRangeFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormCalendarDateScheduleRangeFieldComponent, deps: [{ token: i1$1.CompactContextStore, optional: true }, { token: DbxCalendarScheduleSelectionStore }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -1132,5 +1172,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CalendarScheduleSelectionDayState, DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY, DbxCalendarScheduleSelectionStore, DbxCalendarScheduleSelectionStoreInjectionBlockDirective, DbxCalendarScheduleSelectionStoreProviderBlock, DbxFormCalendarDateScheduleRangeFieldComponent, DbxFormCalendarModule, DbxFormDateScheduleRangeFieldModule, DbxScheduleSelectionCalendarCellComponent, DbxScheduleSelectionCalendarComponent, DbxScheduleSelectionCalendarDateDaysComponent, DbxScheduleSelectionCalendarDateDaysFormComponent, DbxScheduleSelectionCalendarDateDialogButtonComponent, DbxScheduleSelectionCalendarDateDialogComponent, DbxScheduleSelectionCalendarDatePopoverButtonComponent, DbxScheduleSelectionCalendarDatePopoverComponent, DbxScheduleSelectionCalendarDatePopoverContentComponent, DbxScheduleSelectionCalendarDateRangeComponent, calendarScheduleMaxDate, calendarScheduleMinAndMaxDate, calendarScheduleMinDate, computeCalendarScheduleSelectionDateBlockRange, computeCalendarScheduleSelectionRange, computeScheduleSelectionRangeAndExclusion, computeScheduleSelectionValue, dateScheduleRangeField, dbxScheduleSelectionCalendarDateDaysFormDayFields, dbxScheduleSelectionCalendarDateDaysFormFields, defaultCalendarScheduleSelectionCellContentFactory, finalizeNewCalendarScheduleSelectionState, initialCalendarScheduleSelectionState, isEnabledDayInCalendarScheduleSelectionState, noSelectionCalendarScheduleSelectionState, provideCalendarScheduleSelectionStoreIfParentIsUnavailable, updateStateWithChangedDates, updateStateWithChangedRange, updateStateWithChangedScheduleDays, updateStateWithComputeSelectionResultRelativeToFilter, updateStateWithDateScheduleRangeValue, updateStateWithFilter, updateStateWithInitialSelectionState };
+export { CalendarScheduleSelectionDayState, DEFAULT_SCHEDULE_SELECTION_CALENDAR_DATE_POPOVER_KEY, DbxCalendarScheduleSelectionStore, DbxCalendarScheduleSelectionStoreInjectionBlockDirective, DbxCalendarScheduleSelectionStoreProviderBlock, DbxFormCalendarDateScheduleRangeFieldComponent, DbxFormCalendarModule, DbxFormDateScheduleRangeFieldModule, DbxScheduleSelectionCalendarCellComponent, DbxScheduleSelectionCalendarComponent, DbxScheduleSelectionCalendarDateDaysComponent, DbxScheduleSelectionCalendarDateDaysFormComponent, DbxScheduleSelectionCalendarDateDialogButtonComponent, DbxScheduleSelectionCalendarDateDialogComponent, DbxScheduleSelectionCalendarDatePopoverButtonComponent, DbxScheduleSelectionCalendarDatePopoverComponent, DbxScheduleSelectionCalendarDatePopoverContentComponent, DbxScheduleSelectionCalendarDateRangeComponent, calendarScheduleMaxDate, calendarScheduleMinAndMaxDate, calendarScheduleMinDate, computeCalendarScheduleSelectionDateBlockRange, computeCalendarScheduleSelectionRange, computeScheduleSelectionRangeAndExclusion, computeScheduleSelectionValue, dateScheduleRangeField, dbxScheduleSelectionCalendarDateDaysFormDayFields, dbxScheduleSelectionCalendarDateDaysFormFields, defaultCalendarScheduleSelectionCellContentFactory, finalizeNewCalendarScheduleSelectionState, initialCalendarScheduleSelectionState, isEnabledDayInCalendarScheduleSelectionState, noSelectionCalendarScheduleSelectionState, provideCalendarScheduleSelectionStoreIfParentIsUnavailable, updateStateWithChangedDates, updateStateWithChangedRange, updateStateWithChangedScheduleDays, updateStateWithComputeSelectionResultRelativeToFilter, updateStateWithDateScheduleRangeValue, updateStateWithExclusions, updateStateWithFilter, updateStateWithInitialSelectionState };
 //# sourceMappingURL=dereekb-dbx-form-calendar.mjs.map