@sprucelabs/spruce-calendar-components 25.1.0 → 25.1.2

package/build/__tests__/support/utilities/calendarSkillAssert.js

@@ -12,6 +12,7 @@ const test_utils_2 = require("@sprucelabs/test-utils");
 const Calendar_vc_1 = __importDefault(require("../../../calendar/Calendar.vc"));
 const AbstractCalendarEventToolBeltState_1 = __importDefault(require("../../../toolBelt/states/AbstractCalendarEventToolBeltState"));
 const EventDateTimeTool_vc_1 = __importDefault(require("../../../tools/EventDateTimeTool.vc"));
+const EventDurationTool_vc_1 = __importDefault(require("../../../tools/EventDurationTool.vc"));
 const EventRepeatingTool_vc_1 = __importDefault(require("../../../tools/EventRepeatingTool.vc"));
 const EventTitleTool_vc_1 = __importDefault(require("../../../tools/EventTitleTool.vc"));
 const EventControlsCard_vc_1 = __importDefault(require("../../../viewControllers/EventControlsCard.vc"));
@@ -30,9 +31,10 @@ class TestTool2 extends heartwood_view_controllers_1.CardViewControllerImpl {
     }
 }
 const vcs = {
+    ['calendar.calendar']: Calendar_vc_1.default,
     ['calendar.repeating-controls-list']: RepeatingControlsList_vc_1.default,
     ['calendar.event-repeating-tool']: EventRepeatingTool_vc_1.default,
-    ['calendar.calendar']: Calendar_vc_1.default,
+    ['calendar.event-duration-tool']: EventDurationTool_vc_1.default,
     ['calendar.event-date-time-tool']: EventDateTimeTool_vc_1.default,
     ['calendar.event-title-tool']: EventTitleTool_vc_1.default,
     ['calendar.event-controls-card']: EventControlsCard_vc_1.default,

package/build/esm/__tests__/support/utilities/calendarSkillAssert.js

@@ -16,6 +16,7 @@ import { generateId } from '@sprucelabs/test-utils';
 import CalendarViewController from '../../../calendar/Calendar.vc.js';
 import AbstractCalendarEventToolBeltState from '../../../toolBelt/states/AbstractCalendarEventToolBeltState.js';
 import EventDateTimeToolViewController from '../../../tools/EventDateTimeTool.vc.js';
+import EventDurationToolViewController from '../../../tools/EventDurationTool.vc.js';
 import EventRepeatingToolViewController from '../../../tools/EventRepeatingTool.vc.js';
 import EventTitleToolViewController from '../../../tools/EventTitleTool.vc.js';
 import EventControlsCardViewController from '../../../viewControllers/EventControlsCard.vc.js';
@@ -36,9 +37,10 @@ class TestTool2 extends CardViewControllerImpl {
     }
 }
 const vcs = {
+    ['calendar.calendar']: CalendarViewController,
     ['calendar.repeating-controls-list']: RepeatingControlsListViewController,
     ['calendar.event-repeating-tool']: EventRepeatingToolViewController,
-    ['calendar.calendar']: CalendarViewController,
+    ['calendar.event-duration-tool']: EventDurationToolViewController,
     ['calendar.event-date-time-tool']: EventDateTimeToolViewController,
     ['calendar.event-title-tool']: EventTitleToolViewController,
     ['calendar.event-controls-card']: EventControlsCardViewController,

package/build/esm/index-components.d.ts

@@ -6,6 +6,7 @@ export { default as calendarToolBeltInteractor } from './__tests__/support/utili
 export { default as SpyEventManager } from './__tests__/support/SpyEventManager';
 import CalendarViewController from './calendar/Calendar.vc';
 import EventDateTimeToolViewController from './tools/EventDateTimeTool.vc';
+import EventDurationToolViewController from './tools/EventDurationTool.vc';
 import EventRepeatingToolViewController from './tools/EventRepeatingTool.vc';
 import EventTitleToolViewController from './tools/EventTitleTool.vc';
 import EventControlsCardViewController from './viewControllers/EventControlsCard.vc';
@@ -38,6 +39,7 @@ declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.typ
         'calendar.repeating-controls-list': RepeatingControlsListViewController;
         'calendar.calendar': CalendarViewController;
         'calendar.event-date-time-tool': EventDateTimeToolViewController;
+        'calendar.event-duration-tool': EventDurationToolViewController;
         'calendar.event-repeating-tool': EventRepeatingToolViewController;
         'calendar.event-title-tool': EventTitleToolViewController;
         'calendar.event-controls-card': EventControlsCardViewController;
@@ -46,6 +48,7 @@ declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.typ
         'calendar.repeating-controls-list': ConstructorParameters<typeof RepeatingControlsListViewController>[0];
         'calendar.calendar': ConstructorParameters<typeof CalendarViewController>[0];
         'calendar.event-date-time-tool': ConstructorParameters<typeof EventDateTimeToolViewController>[0];
+        'calendar.event-duration-tool': ConstructorParameters<typeof EventDurationToolViewController>[0];
         'calendar.event-repeating-tool': ConstructorParameters<typeof EventRepeatingToolViewController>[0];
         'calendar.event-title-tool': ConstructorParameters<typeof EventTitleToolViewController>[0];
     }

package/build/esm/tools/EventDurationTool.vc.d.ts

@@ -0,0 +1,39 @@
+import { AbstractViewController, Card, FormViewController, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+import { CalendarTool, CalendarToolOptions } from '../types/calendar.types';
+export default class EventDurationToolViewController extends AbstractViewController<Card> implements CalendarTool {
+    static id: string;
+    shouldPersistContextChangesImmediately?: boolean | undefined;
+    private cardVc;
+    protected formVc: EventDurationFormVc;
+    private getContextHandler;
+    private updateContextHandler;
+    constructor(options: ViewControllerOptions & CalendarToolOptions);
+    private CardVc;
+    private FormVc;
+    private handleChangeForm;
+    private getDurationMsFromEvent;
+    handleUpdateContext(): Promise<void>;
+    private setFormToMatchContext;
+    private get event();
+    private get context();
+    load(): Promise<void>;
+    render(): import("@sprucelabs/heartwood-view-controllers").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}
+declare const eventDurationFormSchema: {
+    id: string;
+    fields: {
+        durationMs: {
+            type: "select";
+            isRequired: true;
+            options: {
+                choices: {
+                    label: string;
+                    value: string;
+                }[];
+            };
+        };
+    };
+};
+type EventDurationFormSchema = typeof eventDurationFormSchema;
+export type EventDurationFormVc = FormViewController<EventDurationFormSchema>;
+export {};

package/build/esm/tools/EventDurationTool.vc.js

@@ -0,0 +1,137 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { AbstractViewController, buildForm, } from '@sprucelabs/heartwood-view-controllers';
+import { buildSchema } from '@sprucelabs/schema';
+class EventDurationToolViewController extends AbstractViewController {
+    constructor(options) {
+        super(options);
+        this.shouldPersistContextChangesImmediately = false;
+        const { getContext, updateContext } = options;
+        this.getContextHandler = getContext;
+        this.updateContextHandler = updateContext;
+        this.formVc = this.FormVc();
+        this.cardVc = this.CardVc();
+    }
+    CardVc() {
+        return this.Controller('card', {
+            body: {
+                sections: [
+                    {
+                        form: this.formVc.render(),
+                    },
+                ],
+            },
+        });
+    }
+    FormVc() {
+        return this.Controller('form', buildForm({
+            values: { durationMs: this.getDurationMsFromEvent() },
+            onChange: this.handleChangeForm.bind(this),
+            sections: [
+                {
+                    fields: [
+                        {
+                            name: 'durationMs',
+                            renderAs: 'tags',
+                        },
+                    ],
+                },
+            ],
+            schema: eventDurationFormSchema,
+        }));
+    }
+    handleChangeForm() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const durationMs = this.formVc.getValue('durationMs');
+            const duration = parseInt(durationMs, 10) / 1000 / 60;
+            const timeBlocks = this.event.timeBlocks.map((tb) => (Object.assign({}, tb)));
+            timeBlocks[0].durationMinutes = duration;
+            yield this.updateContextHandler({
+                //@ts-ignore
+                'event.timeBlocks': timeBlocks,
+            });
+        });
+    }
+    getDurationMsFromEvent() {
+        var _a;
+        if ((_a = this.event.timeBlocks) === null || _a === void 0 ? void 0 : _a[0]) {
+            return `${this.event.timeBlocks[0].durationMinutes * 60 * 1000}`;
+        }
+        return null;
+    }
+    handleUpdateContext() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.setFormToMatchContext();
+        });
+    }
+    setFormToMatchContext() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const durationMs = this.getDurationMsFromEvent();
+            yield this.formVc.setValue('durationMs', durationMs);
+        });
+    }
+    get event() {
+        return this.context.event;
+    }
+    get context() {
+        return this.getContextHandler();
+    }
+    load() {
+        return __awaiter(this, void 0, void 0, function* () { });
+    }
+    render() {
+        return this.cardVc.render();
+    }
+}
+EventDurationToolViewController.id = 'event-duration-tool';
+export default EventDurationToolViewController;
+const labels = [
+    '15m',
+    '30m',
+    '45m',
+    '1h',
+    '1h15m',
+    '1h30m',
+    '1h45',
+    '2h',
+    '4h',
+    '6h',
+    '8h',
+    '10h',
+];
+const values = [
+    15 * 60 * 1000,
+    30 * 60 * 1000,
+    45 * 60 * 1000,
+    60 * 60 * 1000,
+    75 * 60 * 1000,
+    90 * 60 * 1000,
+    105 * 60 * 1000,
+    120 * 60 * 1000,
+    240 * 60 * 1000,
+    360 * 60 * 1000,
+    480 * 60 * 1000,
+    600 * 60 * 1000,
+];
+const eventDurationFormSchema = buildSchema({
+    id: 'durationForm',
+    fields: {
+        durationMs: {
+            type: 'select',
+            isRequired: true,
+            options: {
+                choices: labels.map((label, idx) => ({
+                    label,
+                    value: `${values[idx]}`,
+                })),
+            },
+        },
+    },
+});

package/build/index-components.d.ts

@@ -6,6 +6,7 @@ export { default as calendarToolBeltInteractor } from './__tests__/support/utili
 export { default as SpyEventManager } from './__tests__/support/SpyEventManager';
 import CalendarViewController from './calendar/Calendar.vc';
 import EventDateTimeToolViewController from './tools/EventDateTimeTool.vc';
+import EventDurationToolViewController from './tools/EventDurationTool.vc';
 import EventRepeatingToolViewController from './tools/EventRepeatingTool.vc';
 import EventTitleToolViewController from './tools/EventTitleTool.vc';
 import EventControlsCardViewController from './viewControllers/EventControlsCard.vc';
@@ -38,6 +39,7 @@ declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.typ
         'calendar.repeating-controls-list': RepeatingControlsListViewController;
         'calendar.calendar': CalendarViewController;
         'calendar.event-date-time-tool': EventDateTimeToolViewController;
+        'calendar.event-duration-tool': EventDurationToolViewController;
         'calendar.event-repeating-tool': EventRepeatingToolViewController;
         'calendar.event-title-tool': EventTitleToolViewController;
         'calendar.event-controls-card': EventControlsCardViewController;
@@ -46,6 +48,7 @@ declare module '@sprucelabs/heartwood-view-controllers/build/types/heartwood.typ
         'calendar.repeating-controls-list': ConstructorParameters<typeof RepeatingControlsListViewController>[0];
         'calendar.calendar': ConstructorParameters<typeof CalendarViewController>[0];
         'calendar.event-date-time-tool': ConstructorParameters<typeof EventDateTimeToolViewController>[0];
+        'calendar.event-duration-tool': ConstructorParameters<typeof EventDurationToolViewController>[0];
         'calendar.event-repeating-tool': ConstructorParameters<typeof EventRepeatingToolViewController>[0];
         'calendar.event-title-tool': ConstructorParameters<typeof EventTitleToolViewController>[0];
     }

package/build/tools/EventDurationTool.vc.d.ts

@@ -0,0 +1,39 @@
+import { AbstractViewController, Card, FormViewController, ViewControllerOptions } from '@sprucelabs/heartwood-view-controllers';
+import { CalendarTool, CalendarToolOptions } from '../types/calendar.types';
+export default class EventDurationToolViewController extends AbstractViewController<Card> implements CalendarTool {
+    static id: string;
+    shouldPersistContextChangesImmediately?: boolean | undefined;
+    private cardVc;
+    protected formVc: EventDurationFormVc;
+    private getContextHandler;
+    private updateContextHandler;
+    constructor(options: ViewControllerOptions & CalendarToolOptions);
+    private CardVc;
+    private FormVc;
+    private handleChangeForm;
+    private getDurationMsFromEvent;
+    handleUpdateContext(): Promise<void>;
+    private setFormToMatchContext;
+    private get event();
+    private get context();
+    load(): Promise<void>;
+    render(): import("@sprucelabs/heartwood-view-controllers").SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Card;
+}
+declare const eventDurationFormSchema: {
+    id: string;
+    fields: {
+        durationMs: {
+            type: "select";
+            isRequired: true;
+            options: {
+                choices: {
+                    label: string;
+                    value: string;
+                }[];
+            };
+        };
+    };
+};
+type EventDurationFormSchema = typeof eventDurationFormSchema;
+export type EventDurationFormVc = FormViewController<EventDurationFormSchema>;
+export {};

package/build/tools/EventDurationTool.vc.js

@@ -0,0 +1,122 @@
+"use strict";
+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 {
+    constructor(options) {
+        super(options);
+        this.shouldPersistContextChangesImmediately = false;
+        const { getContext, updateContext } = options;
+        this.getContextHandler = getContext;
+        this.updateContextHandler = updateContext;
+        this.formVc = this.FormVc();
+        this.cardVc = this.CardVc();
+    }
+    CardVc() {
+        return this.Controller('card', {
+            body: {
+                sections: [
+                    {
+                        form: this.formVc.render(),
+                    },
+                ],
+            },
+        });
+    }
+    FormVc() {
+        return this.Controller('form', (0, heartwood_view_controllers_1.buildForm)({
+            values: { durationMs: this.getDurationMsFromEvent() },
+            onChange: this.handleChangeForm.bind(this),
+            sections: [
+                {
+                    fields: [
+                        {
+                            name: 'durationMs',
+                            renderAs: 'tags',
+                        },
+                    ],
+                },
+            ],
+            schema: eventDurationFormSchema,
+        }));
+    }
+    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)));
+        timeBlocks[0].durationMinutes = duration;
+        await this.updateContextHandler({
+            //@ts-ignore
+            'event.timeBlocks': timeBlocks,
+        });
+    }
+    getDurationMsFromEvent() {
+        var _a;
+        if ((_a = this.event.timeBlocks) === null || _a === void 0 ? void 0 : _a[0]) {
+            return `${this.event.timeBlocks[0].durationMinutes * 60 * 1000}`;
+        }
+        return null;
+    }
+    async handleUpdateContext() {
+        await this.setFormToMatchContext();
+    }
+    async setFormToMatchContext() {
+        const durationMs = this.getDurationMsFromEvent();
+        await this.formVc.setValue('durationMs', durationMs);
+    }
+    get event() {
+        return this.context.event;
+    }
+    get context() {
+        return this.getContextHandler();
+    }
+    async load() { }
+    render() {
+        return this.cardVc.render();
+    }
+}
+EventDurationToolViewController.id = 'event-duration-tool';
+exports.default = EventDurationToolViewController;
+const labels = [
+    '15m',
+    '30m',
+    '45m',
+    '1h',
+    '1h15m',
+    '1h30m',
+    '1h45',
+    '2h',
+    '4h',
+    '6h',
+    '8h',
+    '10h',
+];
+const values = [
+    15 * 60 * 1000,
+    30 * 60 * 1000,
+    45 * 60 * 1000,
+    60 * 60 * 1000,
+    75 * 60 * 1000,
+    90 * 60 * 1000,
+    105 * 60 * 1000,
+    120 * 60 * 1000,
+    240 * 60 * 1000,
+    360 * 60 * 1000,
+    480 * 60 * 1000,
+    600 * 60 * 1000,
+];
+const eventDurationFormSchema = (0, schema_1.buildSchema)({
+    id: 'durationForm',
+    fields: {
+        durationMs: {
+            type: 'select',
+            isRequired: true,
+            options: {
+                choices: labels.map((label, idx) => ({
+                    label,
+                    value: `${values[idx]}`,
+                })),
+            },
+        },
+    },
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sprucelabs/spruce-calendar-components",
   "description": "Calendar components for working with calendars and Sprucebot.",
-  "version": "25.1.0",
+  "version": "25.1.2",
   "skill": {
     "namespace": "calendar"
   },
@@ -138,6 +138,10 @@
     "build/tools/CalendarSelectTool.vc.d.ts",
     "build/esm/tools/CalendarSelectTool.vc.js",
     "build/esm/tools/CalendarSelectTool.vc.d.ts",
+    "build/tools/EventDurationTool.vc.js",
+    "build/tools/EventDurationTool.vc.d.ts",
+    "build/esm/tools/EventDurationTool.vc.js",
+    "build/esm/tools/EventDurationTool.vc.d.ts",
     "build/viewControllers/DateSelectCard.vc.js",
     "build/viewControllers/DateSelectCard.vc.d.ts",
     "build/esm/viewControllers/DateSelectCard.vc.js",