@dereekb/dbx-form 9.23.10 → 9.23.11

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

@@ -5,8 +5,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$1 from '@dereekb/dbx-web';
@@ -37,12 +37,13 @@ import { FlexLayoutModule } from '@angular/flex-layout';
 
 function dateScheduleRangeField(config = {}) {
     var _a;
-    const { key = 'schedule', filter, initialSelectionState, computeSelectionResultRelativeToFilter } = config;
+    const { key = 'schedule', filter, initialSelectionState, computeSelectionResultRelativeToFilter, exclusions } = config;
     const fieldConfig = Object.assign({}, formlyField(Object.assign({ key, type: 'date-schedule-range' }, propsAndConfigForFieldConfig(config, {
         label: (_a = config.label) !== null && _a !== void 0 ? _a : 'Schedule',
         filter,
         computeSelectionResultRelativeToFilter,
-        initialSelectionState
+        initialSelectionState,
+        exclusions
     }))));
     return fieldConfig;
 }
@@ -147,6 +148,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) => (Object.assign(Object.assign({}, state), { timezone })));
@@ -182,12 +184,38 @@ 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 = Object.assign(Object.assign({}, 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 === null || exclusions === void 0 ? void 0 : exclusions.length)) {
+        let enabledFilter;
+        if (inputFilter) {
+            filter = copyDateScheduleDateFilterConfig(inputFilter); // copy filter
+            if (exclusions === null || exclusions === void 0 ? void 0 : exclusions.length) {
+                enabledFilter = Object.assign(Object.assign({}, filter), { ex: unique(mergeArrays([filter.ex, exclusions])) });
+            }
+            else {
+                enabledFilter = filter;
+            }
+        }
+        else {
+            enabledFilter = {
+                w: '89',
+                ex: exclusions
+            };
+        }
+        isEnabledFilterDay = dateScheduleDateFilter(enabledFilter);
     }
     state = Object.assign(Object.assign({}, state), { filter, isEnabledFilterDay });
     // attempt to re-apply the initial selection state once filter is applied
@@ -894,6 +922,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));
@@ -920,6 +949,9 @@ class DbxFormCalendarDateScheduleRangeFieldComponent extends FieldType {
     get filter() {
         return this.props.filter;
     }
+    get exclusions() {
+        return this.props.exclusions;
+    }
     get initialSelectionState() {
         return this.props.initialSelectionState;
     }
@@ -934,23 +966,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 });
@@ -1144,5 +1181,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