@sprucelabs/spruce-calendar-components 28.3.102 → 29.0.0

package/build/toolBelt/states/RootToolBeltState.js

@@ -3,8 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RootToolBeltState = void 0;
 const schema_1 = require("@sprucelabs/schema");
 class RootToolBeltState {
+    id = 'root';
+    calendarSelectCardVc;
+    toolBeltVc;
+    personSelectVc;
+    sm;
+    scopeSelectionTool;
+    dateSelectVc;
+    lastSelectedDate;
+    people;
+    events;
+    dates;
     constructor(options) {
-        this.id = 'root';
         const { people, events, dates } = (0, schema_1.assertOptions)(options, [
             'people',
             'events',
@@ -18,8 +28,7 @@ class RootToolBeltState {
         return this.calendarSelectCardVc;
     }
     CalendarSelectVc() {
-        var _a;
-        return (_a = this.sm) === null || _a === void 0 ? void 0 : _a.Controller('calendar.calendar-select-tool', {
+        return this.sm?.Controller('calendar.calendar-select-tool', {
             events: this.events,
         });
     }
@@ -54,35 +63,32 @@ class RootToolBeltState {
         await events.setCurrentDate(date);
     }
     resetToolBelt() {
-        var _a;
         if (!this.scopeSelectionTool) {
-            this.scopeSelectionTool = (_a = this.toolBeltVc) === null || _a === void 0 ? void 0 : _a.getTool('scope-selection');
+            this.scopeSelectionTool =
+                this.toolBeltVc?.getTool('scope-selection');
         }
         this.toolBeltVc.clearTools();
     }
     optionallyDropInScopeSelectionTool() {
-        var _a, _b;
         if (this.scopeSelectionTool &&
-            !((_a = this.toolBeltVc) === null || _a === void 0 ? void 0 : _a.getTool('scope-selection'))) {
-            (_b = this.toolBeltVc) === null || _b === void 0 ? void 0 : _b.addTool(this.scopeSelectionTool);
+            !this.toolBeltVc?.getTool('scope-selection')) {
+            this.toolBeltVc?.addTool(this.scopeSelectionTool);
         }
     }
     setupCalendarSelectVc(stateMachine) {
-        var _a, _b, _c;
         this.calendarSelectCardVc = this.CalendarSelectVc();
-        (_a = this.toolBeltVc) === null || _a === void 0 ? void 0 : _a.addTool({
+        this.toolBeltVc?.addTool({
             lineIcon: 'calendar',
             id: 'calendars',
-            card: (_b = this.calendarSelectCardVc) === null || _b === void 0 ? void 0 : _b.render(),
+            card: this.calendarSelectCardVc?.render(),
         });
-        return (_c = this.calendarSelectCardVc) === null || _c === void 0 ? void 0 : _c.load(stateMachine.getContext());
+        return this.calendarSelectCardVc?.load(stateMachine.getContext());
     }
     async optionallyAddPeopleCard(scope) {
-        var _a, _b;
         const location = await scope.getCurrentLocation();
-        if (location && !((_a = this.toolBeltVc) === null || _a === void 0 ? void 0 : _a.getTool('people'))) {
+        if (location && !this.toolBeltVc?.getTool('people')) {
             this.personSelectVc = this.PersonSelectVc();
-            (_b = this.toolBeltVc) === null || _b === void 0 ? void 0 : _b.addTool({
+            this.toolBeltVc?.addTool({
                 lineIcon: 'user',
                 id: 'people',
                 card: this.personSelectVc.render(),
@@ -100,17 +106,15 @@ class RootToolBeltState {
         return this.dateSelectVc.getSelectedDate();
     }
     setSelectedDate(year, month, day) {
-        var _a;
         this.lastSelectedDate = {
             year,
             month,
             day,
         };
-        (_a = this.dateSelectVc) === null || _a === void 0 ? void 0 : _a.setSelectedDate(year, month, day);
+        this.dateSelectVc?.setSelectedDate(year, month, day);
     }
     PersonSelectVc() {
-        var _a;
-        return (_a = this.sm) === null || _a === void 0 ? void 0 : _a.Controller('calendar.person-select-tool', {
+        return this.sm?.Controller('calendar.person-select-tool', {
             people: this.people,
         });
     }

package/build/toolBelt/states/UniversalEventToolBeltState.js

@@ -5,10 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const AbstractCalendarEventToolBeltState_1 = __importDefault(require("./AbstractCalendarEventToolBeltState"));
 class UniversalEventToolBeltState extends AbstractCalendarEventToolBeltState_1.default {
-    constructor() {
-        super(...arguments);
-        this.id = 'universal';
-    }
+    id = 'universal';
     async load(stateMachine) {
         await super.load(stateMachine);
         await this.addTool({

package/build/toolBelt/states/makeEventTyped.js

@@ -5,10 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const draftGenerator_1 = __importDefault(require("../../utilities/draftGenerator"));
 function makeEventTyped(event, type) {
-    var _a;
     const { timeBlocks } = event;
     timeBlocks[0].title = draftGenerator_1.default.generateTitle(type.name);
-    timeBlocks[0].leftIcons = [{ icon: (_a = type.lineIcon) !== null && _a !== void 0 ? _a : 'coffee', hint: null }];
+    timeBlocks[0].leftIcons = [{ icon: type.lineIcon ?? 'coffee', hint: null }];
     return event;
 }
 exports.default = makeEventTyped;

package/build/tools/CalendarSelectTool.vc.js

@@ -3,10 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
 const schema_1 = require("@sprucelabs/schema");
 class CalendarSelectCardViewController extends heartwood_view_controllers_1.AbstractViewController {
+    static id = 'calendar-select-tool';
+    isLoaded = false;
+    activeVc;
+    events;
+    selectedCalendarIds = [];
+    changePromise;
     constructor(options) {
         super(options);
-        this.isLoaded = false;
-        this.selectedCalendarIds = [];
         const { events } = (0, schema_1.assertOptions)(options, ['events']);
         this.events = events;
         this.selectedCalendarIds = this.events.getVisibleCalendarIds();
@@ -22,7 +26,9 @@ class CalendarSelectCardViewController extends heartwood_view_controllers_1.Abst
             noResultsRow: {
                 cells: [
                     {
-                        text: { content: "You don't have any calendars yet!" },
+                        text: {
+                            content: "You don't have any calendars yet!",
+                        },
                     },
                 ],
             },
@@ -44,7 +50,8 @@ class CalendarSelectCardViewController extends heartwood_view_controllers_1.Abst
                         value: this.selectedCalendarIds.indexOf(calendar.id) > -1,
                         onChange: async (isVisible) => {
                             const calendarId = calendar.id;
-                            this.changePromise = this.events.setCalendarVisibility(calendarId, isVisible);
+                            this.changePromise =
+                                this.events.setCalendarVisibility(calendarId, isVisible);
                             const p = this.changePromise;
                             return p;
                         },
@@ -84,7 +91,7 @@ class CalendarSelectCardViewController extends heartwood_view_controllers_1.Abst
         const org = await scope.getCurrentOrganization();
         if (org) {
             this.activeVc.setTarget({
-                organizationId: org === null || org === void 0 ? void 0 : org.id,
+                organizationId: org?.id,
             });
         }
         await this.activeVc.load();
@@ -94,5 +101,4 @@ class CalendarSelectCardViewController extends heartwood_view_controllers_1.Abst
         return this.activeVc.render();
     }
 }
-CalendarSelectCardViewController.id = 'calendar-select-tool';
 exports.default = CalendarSelectCardViewController;

package/build/tools/EventDateTimeTool.vc.js

@@ -3,9 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
 const schema_1 = require("@sprucelabs/schema");
 class EventDateTimeToolViewController extends heartwood_view_controllers_1.AbstractViewController {
+    static id = 'event-date-time-tool';
+    shouldPersistContextChangesImmediately = true;
+    cardVc;
+    formVc;
+    updateContext;
+    getContext;
+    calendarVc;
     constructor(options) {
         super(options);
-        this.shouldPersistContextChangesImmediately = true;
         this.updateContext = options.updateContext;
         this.getContext = options.getContext;
         this.calendarVc = this.Controller('calendar', {
@@ -80,7 +86,7 @@ class EventDateTimeToolViewController extends heartwood_view_controllers_1.Abstr
         return shouldBail;
     }
     getSelectedDate(dateTimeMs) {
-        const { year, month, day } = this.dates.splitDate(dateTimeMs !== null && dateTimeMs !== void 0 ? dateTimeMs : this.event.startDateTimeMs);
+        const { year, month, day } = this.dates.splitDate(dateTimeMs ?? this.event.startDateTimeMs);
         return { year, month, day };
     }
     CardVc() {
@@ -123,12 +129,11 @@ class EventDateTimeToolViewController extends heartwood_view_controllers_1.Abstr
         this.calendarVc.setSelectedDates([this.getSelectedDate()]);
     }
     async handleChangeForm({ values }) {
-        var _a;
         if (values.startDateTime) {
-            await ((_a = this.updateContext) === null || _a === void 0 ? void 0 : _a.call(this, {
+            await this.updateContext?.({
                 //@ts-ignore
                 'event.startDateTimeMs': values.startDateTime,
-            }));
+            });
         }
     }
     getFormVc() {
@@ -144,7 +149,6 @@ class EventDateTimeToolViewController extends heartwood_view_controllers_1.Abstr
         return this.cardVc.render();
     }
 }
-EventDateTimeToolViewController.id = 'event-date-time-tool';
 exports.default = EventDateTimeToolViewController;
 const schema = (0, schema_1.buildSchema)({
     id: ' startDateTime',

package/build/tools/EventDurationTool.vc.js

@@ -3,9 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
 const schema_1 = require("@sprucelabs/schema");
 class EventDurationToolViewController extends heartwood_view_controllers_1.AbstractViewController {
+    static id = 'event-duration-tool';
+    shouldPersistContextChangesImmediately = false;
+    cardVc;
+    formVc;
+    getContextHandler;
+    updateContextHandler;
     constructor(options) {
         super(options);
-        this.shouldPersistContextChangesImmediately = false;
         const { getContext, updateContext } = options;
         this.getContextHandler = getContext;
         this.updateContextHandler = updateContext;
@@ -47,7 +52,7 @@ class EventDurationToolViewController extends heartwood_view_controllers_1.Abstr
     async handleChangeForm() {
         const durationMs = this.formVc.getValue('durationMs');
         const duration = parseInt(durationMs, 10) / 1000 / 60;
-        const timeBlocks = this.event.timeBlocks.map((tb) => (Object.assign({}, tb)));
+        const timeBlocks = this.event.timeBlocks.map((tb) => ({ ...tb }));
         timeBlocks[0].durationMinutes = duration;
         await this.updateContextHandler({
             //@ts-ignore
@@ -55,8 +60,7 @@ class EventDurationToolViewController extends heartwood_view_controllers_1.Abstr
         });
     }
     getDurationMsFromEvent() {
-        var _a;
-        if ((_a = this.event.timeBlocks) === null || _a === void 0 ? void 0 : _a[0]) {
+        if (this.event.timeBlocks?.[0]) {
             return `${this.event.timeBlocks[0].durationMinutes * 60 * 1000}`;
         }
         return null;
@@ -79,7 +83,6 @@ class EventDurationToolViewController extends heartwood_view_controllers_1.Abstr
         return this.cardVc.render();
     }
 }
-EventDurationToolViewController.id = 'event-duration-tool';
 exports.default = EventDurationToolViewController;
 const labels = [
     '15m',

package/build/tools/EventRepeatingTool.vc.js

@@ -3,6 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
 const schema_1 = require("@sprucelabs/schema");
 class EventRepeatingToolViewController extends heartwood_view_controllers_1.AbstractViewController {
+    static id = 'event-repeating-tool';
+    cardVc;
+    controlsListVc;
+    formVc;
+    getEvent;
+    updateContextHandler;
     constructor(options) {
         super(options);
         const { getContext, updateContext } = options;
@@ -21,13 +27,15 @@ class EventRepeatingToolViewController extends heartwood_view_controllers_1.Abst
             },
             body: {
                 isBusy: false,
-                sections: [{ shouldBePadded: false, form: this.formVc.render() }],
+                sections: [
+                    { shouldBePadded: false, form: this.formVc.render() },
+                ],
             },
         });
     }
     ControlsListVc() {
         return this.Controller('calendar.repeating-controls-list', {
-            repeating: Object.assign({}, this.getEvent()),
+            repeating: { ...this.getEvent() },
             didChangeRepeating: async (value) => {
                 const pass = this.handleDidChangeRepeating(value);
                 return pass;
@@ -35,19 +43,28 @@ class EventRepeatingToolViewController extends heartwood_view_controllers_1.Abst
         });
     }
     handleDidChangeRepeating(value) {
-        var _a;
         const cleaned = this.removeExtraRepeatingFields(value);
-        const updates = Object.assign({ repeats: undefined, interval: undefined, repeatsUntil: undefined, occurrences: undefined, daysOfWeek: undefined, daysOfMonth: undefined }, cleaned);
+        const updates = {
+            repeats: undefined,
+            interval: undefined,
+            repeatsUntil: undefined,
+            occurrences: undefined,
+            daysOfWeek: undefined,
+            daysOfMonth: undefined,
+            ...cleaned,
+        };
         const keyedUpdates = {};
         Object.keys(updates).forEach((k) => {
             //@ts-ignore
             keyedUpdates[`event.${k}`] = updates[k];
         });
-        const pass = (_a = this.updateContextHandler) === null || _a === void 0 ? void 0 : _a.call(this, Object.assign({}, keyedUpdates));
+        const pass = this.updateContextHandler?.({
+            ...keyedUpdates,
+        });
         return pass;
     }
     removeExtraRepeatingFields(value) {
-        const cleaned = Object.assign({}, value);
+        const cleaned = { ...value };
         delete cleaned.repeatAmount;
         return cleaned;
     }
@@ -83,7 +100,6 @@ class EventRepeatingToolViewController extends heartwood_view_controllers_1.Abst
         return this.cardVc.render();
     }
 }
-EventRepeatingToolViewController.id = 'event-repeating-tool';
 exports.default = EventRepeatingToolViewController;
 const schema = (0, schema_1.buildSchema)({
     id: 'repeatingSchema',

package/build/tools/EventTitleTool.vc.js

@@ -3,6 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
 const schema_1 = require("@sprucelabs/schema");
 class EventTitleToolViewController extends heartwood_view_controllers_1.AbstractViewController {
+    static id = 'event-title-card';
+    cardVc;
+    formVc;
+    getContext;
+    updateContextHandler;
     constructor(options) {
         super(options);
         const { getContext, updateContext } = options;
@@ -23,8 +28,7 @@ class EventTitleToolViewController extends heartwood_view_controllers_1.Abstract
         });
     }
     FormVc() {
-        var _a, _b;
-        const timeBlock = (_b = (_a = this.getContext().event) === null || _a === void 0 ? void 0 : _a.timeBlocks) === null || _b === void 0 ? void 0 : _b[0];
+        const timeBlock = this.getContext().event?.timeBlocks?.[0];
         return this.Controller('form', (0, heartwood_view_controllers_1.buildForm)({
             schema: formSchema,
             shouldShowSubmitControls: false,
@@ -35,8 +39,8 @@ class EventTitleToolViewController extends heartwood_view_controllers_1.Abstract
                 },
             ],
             values: {
-                title: timeBlock === null || timeBlock === void 0 ? void 0 : timeBlock.title,
-                subtitle: timeBlock === null || timeBlock === void 0 ? void 0 : timeBlock.subtitle,
+                title: timeBlock?.title,
+                subtitle: timeBlock?.subtitle,
             },
         }));
     }
@@ -63,7 +67,6 @@ class EventTitleToolViewController extends heartwood_view_controllers_1.Abstract
         return this.cardVc.render();
     }
 }
-EventTitleToolViewController.id = 'event-title-card';
 exports.default = EventTitleToolViewController;
 const formSchema = (0, schema_1.buildSchema)({
     id: 'titleSubtitle',

package/build/tools/PersonSelectTool.vc.js

@@ -3,20 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
 const schema_1 = require("@sprucelabs/schema");
 class PersonSelectToolViewController extends heartwood_view_controllers_1.AbstractViewController {
+    static id = 'person-select-tool';
+    shouldUpdateVisibilityOnToggleChange = true;
+    updatePromise;
     get visiblePeopleIds() {
         return this.people.getVisiblePeopleIds();
     }
+    isLoaded = false;
     get loggedInPersonId() {
-        var _a;
-        return (_a = this.people.getLoggedInPerson()) === null || _a === void 0 ? void 0 : _a.id;
+        return this.people.getLoggedInPerson()?.id;
     }
+    cardVc;
+    listVc;
+    modeButtonBarVc;
     get mode() {
         return this.people.getVisibilityMode();
     }
+    people;
     constructor(options) {
         super(options);
-        this.shouldUpdateVisibilityOnToggleChange = true;
-        this.isLoaded = false;
         const { people } = (0, schema_1.assertOptions)(options, ['people']);
         this.people = people;
         this.listVc = this.ListVc();
@@ -84,16 +89,19 @@ class PersonSelectToolViewController extends heartwood_view_controllers_1.Abstra
         });
     }
     renderRow(person) {
-        var _a;
         return {
             id: person.id,
             cells: [
                 {
-                    avatars: ((_a = person.avatar) === null || _a === void 0 ? void 0 : _a.mUri) ? [person.avatar.mUri] : undefined,
+                    avatars: person.avatar?.mUri
+                        ? [person.avatar.mUri]
+                        : undefined,
                 },
                 {
                     text: {
-                        content: this.isPersonLoggedIn(person) ? 'You' : person.casualName,
+                        content: this.isPersonLoggedIn(person)
+                            ? 'You'
+                            : person.casualName,
                     },
                 },
                 {
@@ -102,7 +110,8 @@ class PersonSelectToolViewController extends heartwood_view_controllers_1.Abstra
                         value: !!this.visiblePeopleIds.find((id) => id === person.id),
                         onChange: async (value) => {
                             if (this.shouldUpdateVisibilityOnToggleChange) {
-                                this.updatePromise = this.people.setPersonVisibility(person.id, value !== null && value !== void 0 ? value : false);
+                                this.updatePromise =
+                                    this.people.setPersonVisibility(person.id, value ?? false);
                             }
                         },
                     },
@@ -153,5 +162,4 @@ class PersonSelectToolViewController extends heartwood_view_controllers_1.Abstra
         return this.cardVc.render();
     }
 }
-PersonSelectToolViewController.id = 'person-select-tool';
 exports.default = PersonSelectToolViewController;

package/build/utilities/draftGenerator.js

@@ -31,7 +31,7 @@ const draftEventGenerator = {
         ];
     },
     generateTitle(eventTypeName) {
-        return `New ${eventTypeName !== null && eventTypeName !== void 0 ? eventTypeName : 'event'}`;
+        return `New ${eventTypeName ?? 'event'}`;
     },
 };
 exports.default = draftEventGenerator;

package/build/viewControllers/DateSelectCard.vc.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-controllers");
 const schema_1 = require("@sprucelabs/schema");
 class DateSelectCardViewController extends heartwood_view_controllers_1.AbstractViewController {
+    static id = 'date-select-card';
+    cardVc;
+    calendarVc;
+    dateSelectHandler;
     constructor(options) {
         super(options);
-        const { onSelectDate, startDate, selectedDate } = (0, schema_1.assertOptions)(options, [
-            'onSelectDate',
-            'startDate',
-        ]);
+        const { onSelectDate, startDate, selectedDate } = (0, schema_1.assertOptions)(options, ['onSelectDate', 'startDate']);
         this.dateSelectHandler = onSelectDate;
         this.calendarVc = this.CalendarVc({
             startDate,
@@ -23,7 +24,12 @@ class DateSelectCardViewController extends heartwood_view_controllers_1.Abstract
         await this.calendarVc.setStartDate(startDate);
     }
     CalendarVc(options) {
-        return this.Controller('calendar', Object.assign({ view: 'month', onClickView: ({ dateTimeMs }) => this.handleDateSelect(dateTimeMs), selectedDates: [] }, options));
+        return this.Controller('calendar', {
+            view: 'month',
+            onClickView: ({ dateTimeMs }) => this.handleDateSelect(dateTimeMs),
+            selectedDates: [],
+            ...options,
+        });
     }
     async handleDateSelect(dateTimeMs) {
         const { year, month, day } = this.dates.splitDate(dateTimeMs);
@@ -32,7 +38,7 @@ class DateSelectCardViewController extends heartwood_view_controllers_1.Abstract
             this.calendarVc.clearSelectedDates();
             this.calendarVc.selectDate(year, month, day);
         });
-        await this.dateSelectHandler(dateTimeMs !== null && dateTimeMs !== void 0 ? dateTimeMs : 0);
+        await this.dateSelectHandler(dateTimeMs ?? 0);
     }
     CardVc() {
         return this.Controller('card', {
@@ -64,5 +70,4 @@ class DateSelectCardViewController extends heartwood_view_controllers_1.Abstract
         return this.cardVc.render();
     }
 }
-DateSelectCardViewController.id = 'date-select-card';
 exports.default = DateSelectCardViewController;

package/build/viewControllers/EventControlsCard.vc.js

@@ -7,9 +7,15 @@ const heartwood_view_controllers_1 = require("@sprucelabs/heartwood-view-control
 const schema_1 = require("@sprucelabs/schema");
 const draftGenerator_1 = __importDefault(require("../utilities/draftGenerator"));
 class EventControlsCardViewController extends heartwood_view_controllers_1.AbstractViewController {
+    static id = 'event-controls-card';
+    cardVc;
+    saveHandler;
+    // private cancelHandler: () => boolean | void | Promise<boolean | void>
+    getContext;
+    cancelEventHandler;
+    isEnableLocked = false;
     constructor(options) {
         super(options);
-        this.isEnableLocked = false;
         const { onSave, getContext, onCancelEvent } = (0, schema_1.assertOptions)(options, [
             'onSave',
             'onCancelEvent',
@@ -57,16 +63,15 @@ class EventControlsCardViewController extends heartwood_view_controllers_1.Abstr
         this.optionallyDropInCancelButton();
     }
     optionallyDropInCancelButton() {
-        var _a;
         const { event } = this.getContext();
-        if ((event === null || event === void 0 ? void 0 : event.id) && !draftGenerator_1.default.isDraftId(event.id)) {
+        if (event?.id && !draftGenerator_1.default.isDraftId(event.id)) {
             this.cardVc.setBody({
                 sections: [
                     {
                         buttons: [
                             {
                                 id: 'cancel-event',
-                                label: `Cancel ${(_a = event.eventTypeSlug) !== null && _a !== void 0 ? _a : 'event'}`,
+                                label: `Cancel ${event.eventTypeSlug ?? 'event'}`,
                                 type: 'destructive',
                                 onClick: () => this.cancelEventHandler(this.getContext().event.id),
                             },
@@ -80,5 +85,4 @@ class EventControlsCardViewController extends heartwood_view_controllers_1.Abstr
         return this.cardVc.render();
     }
 }
-EventControlsCardViewController.id = 'event-controls-card';
 exports.default = EventControlsCardViewController;