@dereekb/dbx-web 12.6.21 → 13.0.0

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "12.6.21",
+  "version": "13.0.0",
   "peerDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "linkify-string": "^4.1.0",
-    "@angular/material": "^18.0.0",
-    "@dereekb/rxjs": "*",
-    "@dereekb/dbx-core": "*",
-    "@dereekb/util": "*",
-    "rxjs": "^7.5.0",
-    "@uirouter/core": "^6.0.8",
-    "@ngrx/store": "^18.0.0",
-    "@ngrx/effects": "^18.0.0",
-    "@ngbracket/ngx-layout": "^18.0.0",
-    "ng-overlay-container": "^18.0.0",
-    "@angular/cdk": "^18.0.0",
-    "@ngrx/component-store": "^18.0.0",
-    "ngx-infinite-scroll": "^18.0.0",
-    "@angular/platform-browser": "^18.0.0",
-    "@uirouter/angular": "15.0.0",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "linkify-string": "^4.3.0",
+    "@angular/material": "^21.0.0",
+    "@dereekb/rxjs": "13.0.0",
+    "@dereekb/dbx-core": "13.0.0",
+    "@dereekb/util": "13.0.0",
+    "rxjs": "^7.8.0",
+    "@uirouter/core": "^6.1.2",
+    "@ngrx/store": "^21.0.0",
+    "@ngrx/effects": "^21.0.0",
+    "@ngbracket/ngx-layout": "^21.0.0",
+    "ng-overlay-container": "^21.0.0",
+    "@angular/cdk": "^21.0.0",
+    "@ngrx/component-store": "^21.0.0",
+    "ngx-infinite-scroll": "^21.0.0",
+    "@angular/platform-browser": "^21.0.0",
+    "@uirouter/angular": "21.0.0",
     "change-case-all": "^2.1.0",
-    "class-validator": "^0.14.0",
-    "@zip.js/zip.js": "^2.8.0"
+    "class-validator": "^0.15.1",
+    "@zip.js/zip.js": "^2.8.11"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -30,27 +30,19 @@
   "exports": {
     ".": {
       "sass": "./_index.scss",
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/dereekb-dbx-web.mjs",
-      "esm": "./esm2022/dereekb-dbx-web.mjs",
+      "types": "./types/dereekb-dbx-web.d.ts",
       "default": "./fesm2022/dereekb-dbx-web.mjs"
     },
     "./mapbox": {
-      "types": "./mapbox/index.d.ts",
-      "esm2022": "./esm2022/mapbox/dereekb-dbx-web-mapbox.mjs",
-      "esm": "./esm2022/mapbox/dereekb-dbx-web-mapbox.mjs",
+      "types": "./types/dereekb-dbx-web-mapbox.d.ts",
       "default": "./fesm2022/dereekb-dbx-web-mapbox.mjs"
     },
     "./calendar": {
-      "types": "./calendar/index.d.ts",
-      "esm2022": "./esm2022/calendar/dereekb-dbx-web-calendar.mjs",
-      "esm": "./esm2022/calendar/dereekb-dbx-web-calendar.mjs",
+      "types": "./types/dereekb-dbx-web-calendar.d.ts",
       "default": "./fesm2022/dereekb-dbx-web-calendar.mjs"
     },
     "./table": {
-      "types": "./table/index.d.ts",
-      "esm2022": "./esm2022/table/dereekb-dbx-web-table.mjs",
-      "esm": "./esm2022/table/dereekb-dbx-web-table.mjs",
+      "types": "./types/dereekb-dbx-web-table.d.ts",
       "default": "./fesm2022/dereekb-dbx-web-table.mjs"
     },
     "./package.json": {
@@ -58,6 +50,6 @@
     }
   },
   "module": "fesm2022/dereekb-dbx-web.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/dereekb-dbx-web.d.ts",
   "sideEffects": false
 }

package/types/dereekb-dbx-web-calendar.d.ts

@@ -0,0 +1,197 @@
+import * as _dereekb_dbx_web_calendar from '@dereekb/dbx-web/calendar';
+import * as rxjs from 'rxjs';
+import { Observable } from 'rxjs';
+import * as _angular_core from '@angular/core';
+import { EnvironmentProviders } from '@angular/core';
+import { CalendarEvent } from 'angular-calendar';
+import * as _dereekb_util from '@dereekb/util';
+import { Maybe } from '@dereekb/util';
+import { DateRange } from '@dereekb/date';
+import { ComponentStore } from '@ngrx/component-store';
+import { MatButtonToggleChange } from '@angular/material/button-toggle';
+
+declare enum CalendarDisplayType {
+    MONTH = "month",
+    WEEK = "week",
+    DAY = "day"
+}
+interface CalendarViewDateRange {
+    readonly type: CalendarDisplayType;
+    readonly start: Date;
+    readonly end: Date;
+    readonly distance: number;
+    /**
+     * Whether or not the min navigation date is currently visible. This implies that we're at the minimum date.
+     */
+    readonly isMinDateVisible: boolean;
+    /**
+     * Whether or not the maximum navigation date is visible. This implies that we're at the maximum date.
+     */
+    readonly isMaxDateVisible: boolean;
+}
+declare function isCalendarViewDateRangeEqual(a: CalendarViewDateRange, b: CalendarViewDateRange): boolean;
+interface CalendarState<T = any> {
+    /**
+     * Calendar display mode
+     */
+    readonly type: CalendarDisplayType;
+    /**
+     * Whether or not to show the today button. Defaults to true.
+     */
+    readonly showTodayButton?: boolean;
+    /**
+     * Date that is selected.
+     */
+    readonly date: Date;
+    /**
+     * Whether or not the day was tapped/set twice.
+     */
+    readonly dateTappedTwice: boolean;
+    /**
+     * Set of calendar events.
+     */
+    readonly events: CalendarEvent<T>[];
+    /**
+     * Optional navigation range limitation that limits which dates can be navigated to.
+     */
+    readonly navigationRangeLimit?: Maybe<Partial<DateRange>>;
+    /**
+     * Whether or not to display the page buttons when applicable. Can only be displayed when a navigationRangeLimit is set.
+     */
+    readonly showPageButtons?: boolean;
+}
+declare function visibleDateRangeForCalendarState(calendarState: CalendarState): CalendarViewDateRange;
+declare class DbxCalendarStore<T = any> extends ComponentStore<CalendarState<T>> {
+    constructor();
+    readonly tapFirstPage: (observableOrValue?: void | Observable<void> | undefined) => rxjs.Subscription;
+    readonly tapNext: (observableOrValue?: void | Observable<void> | undefined) => rxjs.Subscription;
+    readonly tapPrevious: (observableOrValue?: void | Observable<void> | undefined) => rxjs.Subscription;
+    readonly tapLastPage: (observableOrValue?: void | Observable<void> | undefined) => rxjs.Subscription;
+    readonly showTodayButton$: Observable<boolean | undefined>;
+    readonly date$: Observable<Date>;
+    readonly dateTappedTwice$: Observable<boolean>;
+    readonly events$: Observable<CalendarEvent<T>[]>;
+    /**
+     * Returns the events that match the tapped date range state.
+     */
+    readonly eventsForDateState$: Observable<{
+        date: Date;
+        events: CalendarEvent<any>[];
+        dateTappedTwice: boolean;
+    }>;
+    readonly eventsForDate$: Observable<CalendarEvent<any>[]>;
+    readonly visibleDateRange$: Observable<CalendarViewDateRange>;
+    readonly visibleEvents$: Observable<CalendarEvent<T>[]>;
+    readonly isLookingAtToday$: Observable<boolean>;
+    readonly isLookingAtMinimumDate$: Observable<boolean>;
+    readonly isLookingAtMaximumDate$: Observable<boolean>;
+    readonly hasMultiplePages$: Observable<boolean>;
+    readonly displayType$: Observable<CalendarDisplayType>;
+    readonly navigationRangeLimit$: Observable<Maybe<Partial<DateRange>>>;
+    readonly minNavigationDate$: Observable<Maybe<Date>>;
+    readonly maxNavigationDate$: Observable<Maybe<Date>>;
+    readonly isTodayInNavigationRangeLimit$: Observable<boolean>;
+    readonly canJumpToToday$: Observable<boolean>;
+    readonly canShowPageButtons$: Observable<boolean | _dereekb_util.MaybeNot>;
+    readonly showPageButtons$: Observable<boolean | _dereekb_util.MaybeNot>;
+    /**
+     * Tap a day.
+     *
+     * - If the same day is presented, dateTappedTwice is flipped.
+     */
+    readonly tapDay: (observableOrValue: Date | Observable<Date>) => rxjs.Subscription;
+    /**
+     * Set all events on the calendar.
+     */
+    readonly setEvents: (observableOrValue: CalendarEvent<T>[] | Observable<CalendarEvent<T>[]>) => rxjs.Subscription;
+    /**
+     * Set all events on the calendar.
+     */
+    readonly setDisplayType: (observableOrValue: CalendarDisplayType | Observable<CalendarDisplayType>) => rxjs.Subscription;
+    /**
+     * Sets the navigation limit.
+     */
+    readonly setNavigationRangeLimit: (() => void) | ((observableOrValue: Maybe<Partial<DateRange>> | Observable<Maybe<Partial<DateRange>>>) => rxjs.Subscription);
+    readonly setShowTodayButton: (() => void) | ((observableOrValue: Maybe<boolean> | Observable<Maybe<boolean>>) => rxjs.Subscription);
+    readonly setShowPageButtons: (() => void) | ((observableOrValue: Maybe<boolean> | Observable<Maybe<boolean>>) => rxjs.Subscription);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxCalendarStore<any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DbxCalendarStore<any>>;
+}
+declare function updateCalendarStateWithTappedDate(state: CalendarState, date: Date): CalendarState<any>;
+declare function updateCalendarStateWithNavigationRangeLimit(state: CalendarState, navigationRangeLimit: Maybe<Partial<DateRange>>): {
+    navigationRangeLimit: Maybe<Partial<DateRange>>;
+    type: CalendarDisplayType;
+    showTodayButton?: boolean;
+    date: Date;
+    dateTappedTwice: boolean;
+    events: CalendarEvent<any>[];
+    showPageButtons?: boolean;
+};
+
+interface DbxCalendarEvent<T> {
+    event: CalendarEvent<T>;
+    action?: string;
+}
+declare function prepareAndSortCalendarEvents(events: CalendarEvent[]): CalendarEvent[];
+
+declare class DbxCalendarComponent<T> {
+    readonly calendarStore: DbxCalendarStore<T>;
+    readonly clickEvent: _angular_core.OutputEmitterRef<DbxCalendarEvent<T>>;
+    readonly viewDate$: rxjs.Observable<Date>;
+    readonly events$: rxjs.Observable<CalendarEvent<any>[]>;
+    readonly activeDayIsOpen$: rxjs.Observable<boolean>;
+    readonly displayType$: rxjs.Observable<_dereekb_dbx_web_calendar.CalendarDisplayType>;
+    readonly viewDateSignal: _angular_core.Signal<Date>;
+    readonly eventsSignal: _angular_core.Signal<CalendarEvent<any>[]>;
+    readonly activeDayIsOpenSignal: _angular_core.Signal<boolean>;
+    readonly displayTypeSignal: _angular_core.Signal<_dereekb_dbx_web_calendar.CalendarDisplayType | undefined>;
+    readonly displayTypeClassSignal: _angular_core.Signal<string>;
+    todayClicked(): void;
+    nextButtonClicked(): void;
+    previousButtonClicked(): void;
+    dayClicked({ date }: {
+        date: Date;
+    }): void;
+    eventClicked(action: string, event: CalendarEvent<T>): void;
+    typeToggleChanged(event: MatButtonToggleChange): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxCalendarComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxCalendarComponent<any>, "dbx-calendar", never, {}, { "clickEvent": "clickEvent"; }, never, never, true, never>;
+}
+
+declare class DbxCalendarBaseComponent<T> {
+    readonly calendarStore: DbxCalendarStore<T>;
+    readonly viewDate$: rxjs.Observable<Date>;
+    readonly showTodayButton$: rxjs.Observable<boolean | undefined>;
+    readonly canJumpToToday$: rxjs.Observable<boolean>;
+    readonly isLookingAtMinimumDate$: rxjs.Observable<boolean>;
+    readonly isLookingAtMaximumDate$: rxjs.Observable<boolean>;
+    readonly hasMultiplePages$: rxjs.Observable<boolean>;
+    readonly showPageButtons$: rxjs.Observable<boolean | _dereekb_util.MaybeNot>;
+    readonly activeDayIsOpen$: rxjs.Observable<boolean>;
+    readonly displayType$: rxjs.Observable<_dereekb_dbx_web_calendar.CalendarDisplayType>;
+    readonly viewDateSignal: _angular_core.Signal<Date>;
+    readonly showTodayButtonSignal: _angular_core.Signal<boolean | undefined>;
+    readonly canJumpToTodaySignal: _angular_core.Signal<boolean | undefined>;
+    readonly isLookingAtMinimumDateSignal: _angular_core.Signal<boolean>;
+    readonly isLookingAtMaximumDateSignal: _angular_core.Signal<boolean>;
+    readonly hasMultiplePagesSignal: _angular_core.Signal<boolean>;
+    readonly showPageButtonsSignal: _angular_core.Signal<boolean | _dereekb_util.MaybeNot>;
+    readonly activeDayIsOpenSignal: _angular_core.Signal<boolean | undefined>;
+    readonly displayTypeSignal: _angular_core.Signal<_dereekb_dbx_web_calendar.CalendarDisplayType | undefined>;
+    todayClicked(): void;
+    firstPageButtonClicked(): void;
+    nextButtonClicked(): void;
+    previousButtonClicked(): void;
+    lastPageButtonClicked(): void;
+    typeToggleChanged(event: MatButtonToggleChange): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxCalendarBaseComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxCalendarBaseComponent<any>, "dbx-calendar-base", never, {}, {}, never, ["[controls]", "*"], true, never>;
+}
+
+/**
+ * Provides default configuration for the DbxCalendarModule
+ */
+declare function provideDbxCalendar(): EnvironmentProviders;
+
+export { CalendarDisplayType, DbxCalendarBaseComponent, DbxCalendarComponent, DbxCalendarStore, isCalendarViewDateRangeEqual, prepareAndSortCalendarEvents, provideDbxCalendar, updateCalendarStateWithNavigationRangeLimit, updateCalendarStateWithTappedDate, visibleDateRangeForCalendarState };
+export type { CalendarState, CalendarViewDateRange, DbxCalendarEvent };