@blueprint-ts/core 4.1.0-beta.6 → 5.0.0

package/dist/requests/drivers/xhr/XMLHttpRequestDriver.js

@@ -1,97 +1,91 @@
-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 { ResponseException } from '../../exceptions/ResponseException';
 import { RequestMethodEnum } from '../../RequestMethod.enum';
 import { XMLHttpRequestResponse } from './XMLHttpRequestResponse';
 export class XMLHttpRequestDriver {
+    config;
     constructor(config) {
         this.config = config;
     }
-    send(url, method, headers, body, requestConfig) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const mergedConfig = Object.assign(Object.assign({}, this.config), (requestConfig !== null && requestConfig !== void 0 ? requestConfig : {}));
-            const mergedHeaders = Object.assign(Object.assign(Object.assign({}, (_a = this.config) === null || _a === void 0 ? void 0 : _a.headers), headers), body === null || body === void 0 ? void 0 : body.getHeaders());
-            const resolvedHeaders = this.resolveHeaders(mergedHeaders);
-            return yield new Promise((resolve, reject) => {
-                const request = new XMLHttpRequest();
-                const requestUrl = url instanceof URL ? url.toString() : url;
-                const requestBody = [RequestMethodEnum.GET, RequestMethodEnum.HEAD].includes(method) ? undefined : body === null || body === void 0 ? void 0 : body.getContent();
-                const abortSignal = mergedConfig.abortSignal;
-                const handleAbortSignal = () => request.abort();
-                const cleanup = () => {
-                    request.onload = null;
-                    request.onerror = null;
-                    request.onabort = null;
-                    if (request.upload) {
-                        request.upload.onprogress = null;
-                    }
-                    abortSignal === null || abortSignal === void 0 ? void 0 : abortSignal.removeEventListener('abort', handleAbortSignal);
-                };
-                request.open(method, requestUrl, true);
-                request.responseType = 'blob';
-                request.withCredentials = this.getCorsWithCredentials(mergedConfig.corsWithCredentials);
-                for (const key in resolvedHeaders) {
-                    request.setRequestHeader(key, resolvedHeaders[key]);
-                }
-                request.onload = () => {
-                    cleanup();
-                    if (request.status === 0) {
-                        reject(new Error('No response received.'));
-                        return;
-                    }
-                    const response = new XMLHttpRequestResponse(request);
-                    if (request.status < 200 || request.status >= 300) {
-                        reject(new ResponseException(response));
-                        return;
-                    }
-                    resolve(response);
-                };
-                request.onerror = () => {
-                    cleanup();
-                    reject(new Error('Network request failed.'));
-                };
-                request.onabort = () => {
-                    cleanup();
-                    reject(new DOMException('The operation was aborted.', 'AbortError'));
-                };
+    async send(url, method, headers, body, requestConfig) {
+        const mergedConfig = {
+            ...this.config,
+            ...(requestConfig ?? {})
+        };
+        const mergedHeaders = {
+            ...this.config?.headers,
+            ...headers,
+            ...body?.getHeaders()
+        };
+        const resolvedHeaders = this.resolveHeaders(mergedHeaders);
+        return await new Promise((resolve, reject) => {
+            const request = new XMLHttpRequest();
+            const requestUrl = url instanceof URL ? url.toString() : url;
+            const requestBody = [RequestMethodEnum.GET, RequestMethodEnum.HEAD].includes(method) ? undefined : body?.getContent();
+            const abortSignal = mergedConfig.abortSignal;
+            const handleAbortSignal = () => request.abort();
+            const cleanup = () => {
+                request.onload = null;
+                request.onerror = null;
+                request.onabort = null;
                 if (request.upload) {
-                    request.upload.onprogress = (event) => {
-                        var _a;
-                        const total = event.lengthComputable ? event.total : undefined;
-                        (_a = mergedConfig.onUploadProgress) === null || _a === void 0 ? void 0 : _a.call(mergedConfig, {
-                            loaded: event.loaded,
-                            total: total,
-                            lengthComputable: event.lengthComputable,
-                            progress: total === undefined || total === 0 ? undefined : event.loaded / total
-                        });
-                    };
+                    request.upload.onprogress = null;
                 }
-                if (abortSignal === null || abortSignal === void 0 ? void 0 : abortSignal.aborted) {
-                    handleAbortSignal();
+                abortSignal?.removeEventListener('abort', handleAbortSignal);
+            };
+            request.open(method, requestUrl, true);
+            request.responseType = 'blob';
+            request.withCredentials = this.getCorsWithCredentials(mergedConfig.corsWithCredentials);
+            for (const key in resolvedHeaders) {
+                request.setRequestHeader(key, resolvedHeaders[key]);
+            }
+            request.onload = () => {
+                cleanup();
+                if (request.status === 0) {
+                    reject(new Error('No response received.'));
                     return;
                 }
-                abortSignal === null || abortSignal === void 0 ? void 0 : abortSignal.addEventListener('abort', handleAbortSignal, { once: true });
-                request.send(requestBody);
-            });
+                const response = new XMLHttpRequestResponse(request);
+                if (request.status < 200 || request.status >= 300) {
+                    reject(new ResponseException(response));
+                    return;
+                }
+                resolve(response);
+            };
+            request.onerror = () => {
+                cleanup();
+                reject(new Error('Network request failed.'));
+            };
+            request.onabort = () => {
+                cleanup();
+                reject(new DOMException('The operation was aborted.', 'AbortError'));
+            };
+            if (request.upload) {
+                request.upload.onprogress = (event) => {
+                    const total = event.lengthComputable ? event.total : undefined;
+                    mergedConfig.onUploadProgress?.({
+                        loaded: event.loaded,
+                        total: total,
+                        lengthComputable: event.lengthComputable,
+                        progress: total === undefined || total === 0 ? undefined : event.loaded / total
+                    });
+                };
+            }
+            if (abortSignal?.aborted) {
+                handleAbortSignal();
+                return;
+            }
+            abortSignal?.addEventListener('abort', handleAbortSignal, { once: true });
+            request.send(requestBody);
         });
     }
     getCorsWithCredentials(corsWithCredentials) {
-        var _a, _b;
         if (corsWithCredentials === true) {
             return true;
         }
         if (corsWithCredentials === false) {
             return false;
         }
-        return (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.corsWithCredentials) !== null && _b !== void 0 ? _b : false;
+        return this.config?.corsWithCredentials ?? false;
     }
     resolveHeaders(headers) {
         const resolved = {};

package/dist/requests/drivers/xhr/XMLHttpRequestResponse.js

@@ -1,13 +1,7 @@
-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());
-    });
-};
 export class XMLHttpRequestResponse {
+    request;
+    response;
+    headers;
     constructor(request) {
         this.request = request;
         this.headers = this.parseHeaders(request.getAllResponseHeaders());
@@ -26,20 +20,14 @@ export class XMLHttpRequestResponse {
     getRawResponse() {
         return this.response;
     }
-    json() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this.response.json();
-        });
+    async json() {
+        return await this.response.json();
     }
-    text() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this.response.text();
-        });
+    async text() {
+        return await this.response.text();
     }
-    blob() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield this.response.blob();
-        });
+    async blob() {
+        return await this.response.blob();
     }
     getResponseBody() {
         if ([204, 205, 304].includes(this.request.status)) {

package/dist/requests/exceptions/InvalidJsonException.js

@@ -1,5 +1,6 @@
 import { ResponseException } from './ResponseException';
 export class InvalidJsonException extends ResponseException {
+    cause;
     constructor(response, cause) {
         super(response);
         this.cause = cause;

package/dist/requests/exceptions/ResponseBodyException.js

@@ -1,5 +1,6 @@
 import { ResponseException } from './ResponseException';
 export class ResponseBodyException extends ResponseException {
+    body;
     constructor(response, body) {
         super(response);
         this.body = body;

package/dist/requests/exceptions/ResponseException.js

@@ -1,4 +1,5 @@
 export class ResponseException extends Error {
+    response;
     constructor(response) {
         super();
         this.response = response;

package/dist/requests/exceptions/StaleResponseException.js

@@ -1,4 +1,5 @@
 export class StaleResponseException extends Error {
+    cause;
     constructor(message = 'Stale response ignored', cause) {
         super(message);
         this.name = 'StaleResponseException';

package/dist/requests/factories/BinaryBodyFactory.js

@@ -1,5 +1,6 @@
 import { BinaryBody } from '../bodies/BinaryBody';
 export class BinaryBodyFactory {
+    contentType;
     constructor(contentType) {
         this.contentType = contentType;
     }

package/dist/requests/responses/BaseResponse.js

@@ -1,31 +1,19 @@
-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());
-    });
-};
 export class BaseResponse {
-    setResponse(response) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.response = response;
-            this.body = yield this.resolveBody();
-            return this.body;
-        });
+    body;
+    response;
+    async setResponse(response) {
+        this.response = response;
+        this.body = await this.resolveBody();
+        return this.body;
     }
     getRawResponse() {
-        var _a;
-        return (_a = this.response) === null || _a === void 0 ? void 0 : _a.getRawResponse();
+        return this.response?.getRawResponse();
     }
     getStatusCode() {
-        var _a;
-        return (_a = this.response) === null || _a === void 0 ? void 0 : _a.getStatusCode();
+        return this.response?.getStatusCode();
     }
     getHeaders() {
-        var _a;
-        return (_a = this.response) === null || _a === void 0 ? void 0 : _a.getHeaders();
+        return this.response?.getHeaders();
     }
     getBody() {
         if (this.body === undefined) {

package/dist/requests/responses/BlobResponse.js

@@ -1,5 +1,6 @@
 import { BaseResponse } from './BaseResponse';
 export class BlobResponse extends BaseResponse {
+    mimeType;
     constructor(mimeType = 'application/octet-stream') {
         super();
         this.mimeType = mimeType;

package/dist/support/DeferredPromise.js

@@ -1,4 +1,3 @@
-var _a;
 /**
  * A new instance of deferred is constructed by calling `new DeferredPromse<T>()`.
  * The purpose of the deferred object is to expose the associated Promise
@@ -23,12 +22,15 @@ var _a;
  * https://gist.github.com/GFoley83/5877f6c09fbcfd62569c51dc91444cf0
  */
 export class DeferredPromise {
+    [Symbol.toStringTag] = 'Promise';
+    _promise;
+    _resolve;
+    _reject;
+    _state = 'pending';
     get state() {
         return this._state;
     }
     constructor() {
-        this[_a] = 'Promise';
-        this._state = 'pending';
         this._promise = new Promise((resolve, reject) => {
             this._resolve = resolve;
             this._reject = reject;
@@ -52,4 +54,3 @@ export class DeferredPromise {
         this._state = 'rejected';
     }
 }
-_a = Symbol.toStringTag;

package/dist/vue/composables/useConfirmDialog.js

@@ -1,12 +1,3 @@
-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 { getCurrentInstance, h, onUnmounted, render } from 'vue';
 export var ConfirmDialogSeverity;
 (function (ConfirmDialogSeverity) {
@@ -24,7 +15,7 @@ export default function (confirmDialogComponent, querySelector = 'body') {
      * https://stackoverflow.com/a/78448128
      */
     function mountConfirmDialog(options) {
-        if (!(self === null || self === void 0 ? void 0 : self.appContext)) {
+        if (!self?.appContext) {
             throw new Error('ConfirmationDialog: useConfirmDialog must be called inside a setup function');
         }
         const vNode = h(confirmDialogComponent, { options });
@@ -39,14 +30,12 @@ export default function (confirmDialogComponent, querySelector = 'body') {
     onUnmounted(() => {
         unmountConfirmDialog();
     });
-    function openConfirmDialog(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const dialogComponent = mountConfirmDialog(options);
-            if ((dialogComponent === null || dialogComponent === void 0 ? void 0 : dialogComponent.exposed) == undefined || (dialogComponent === null || dialogComponent === void 0 ? void 0 : dialogComponent.exposed['open']) === undefined) {
-                throw new Error('ConfirmationDialog: Provided component does not expose an "open" method');
-            }
-            return dialogComponent === null || dialogComponent === void 0 ? void 0 : dialogComponent.exposed['open'];
-        });
+    async function openConfirmDialog(options) {
+        const dialogComponent = mountConfirmDialog(options);
+        if (dialogComponent?.exposed == undefined || dialogComponent?.exposed['open'] === undefined) {
+            throw new Error('ConfirmationDialog: Provided component does not expose an "open" method');
+        }
+        return dialogComponent?.exposed['open'];
     }
     return { openConfirmDialog };
 }

package/dist/vue/composables/useGlobalCheckbox.js

@@ -1,18 +1,9 @@
-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 { getCurrentInstance, shallowRef, computed, h, render, onUnmounted } from 'vue';
 export default function (dialog, options, querySelector = 'body') {
     const self = getCurrentInstance();
     const selectedRows = shallowRef([]);
     function mountDialog() {
-        if (!(self === null || self === void 0 ? void 0 : self.appContext)) {
+        if (!self?.appContext) {
             throw new Error('useGlobalCheckbox must be called inside a setup function');
         }
         const vNode = h(dialog, {
@@ -49,70 +40,68 @@ export default function (dialog, options, querySelector = 'body') {
     const isAllElementsOnCurrentPage = () => {
         return options.getPage().length === options.totalCount();
     };
-    function handleGlobalCheckboxChange(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!(event.target instanceof HTMLInputElement)) {
+    async function handleGlobalCheckboxChange(event) {
+        if (!(event.target instanceof HTMLInputElement)) {
+            return;
+        }
+        const pageData = options.getPage();
+        // If all elements are on the current page, we can skip the dialog
+        // as both options would result in the same selection
+        const allElementsOnPage = isAllElementsOnCurrentPage();
+        // Case 1: Nothing is selected (unchecked state)
+        if (!checked.value && !indeterminate.value) {
+            if (allElementsOnPage) {
+                // All elements are already on the current page, just select them
+                selectedRows.value = [...pageData];
                 return;
             }
-            const pageData = options.getPage();
-            // If all elements are on the current page, we can skip the dialog
-            // as both options would result in the same selection
-            const allElementsOnPage = isAllElementsOnCurrentPage();
-            // Case 1: Nothing is selected (unchecked state)
-            if (!checked.value && !indeterminate.value) {
-                if (allElementsOnPage) {
-                    // All elements are already on the current page, just select them
-                    selectedRows.value = [...pageData];
-                    return;
-                }
-                // We need preventDefault() here because we're showing a dialog
-                // and don't want the checkbox to be checked until the user makes a choice
-                event.preventDefault();
-                const mountedDialog = mountDialog();
-                if (!(mountedDialog === null || mountedDialog === void 0 ? void 0 : mountedDialog.exposed))
-                    return;
-                // When clicking the empty checkbox, ask if user wants current page or all entries
-                if (yield mountedDialog.exposed['open']) {
-                    // User clicked "All Elements" button
-                    selectedRows.value = yield options.getAll();
-                }
-                else {
-                    // User clicked "Current Page" button
-                    selectedRows.value = [...pageData];
-                }
+            // We need preventDefault() here because we're showing a dialog
+            // and don't want the checkbox to be checked until the user makes a choice
+            event.preventDefault();
+            const mountedDialog = mountDialog();
+            if (!mountedDialog?.exposed)
                 return;
+            // When clicking the empty checkbox, ask if user wants current page or all entries
+            if (await mountedDialog.exposed['open']) {
+                // User clicked "All Elements" button
+                selectedRows.value = await options.getAll();
+            }
+            else {
+                // User clicked "Current Page" button
+                selectedRows.value = [...pageData];
             }
-            // Case 2: Indeterminate state (some items selected, not all)
-            if (indeterminate.value) {
-                if (allElementsOnPage) {
-                    // If all elements are on the page, just select them all
-                    selectedRows.value = [...pageData];
-                    return;
-                }
-                // We need preventDefault() here because we're showing a dialog
-                // and don't want the checkbox to be checked until the user makes a choice
-                event.preventDefault();
-                const mountedDialog = mountDialog();
-                if (!(mountedDialog === null || mountedDialog === void 0 ? void 0 : mountedDialog.exposed))
-                    return;
-                // When clicking the indeterminate checkbox, ask if the user wants all entries or unselect all
-                if (yield mountedDialog.exposed['open']) {
-                    // User clicked "All Elements" button
-                    selectedRows.value = yield options.getAll();
-                }
-                else {
-                    // User clicked "Discard" button
-                    selectedRows.value = [];
-                }
+            return;
+        }
+        // Case 2: Indeterminate state (some items selected, not all)
+        if (indeterminate.value) {
+            if (allElementsOnPage) {
+                // If all elements are on the page, just select them all
+                selectedRows.value = [...pageData];
                 return;
             }
-            // Case 3: Checked state (all items selected)
-            if (checked.value) {
-                // When all items are selected, we just clear the selection without a dialog
-                selectedRows.value = [];
+            // We need preventDefault() here because we're showing a dialog
+            // and don't want the checkbox to be checked until the user makes a choice
+            event.preventDefault();
+            const mountedDialog = mountDialog();
+            if (!mountedDialog?.exposed)
                 return;
+            // When clicking the indeterminate checkbox, ask if the user wants all entries or unselect all
+            if (await mountedDialog.exposed['open']) {
+                // User clicked "All Elements" button
+                selectedRows.value = await options.getAll();
             }
-        });
+            else {
+                // User clicked "Discard" button
+                selectedRows.value = [];
+            }
+            return;
+        }
+        // Case 3: Checked state (all items selected)
+        if (checked.value) {
+            // When all items are selected, we just clear the selection without a dialog
+            selectedRows.value = [];
+            return;
+        }
     }
     return {
         selectedRows,

package/dist/vue/forms/BaseForm.d.ts

@@ -42,6 +42,11 @@ interface AsyncValidationContext extends ValidationContext {
     skipSyncValidation?: boolean;
     skipAsyncValidation?: boolean;
 }
+export interface BaseFormOptions {
+    persist?: boolean;
+    persistKey?: string;
+    persistSuffix?: string;
+}
 export declare function propertyAwareToRaw<T>(propertyAwareObject: T): PropertyAwareToRaw<T>;
 /**
  * A generic base class for forms.
@@ -52,10 +57,7 @@ export declare function propertyAwareToRaw<T>(propertyAwareObject: T): PropertyA
  * (We assume that for every key in RequestBody there is a corresponding key in FormBody.)
  */
 export declare abstract class BaseForm<RequestBody extends object, FormBody extends object> {
-    protected options?: {
-        persist?: boolean;
-        persistSuffix?: string;
-    } | undefined;
+    protected options?: BaseFormOptions | undefined;
     protected readonly state: FormBody;
     private readonly dirty;
     private readonly touched;
@@ -77,12 +79,14 @@ export declare abstract class BaseForm<RequestBody extends object, FormBody exte
     private readonly asyncValidationDebouncers;
     private readonly pendingAsyncValidationContexts;
     private readonly asyncValidationTokens;
+    private readonly persistKey;
     /**
      * Returns the persistence driver to use.
      * The default is a NonPersistentDriver.
      * Child classes can override this method to return a different driver.
      */
     protected getPersistenceDriver(_suffix: string | undefined): PersistenceDriver;
+    private getActivePersistenceDriver;
     protected getPersistenceRestorePolicy(): PersistenceRestorePolicy<FormBody>;
     protected shouldLogPersistenceDebug(): boolean;
     protected logPersistenceDebug(event: PersistenceDebugEvent<FormBody>): void;
@@ -105,10 +109,9 @@ export declare abstract class BaseForm<RequestBody extends object, FormBody exte
      * Validate fields that depend on the changed field
      */
     private validateDependentFields;
-    protected constructor(defaults: FormBody, options?: {
-        persist?: boolean;
-        persistSuffix?: string;
-    } | undefined);
+    protected constructor(defaults: FormBody, options?: BaseFormOptions | undefined);
+    private requirePersistKey;
+    private resolvePersistKey;
     protected defineRules(): ValidationRules<FormBody>;
     protected defineValidationGroups(): ValidationGroups<FormBody>;
     private clearErrorBag;