@bpd-library/utilities 1.2.6 → 1.2.8-beta.10

package/dist/api/http.js.map

@@ -1 +1 @@
-{"version":3,"file":"http.js","sourceRoot":"","sources":["../../src/api/http.ts"],"names":[],"mappings":"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","sourcesContent":["import qs from 'qs';\n\nexport interface HttpErrorInput {\n    message: string;\n    statusCode: number;\n    response?: Response;\n    body?: any;\n}\n\nexport class HttpError extends Error {\n    statusCode: number;\n    response?: Response;\n    body?: any;\n\n    constructor(input: HttpErrorInput) {\n        super(input.message);\n        this.response = input.response;\n        this.statusCode = input.statusCode;\n        this.body = input.body;\n        this.name = 'HttpError';\n    }\n}\n\nexport type AbortFunction = () => void;\ntype Token = string | undefined;\ntype RequestFn = <T = any, I = any>(url: string, data: I, config?: RequestConfig) => Promise<T>;\ntype RequestGetFn = <T = any, I = any>(url: string, data?: I, config?: RequestConfig) => Promise<T>;\ntype BeforeHook = (client: HttpClient) => Promise<void> | void;\ntype ErrorHook = <T = any>(err: HttpError, request: () => Promise<T>) => any;\ntype HttpClientInit = RequestInit & {\n    baseUrl?: string;\n    returnType?: 'json' | 'text' | 'blob';\n    /**  This function is called before every request. This is where you would check if your token is still valid */\n    beforeHook?: BeforeHook;\n    /** Function that is called if an error occurs */\n    onError?: ErrorHook;\n};\nexport type RequestConfig = HttpClientInit & {\n    createAbort?: (abortFunction: AbortFunction) => void;\n};\n\n/**\n * Wrapper around fetch\n */\nexport class HttpClient {\n    private defaultConfig: RequestConfig = {\n        returnType: 'json',\n    };\n\n    private config: RequestConfig = {};\n    private token: Token;\n\n    constructor(config: HttpClientInit = {}) {\n        this.config = {\n            ...this.defaultConfig,\n            ...config,\n        };\n    }\n\n    /**\n     *\n     *\n     * @private\n     * @param {'GET'} method\n     * @returns {RequestGetFn}\n     * @memberof HttpClient\n     */\n    private createRequest(method: 'GET'): RequestGetFn;\n    private createRequest(method: string): RequestFn;\n    private createRequest(method: 'GET' | string): RequestFn {\n        return (url, data, config) => {\n            if (method === 'GET') {\n                let getUrl = url;\n                if (data) {\n                    getUrl = url + '?' + qs.stringify(data);\n                }\n\n                return this.request(getUrl, {\n                    ...config,\n                    method: 'GET',\n                });\n            }\n\n            const contentType = config && config.headers && (config.headers as any)['Content-Type'];\n\n            return this.request(url, {\n                ...config,\n                method,\n                body: this.createBody(data, contentType),\n            });\n        };\n    }\n\n    public get = this.createRequest('GET');\n    public post = this.createRequest('POST');\n    public put = this.createRequest('PUT');\n    public patch = this.createRequest('PATCH');\n    public delete = this.createRequest('DELETE');\n\n    public setToken = (token: Token) => (this.token = token);\n\n    private setAuthenticationHeaders(config: RequestConfig) {\n        // if authenticated set bearer token\n        if (this.token) {\n            config.headers = {\n                ...config.headers,\n                Authorization: `Bearer ${this.token}`,\n            };\n        }\n    }\n\n    /**\n     *\n     *\n     * @private\n     * @memberof HttpClient\n     */\n    private setAbortController = (config: RequestConfig) => {\n        const { createAbort } = config;\n        if (createAbort) {\n            if (typeof AbortController !== undefined) {\n                const controller = new AbortController();\n                const { signal } = controller;\n                config.signal = signal;\n                createAbort(controller.abort.bind(controller));\n            } else {\n                createAbort(() =>\n                    console.log('The AbortController api isnt available in your browser'),\n                );\n            }\n        }\n    };\n\n    /**\n     *\n     *\n     * @template T\n     * @param {(string | URL)} url\n     * @param {RequestConfig} [requestConfig={}]\n     * @returns {Promise<T>}\n     * @memberof HttpClient\n     */\n    public async request<T>(url: string | URL, requestConfig: RequestConfig = {}): Promise<T> {\n        const { beforeHook } = this.config;\n\n        const config: RequestConfig = {\n            ...this.config,\n            ...requestConfig,\n        };\n\n        const { baseUrl = '' } = config;\n\n        this.setAbortController(config);\n\n        if (beforeHook) {\n            await beforeHook(this);\n        }\n\n        this.setAuthenticationHeaders(config);\n\n        const requestFn = fetch(baseUrl + url, config)\n            .then(this.handleError)\n            .then(res => this.handleSuccess(res, config)) as Promise<T>;\n\n        return requestFn.catch(err => this.onError<T>(err, () => this.request(url, requestConfig)));\n    }\n\n    /**\n     *\n     *\n     * @private\n     * @param {Response} res\n     * @param {RequestConfig} config\n     * @returns\n     * @memberof HttpClient\n     */\n    private handleSuccess(res: Response, config: RequestConfig) {\n        const { returnType = 'json' } = config;\n\n        if (res.status === 204 || res.status === 201 || !res[returnType]) {\n            return res;\n        }\n\n        return res[returnType]();\n    }\n\n    private async onError<T = any>(err: HttpError, requestFn: () => Promise<T>) {\n        const { onError } = this.config;\n\n        if (onError) {\n            return onError(err, requestFn);\n        }\n\n        throw err;\n    }\n\n    /**\n     * createBody is responsible for creating a body based on the content type\n     *\n     * @param body The body\n     * @param contentType The content type\n     */\n    private createBody(body: any, contentType: string): any {\n        switch (contentType) {\n            case 'application/json':\n                return JSON.stringify(body);\n            case 'application/x-www-form-urlencoded':\n                return new URLSearchParams(body);\n            default:\n                return JSON.stringify(body);\n        }\n    }\n\n    /**\n     * Handles the errors if the fetch request fails and throws a HttpError\n     * @param response\n     */\n    private async handleError(response: Response) {\n        if (response.ok) {\n            return response;\n        }\n\n        const responseBody = await response.text();\n        let body: any = response;\n\n        try {\n            body = JSON.parse(responseBody);\n        } catch (err) {\n            body = responseBody;\n        }\n\n        const error = {\n            message: `HttpError: ${response.status} - ${response.statusText}`,\n            statusCode: response.status,\n            response,\n            body,\n        };\n\n        console.error(error);\n        throw new HttpError(error);\n    }\n}\n"]}
+{"version":3,"file":"http.js","sourceRoot":"","sources":["../../src/api/http.ts"],"names":[],"mappings":"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","sourcesContent":["import qs from 'qs';\n\nexport interface HttpErrorInput {\n    message: string;\n    statusCode: number;\n    response?: Response;\n    body?: any;\n}\n\nexport class HttpError extends Error {\n    statusCode: number;\n    response?: Response;\n    body?: any;\n\n    constructor(input: HttpErrorInput) {\n        super(input.message);\n        this.response = input.response;\n        this.statusCode = input.statusCode;\n        this.body = input.body;\n        this.name = 'HttpError';\n    }\n}\n\nexport type AbortFunction = () => void;\ntype Token = string | undefined;\ntype RequestFn = <T = any, I = any>(url: string, data: I, config?: RequestConfig) => Promise<T>;\ntype RequestGetFn = <T = any, I = any>(url: string, data?: I, config?: RequestConfig) => Promise<T>;\ntype BeforeHook = (client: HttpClient) => Promise<void> | void;\ntype ErrorHook = <T = any>(err: HttpError, request: () => Promise<T>) => any;\ntype HttpClientInit = RequestInit & {\n    baseUrl?: string;\n    returnType?: 'json' | 'text' | 'blob';\n    /**  This function is called before every request. This is where you would check if your token is still valid */\n    beforeHook?: BeforeHook;\n    /** Function that is called if an error occurs */\n    onError?: ErrorHook;\n};\nexport type RequestConfig = HttpClientInit & {\n    createAbort?: (abortFunction: AbortFunction) => void;\n};\n\n/**\n * Wrapper around fetch\n */\nexport class HttpClient {\n    private defaultConfig: RequestConfig = {\n        returnType: 'json',\n    };\n\n    private config: RequestConfig = {};\n    private token: Token;\n\n    constructor(config: HttpClientInit = {}) {\n        this.config = {\n            ...this.defaultConfig,\n            ...config,\n        };\n    }\n\n    /**\n     *\n     *\n     * @private\n     * @param {'GET'} method\n     * @returns {RequestGetFn}\n     * @memberof HttpClient\n     */\n    private createRequest(method: 'GET'): RequestGetFn;\n    private createRequest(method: string): RequestFn;\n    private createRequest(method: 'GET' | string): RequestFn {\n        return (url, data, config) => {\n            if (method === 'GET') {\n                let getUrl = url;\n                if (data) {\n                    getUrl = url + '?' + qs.stringify(data);\n                }\n\n                return this.request(getUrl, {\n                    ...config,\n                    method: 'GET',\n                });\n            }\n\n            const contentType = config && config.headers && (config.headers as any)['Content-Type'];\n\n            return this.request(url, {\n                ...config,\n                method,\n                body: this.createBody(data, contentType),\n            });\n        };\n    }\n\n    public get = this.createRequest('GET');\n    public post = this.createRequest('POST');\n    public put = this.createRequest('PUT');\n    public patch = this.createRequest('PATCH');\n    public delete = this.createRequest('DELETE');\n\n    public setToken = (token: Token) => (this.token = token);\n    public setBaseUrl = (baseUrl: string) => (this.config.baseUrl = baseUrl);\n\n    private setAuthenticationHeaders(config: RequestConfig) {\n        // if authenticated set bearer token\n        if (this.token) {\n            config.headers = {\n                ...config.headers,\n                Authorization: `Bearer ${this.token}`,\n            };\n        }\n    }\n\n    /**\n     *\n     *\n     * @private\n     * @memberof HttpClient\n     */\n    private setAbortController = (config: RequestConfig) => {\n        const { createAbort } = config;\n        if (createAbort) {\n            if (typeof AbortController !== undefined) {\n                const controller = new AbortController();\n                const { signal } = controller;\n                config.signal = signal;\n                createAbort(controller.abort.bind(controller));\n            } else {\n                createAbort(() =>\n                    console.log('The AbortController api isnt available in your browser'),\n                );\n            }\n        }\n    };\n\n    /**\n     *\n     *\n     * @template T\n     * @param {(string | URL)} url\n     * @param {RequestConfig} [requestConfig={}]\n     * @returns {Promise<T>}\n     * @memberof HttpClient\n     */\n    public async request<T>(url: string | URL, requestConfig: RequestConfig = {}): Promise<T> {\n        const { beforeHook } = this.config;\n\n        const config: RequestConfig = {\n            ...this.config,\n            ...requestConfig,\n        };\n\n        const { baseUrl = '' } = config;\n\n        this.setAbortController(config);\n\n        if (beforeHook) {\n            await beforeHook(this);\n        }\n\n        this.setAuthenticationHeaders(config);\n\n        const requestFn = fetch(baseUrl + url, config)\n            .then(this.handleError)\n            .then((res) => this.handleSuccess(res, config)) as Promise<T>;\n\n        return requestFn.catch((err) =>\n            this.onError<T>(err, () => this.request(url, requestConfig)),\n        );\n    }\n\n    /**\n     *\n     *\n     * @private\n     * @param {Response} res\n     * @param {RequestConfig} config\n     * @returns\n     * @memberof HttpClient\n     */\n    private handleSuccess(res: Response, config: RequestConfig) {\n        const { returnType = 'json' } = config;\n\n        if (res.status === 204 || res.status === 201 || !res[returnType]) {\n            return res;\n        }\n\n        return res[returnType]();\n    }\n\n    private async onError<T = any>(err: HttpError, requestFn: () => Promise<T>) {\n        const { onError } = this.config;\n\n        if (onError) {\n            return onError(err, requestFn);\n        }\n\n        throw err;\n    }\n\n    /**\n     * createBody is responsible for creating a body based on the content type\n     *\n     * @param body The body\n     * @param contentType The content type\n     */\n    private createBody(body: any, contentType: string): any {\n        switch (contentType) {\n            case 'application/json':\n                return JSON.stringify(body);\n            case 'application/x-www-form-urlencoded':\n                return new URLSearchParams(body);\n            default:\n                return JSON.stringify(body);\n        }\n    }\n\n    /**\n     * Handles the errors if the fetch request fails and throws a HttpError\n     * @param response\n     */\n    private async handleError(response: Response) {\n        if (response.ok) {\n            return response;\n        }\n\n        const responseBody = await response.text();\n        let body: any = response;\n\n        try {\n            body = JSON.parse(responseBody);\n        } catch (err) {\n            body = responseBody;\n        }\n\n        const error = {\n            message: `HttpError: ${response.status} - ${response.statusText}`,\n            statusCode: response.status,\n            response,\n            body,\n        };\n\n        console.error(error);\n        throw new HttpError(error);\n    }\n}\n"]}

package/dist/api/index.js

@@ -1,6 +1,5 @@
 import { HttpClient } from './http';
 export const APIClient = new HttpClient({
-    baseUrl: window.__ENVIRONMENT_DETAILS__.apiBaseUrl,
     headers: {
         'Content-Type': 'application/json',
     },

package/dist/api/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC;IACpC,OAAO,EAAE,MAAM,CAAC,uBAAuB,CAAC,UAAU;IAClD,OAAO,EAAE;QACL,cAAc,EAAE,kBAAkB;KACrC;CACJ,CAAC,CAAC","sourcesContent":["import { HttpClient } from './http';\n\nexport const APIClient = new HttpClient({\n    baseUrl: window.__ENVIRONMENT_DETAILS__.apiBaseUrl,\n    headers: {\n        'Content-Type': 'application/json',\n    },\n});\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC;IACpC,OAAO,EAAE;QACL,cAAc,EAAE,kBAAkB;KACrC;CACJ,CAAC,CAAC","sourcesContent":["import { HttpClient } from './http';\n\nexport const APIClient = new HttpClient({\n    headers: {\n        'Content-Type': 'application/json',\n    },\n});\n"]}

package/dist/environment.d.ts

@@ -1,9 +1,21 @@
-declare class Environment {
-    get get(): string;
+interface EnvironmentDetailsConfig {
+    environment: string;
+    mapboxAccessToken: string;
+    mapboxStyle: string;
+    apiBaseUrl: string;
+    languageIsoCode: string;
+}
+declare class EnvironmentDetails implements Partial<EnvironmentDetailsConfig> {
+    environment?: string;
+    mapboxAccessToken?: string;
+    mapboxStyle?: string;
+    apiBaseUrl?: string;
+    languageIsoCode?: string;
+    init({ environment, mapboxAccessToken, apiBaseUrl, mapboxStyle, languageIsoCode, }: EnvironmentDetailsConfig): void;
     get isLocal(): boolean;
     get isTest(): boolean;
     get isAcceptance(): boolean;
     get isProduction(): boolean;
 }
-export declare const environment: Environment;
+export declare const environmentDetails: EnvironmentDetails;
 export {};

package/dist/environment.js

@@ -1,25 +1,25 @@
-const ENVIRONMENT_LOCAL = 'local';
-const ENVIRONMENT_TEST = 'test';
-const ENVIRONMENT_ACCEPTANCE = 'acceptance';
-const ENVIRONMENT_PRODUCTION = 'production';
-const ENVIRONMENT_DEFAULT = ENVIRONMENT_LOCAL;
-const ENVIRONMENT = window.__ENVIRONMENT_DETAILS__.environment;
-class Environment {
-    get get() {
-        return ENVIRONMENT || ENVIRONMENT_DEFAULT;
+import { APIClient } from './api';
+class EnvironmentDetails {
+    init({ environment, mapboxAccessToken, apiBaseUrl, mapboxStyle, languageIsoCode, }) {
+        this.environment = environment;
+        this.mapboxAccessToken = mapboxAccessToken;
+        this.mapboxStyle = mapboxStyle;
+        this.apiBaseUrl = apiBaseUrl;
+        this.languageIsoCode = languageIsoCode;
+        APIClient.setBaseUrl(apiBaseUrl);
     }
     get isLocal() {
-        return this.get === ENVIRONMENT_LOCAL;
+        return this.environment === 'local';
     }
     get isTest() {
-        return this.get === ENVIRONMENT_TEST;
+        return this.environment === 'test';
     }
     get isAcceptance() {
-        return this.get === ENVIRONMENT_ACCEPTANCE;
+        return this.environment === 'acceptance';
     }
     get isProduction() {
-        return this.get === ENVIRONMENT_PRODUCTION;
+        return this.environment === 'production';
     }
 }
-export const environment = new Environment();
+export const environmentDetails = new EnvironmentDetails();
 //# sourceMappingURL=environment.js.map

package/dist/environment.js.map

@@ -1 +1 @@
-{"version":3,"file":"environment.js","sourceRoot":"","sources":["../src/environment.ts"],"names":[],"mappings":"AAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC;AAClC,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAChC,MAAM,sBAAsB,GAAG,YAAY,CAAC;AAC5C,MAAM,sBAAsB,GAAG,YAAY,CAAC;AAE5C,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAC9C,MAAM,WAAW,GAAG,MAAM,CAAC,uBAAuB,CAAC,WAAW,CAAC;AAK/D,MAAM,WAAW;IACb,IAAI,GAAG;QACH,OAAO,WAAW,IAAI,mBAAmB,CAAC;IAC9C,CAAC;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,GAAG,KAAK,iBAAiB,CAAC;IAC1C,CAAC;IAED,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,GAAG,KAAK,gBAAgB,CAAC;IACzC,CAAC;IAED,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,GAAG,KAAK,sBAAsB,CAAC;IAC/C,CAAC;IAED,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,GAAG,KAAK,sBAAsB,CAAC;IAC/C,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC","sourcesContent":["const ENVIRONMENT_LOCAL = 'local';\nconst ENVIRONMENT_TEST = 'test';\nconst ENVIRONMENT_ACCEPTANCE = 'acceptance';\nconst ENVIRONMENT_PRODUCTION = 'production';\n\nconst ENVIRONMENT_DEFAULT = ENVIRONMENT_LOCAL;\nconst ENVIRONMENT = window.__ENVIRONMENT_DETAILS__.environment;\n\n/**\n * Simple Object to check in which environment we are on based on the hostname\n */\nclass Environment {\n    get get() {\n        return ENVIRONMENT || ENVIRONMENT_DEFAULT;\n    }\n\n    get isLocal() {\n        return this.get === ENVIRONMENT_LOCAL;\n    }\n\n    get isTest() {\n        return this.get === ENVIRONMENT_TEST;\n    }\n\n    get isAcceptance() {\n        return this.get === ENVIRONMENT_ACCEPTANCE;\n    }\n\n    get isProduction() {\n        return this.get === ENVIRONMENT_PRODUCTION;\n    }\n}\n\nexport const environment = new Environment();\n"]}
+{"version":3,"file":"environment.js","sourceRoot":"","sources":["../src/environment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAelC,MAAM,kBAAkB;IAOpB,IAAI,CAAC,EACD,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,eAAe,GACQ;QACvB,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QAEvC,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACrC,CAAC;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,WAAW,KAAK,OAAO,CAAC;IACxC,CAAC;IAED,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,WAAW,KAAK,MAAM,CAAC;IACvC,CAAC;IAED,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,WAAW,KAAK,YAAY,CAAC;IAC7C,CAAC;IAED,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,WAAW,KAAK,YAAY,CAAC;IAC7C,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,kBAAkB,EAAE,CAAC","sourcesContent":["import { APIClient } from './api';\n\ninterface EnvironmentDetailsConfig {\n    environment: string;\n    mapboxAccessToken: string;\n    mapboxStyle: string;\n    apiBaseUrl: string;\n    languageIsoCode: string;\n}\n\n/**\n * @description Sets up the environment details for the Shared Repo. init method must be called in the entry file before importing components.\n * @class EnvironmentDetails\n * @implements {Partial<EnvironmentDetailsConfig>}\n */\nclass EnvironmentDetails implements Partial<EnvironmentDetailsConfig> {\n    environment?: string;\n    mapboxAccessToken?: string;\n    mapboxStyle?: string;\n    apiBaseUrl?: string;\n    languageIsoCode?: string;\n\n    init({\n        environment,\n        mapboxAccessToken,\n        apiBaseUrl,\n        mapboxStyle,\n        languageIsoCode,\n    }: EnvironmentDetailsConfig) {\n        this.environment = environment;\n        this.mapboxAccessToken = mapboxAccessToken;\n        this.mapboxStyle = mapboxStyle;\n        this.apiBaseUrl = apiBaseUrl;\n        this.languageIsoCode = languageIsoCode;\n\n        APIClient.setBaseUrl(apiBaseUrl);\n    }\n\n    get isLocal() {\n        return this.environment === 'local';\n    }\n\n    get isTest() {\n        return this.environment === 'test';\n    }\n\n    get isAcceptance() {\n        return this.environment === 'acceptance';\n    }\n\n    get isProduction() {\n        return this.environment === 'production';\n    }\n}\n\nexport const environmentDetails = new EnvironmentDetails();\n"]}

package/dist/geometry/country-bounding-box.d.ts

@@ -2,5 +2,5 @@ import { BoundingBox } from '@bpd-library/types';
 declare const COUNTRY_BBOX: {
     [key: string]: BoundingBox;
 };
-declare const getCountryBoundingBox: (countryIsoCodes: ('de' | 'nl')[]) => BoundingBox;
+declare const getCountryBoundingBox: (countryIsoCodes: ('de' | 'nl' | 'be' | 'lu')[]) => BoundingBox;
 export { COUNTRY_BBOX, getCountryBoundingBox };

package/dist/geometry/country-bounding-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"country-bounding-box.js","sourceRoot":"","sources":["../../src/geometry/country-bounding-box.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,YAAY,GAEd;IACA,EAAE,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,CAAC;IAC5E,EAAE,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,CAAC;CAClE,CAAC;AAOF,MAAM,qBAAqB,GAAG,CAAC,eAAgC,EAAe,EAAE;IAC5E,MAAM,aAAa,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAC/B,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,YAAY,CAAC,cAAc,CAAC,EACrD,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE9B,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAE5D,OAAO,iBAAiB,CAAC;AAC7B,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import { BoundingBox } from '@bpd-library/types';\n\nimport { mergeBoundingBoxes } from './geometry';\n\nconst COUNTRY_BBOX: {\n    [key: string]: BoundingBox;\n} = {\n    nl: [3.33390071158434, 50.7503661060614, 7.22749998189678, 53.6436329908026],\n    de: [5.98865807458, 47.3024876979, 15.0169958839, 54.983104153],\n};\n\n/**\n * @description Returns a merged bounding box for an array of countries\n * @param {(('de' | 'nl')[])} countryIsoCodes\n * @return {*} BoundingBox\n */\nconst getCountryBoundingBox = (countryIsoCodes: ('de' | 'nl')[]): BoundingBox => {\n    const boundingBoxes = countryIsoCodes\n        ?.map((countryIsoCode) => COUNTRY_BBOX[countryIsoCode])\n        .filter((bbox) => !!bbox);\n\n    const mergedBoundingBox = mergeBoundingBoxes(boundingBoxes);\n\n    return mergedBoundingBox;\n};\n\nexport { COUNTRY_BBOX, getCountryBoundingBox };\n"]}
+{"version":3,"file":"country-bounding-box.js","sourceRoot":"","sources":["../../src/geometry/country-bounding-box.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,YAAY,GAEd;IACA,EAAE,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,CAAC;IAC5E,EAAE,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,CAAC;CAClE,CAAC;AAOF,MAAM,qBAAqB,GAAG,CAAC,eAA8C,EAAe,EAAE;IAC1F,MAAM,aAAa,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAC/B,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,YAAY,CAAC,cAAc,CAAC,EACrD,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE9B,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAE5D,OAAO,iBAAiB,CAAC;AAC7B,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import { BoundingBox } from '@bpd-library/types';\n\nimport { mergeBoundingBoxes } from './geometry';\n\nconst COUNTRY_BBOX: {\n    [key: string]: BoundingBox;\n} = {\n    nl: [3.33390071158434, 50.7503661060614, 7.22749998189678, 53.6436329908026],\n    de: [5.98865807458, 47.3024876979, 15.0169958839, 54.983104153],\n};\n\n/**\n * @description Returns a merged bounding box for an array of countries\n * @param {(('de' | 'nl' | 'be' | 'lu')[])} countryIsoCodes\n * @return {*} BoundingBox\n */\nconst getCountryBoundingBox = (countryIsoCodes: ('de' | 'nl' | 'be' | 'lu')[]): BoundingBox => {\n    const boundingBoxes = countryIsoCodes\n        ?.map((countryIsoCode) => COUNTRY_BBOX[countryIsoCode])\n        .filter((bbox) => !!bbox);\n\n    const mergedBoundingBox = mergeBoundingBoxes(boundingBoxes);\n\n    return mergedBoundingBox;\n};\n\nexport { COUNTRY_BBOX, getCountryBoundingBox };\n"]}

package/dist/hooks/use-stylesheet.d.ts

@@ -1 +1,15 @@
-export declare function useStylesheet(style: string): void;
+declare global {
+    interface Window {
+        ShadyCSS: any;
+    }
+    interface ShadowRoot {
+        adoptedStyleSheets: CSSStyleSheet[];
+    }
+    interface Document {
+        adoptedStyleSheets: CSSStyleSheet[];
+    }
+    interface CSSStyleSheet {
+        replaceSync(cssText: string): void;
+    }
+}
+export declare const useStylesheet: (style: string) => void;

package/dist/hooks/use-stylesheet.js

@@ -1,5 +1,81 @@
-import { unsafeCSS, useStyles } from '@atomify/hooks';
-export function useStylesheet(style) {
-    useStyles(() => unsafeCSS(style));
+import { createHook } from '@atomify/hooks';
+const supportShadyCSS = window.ShadyCSS && !window.ShadyCSS.nativeShadow;
+const CSS_SAVE_TOKEN = Symbol('atomify.cssSaveToken');
+const styleCache = new Map();
+const APPLIED_STYLES = [];
+const supportsAdoptingStyleSheets = () => 'adoptedStyleSheets' in Document.prototype && 'replace' in CSSStyleSheet.prototype;
+function bindShadyRoot(target, template) {
+    window.ShadyCSS.prepareTemplate(template, target.$cmpMeta$.$tagName$);
+    window.ShadyCSS.styleElement(target);
 }
+const applyShadowdomStyles = (component, styles) => {
+    const container = component.container;
+    const componentName = component.$cmpMeta$.$tagName$;
+    let styleTmp;
+    if (!styleCache.has(componentName)) {
+        styleTmp = document.createElement('template');
+        styleTmp.innerHTML = `${component.hasShadowDom && !supportsAdoptingStyleSheets() && styles
+            ? `<style style-hook>${styles}</style>`
+            : ''}`;
+    }
+    else {
+        styleTmp = styleCache.get(componentName);
+    }
+    if (styleTmp) {
+        if (supportShadyCSS && component.hasShadowDom) {
+            bindShadyRoot(component, styleTmp);
+        }
+        container.appendChild(document.importNode(styleTmp.content, true));
+    }
+};
+const unsafeCSS = (cssString) => createCSSResult(String(cssString), CSS_SAVE_TOKEN);
+const createCSSResult = (css, token) => {
+    if (token !== CSS_SAVE_TOKEN)
+        throw new Error(`${css} is not supported. Use 'unsafeCSS' if you want to use: ${css}`);
+    let styleSheet = null;
+    const cssText = css;
+    if (supportsAdoptingStyleSheets()) {
+        styleSheet = new CSSStyleSheet();
+        styleSheet.replaceSync(cssText);
+    }
+    return {
+        cssText,
+        styleSheet,
+    };
+};
+const adoptStyles = (root, styles) => {
+    const hasShadowDom = root.hasShadowDom;
+    const componentName = root.$cmpMeta$.$tagName$;
+    if (supportsAdoptingStyleSheets() && hasShadowDom) {
+        const CSSRoot = root.container;
+        if (!(CSSRoot instanceof HTMLElement))
+            CSSRoot.adoptedStyleSheets = styles.map((s) => {
+                return s instanceof StyleSheet ? s : s.styleSheet;
+            });
+    }
+    else if (APPLIED_STYLES.indexOf(componentName) === -1) {
+        const combinedStyleArray = styles
+            .map((style) => ('cssText' in style ? style.cssText : null))
+            .join('');
+        if (hasShadowDom) {
+            root.styles = combinedStyleArray;
+            applyShadowdomStyles(root, combinedStyleArray);
+        }
+        else {
+            const styleElement = document.createElement('style');
+            styleElement.textContent = combinedStyleArray;
+            styleElement.setAttribute('scope', componentName);
+            document.head.appendChild(styleElement);
+            APPLIED_STYLES.push(componentName);
+        }
+    }
+};
+export const useStylesheet = (style) => {
+    const css = unsafeCSS(style);
+    const styles = Array.isArray(css) ? [...css] : [css];
+    return createHook({
+        onDidLoad: (element) => adoptStyles(element, styles),
+        onUpdate: (element) => adoptStyles(element, styles),
+    });
+};
 //# sourceMappingURL=use-stylesheet.js.map

package/dist/hooks/use-stylesheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-stylesheet.js","sourceRoot":"","sources":["../../src/hooks/use-stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMtD,MAAM,UAAU,aAAa,CAAC,KAAa;IACvC,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;AACtC,CAAC","sourcesContent":["import { unsafeCSS, useStyles } from '@atomify/hooks';\n/**\n * Add styling through imported css files (Webpack)\n * @export\n * @param {string} style\n */\nexport function useStylesheet(style: string) {\n    useStyles(() => unsafeCSS(style));\n}\n"]}
+{"version":3,"file":"use-stylesheet.js","sourceRoot":"","sources":["../../src/hooks/use-stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA0BvD,MAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC;AACzE,MAAM,cAAc,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;AACtD,MAAM,UAAU,GAAG,IAAI,GAAG,EAA+B,CAAC;AAC1D,MAAM,cAAc,GAAa,EAAE,CAAC;AAKpC,MAAM,2BAA2B,GAAG,GAAG,EAAE,CACrC,oBAAoB,IAAI,QAAQ,CAAC,SAAS,IAAI,SAAS,IAAI,aAAa,CAAC,SAAS,CAAC;AAQvF,SAAS,aAAa,CAAC,MAAiB,EAAE,QAA6B;IACnE,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACtE,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,oBAAoB,GAAG,CAAC,SAAoB,EAAE,MAAc,EAAE,EAAE;IAClE,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC;IACtC,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC;IACpD,IAAI,QAAyC,CAAC;IAE9C,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE;QAChC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAE9C,QAAQ,CAAC,SAAS,GAAG,GACjB,SAAS,CAAC,YAAY,IAAI,CAAC,2BAA2B,EAAE,IAAI,MAAM;YAC9D,CAAC,CAAC,qBAAqB,MAAM,UAAU;YACvC,CAAC,CAAC,EACV,EAAE,CAAC;KACN;SAAM;QACH,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC5C;IAED,IAAI,QAAQ,EAAE;QAEV,IAAI,eAAe,IAAI,SAAS,CAAC,YAAY,EAAE;YAC3C,aAAa,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;SACtC;QAED,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;KACtE;AACL,CAAC,CAAC;AASF,MAAM,SAAS,GAAG,CAAC,SAAkB,EAAa,EAAE,CAChD,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC,CAAC;AAOvD,MAAM,eAAe,GAAG,CACpB,GAAW,EACX,KAAa,EACwC,EAAE;IACvD,IAAI,KAAK,KAAK,cAAc;QACxB,MAAM,IAAI,KAAK,CAAC,GAAG,GAAG,0DAA0D,GAAG,EAAE,CAAC,CAAC;IAE3F,IAAI,UAAU,GAAyB,IAAI,CAAC;IAC5C,MAAM,OAAO,GAAG,GAAG,CAAC;IAEpB,IAAI,2BAA2B,EAAE,EAAE;QAC/B,UAAU,GAAG,IAAI,aAAa,EAAE,CAAC;QACjC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;KACnC;IAED,OAAO;QACH,OAAO;QACP,UAAU;KACb,CAAC;AACN,CAAC,CAAC;AAOF,MAAM,WAAW,GAAG,CAAC,IAAe,EAAE,MAAgC,EAAE,EAAE;IACtE,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;IACvC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;IAG/C,IAAI,2BAA2B,EAAE,IAAI,YAAY,EAAE;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;QAC/B,IAAI,CAAC,CAAC,OAAO,YAAY,WAAW,CAAC;YACjC,OAAO,CAAC,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC1C,OAAO,CAAC,YAAY,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAW,CAAC;YACvD,CAAC,CAAC,CAAC;KACV;SAAM,IAAI,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE;QACrD,MAAM,kBAAkB,GAAG,MAAM;aAC5B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;aAC3D,IAAI,CAAC,EAAE,CAAC,CAAC;QAId,IAAI,YAAY,EAAE;YAEd,IAAI,CAAC,MAAM,GAAG,kBAAkB,CAAC;YACjC,oBAAoB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;SAClD;aAAM;YACH,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACrD,YAAY,CAAC,WAAW,GAAG,kBAAkB,CAAC;YAC9C,YAAY,CAAC,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;YAElD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACxC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SACtC;KACJ;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;IAC3C,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAErD,OAAO,UAAU,CAAC;QACd,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC;QACpD,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC;KACtD,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import { Component, createHook } from '@atomify/hooks';\n\ndeclare global {\n    interface Window {\n        ShadyCSS: any;\n    }\n    interface ShadowRoot {\n        adoptedStyleSheets: CSSStyleSheet[];\n    }\n\n    interface Document {\n        adoptedStyleSheets: CSSStyleSheet[];\n    }\n\n    interface CSSStyleSheet {\n        replaceSync(cssText: string): void;\n    }\n}\n\ninterface CSSResult {\n    cssText: string;\n    styleSheet: CSSStyleSheet | null;\n}\n\ntype CSSResultOrNative = CSSResult | CSSStyleSheet;\n\nconst supportShadyCSS = window.ShadyCSS && !window.ShadyCSS.nativeShadow;\nconst CSS_SAVE_TOKEN = Symbol('atomify.cssSaveToken');\nconst styleCache = new Map<string, HTMLTemplateElement>();\nconst APPLIED_STYLES: string[] = [];\n\n/**\n * Checks if adopting stylesheet is supported.\n */\nconst supportsAdoptingStyleSheets = () =>\n    'adoptedStyleSheets' in Document.prototype && 'replace' in CSSStyleSheet.prototype;\n\n/**\n * Generates a template based necessary fallbacks needed for browsers that do not support Custom elements or ShadowDom\n * Reference: https://github.com/webcomponents/webcomponentsjs\n * @param {Component} target\n * @param {HTMLTemplateElement} template\n */\nfunction bindShadyRoot(target: Component, template: HTMLTemplateElement) {\n    window.ShadyCSS.prepareTemplate(template, target.$cmpMeta$.$tagName$);\n    window.ShadyCSS.styleElement(target);\n}\n\nconst applyShadowdomStyles = (component: Component, styles: string) => {\n    const container = component.container;\n    const componentName = component.$cmpMeta$.$tagName$;\n    let styleTmp: HTMLTemplateElement | undefined;\n\n    if (!styleCache.has(componentName)) {\n        styleTmp = document.createElement('template');\n\n        styleTmp.innerHTML = `${\n            component.hasShadowDom && !supportsAdoptingStyleSheets() && styles\n                ? `<style style-hook>${styles}</style>`\n                : ''\n        }`;\n    } else {\n        styleTmp = styleCache.get(componentName);\n    }\n\n    if (styleTmp) {\n        // Apply polyfill when shady polyfill is available and the component has shadowdom\n        if (supportShadyCSS && component.hasShadowDom) {\n            bindShadyRoot(component, styleTmp);\n        }\n\n        container.appendChild(document.importNode(styleTmp.content, true));\n    }\n};\n\n/**\n * This is unsafe because untrusted CSS text can be used to phone home\n * or exfiltrate data to an attacker controlled site. Take care to only use\n * this with trusted input.\n * @param {string} css\n * @returns {StyleObject}\n */\nconst unsafeCSS = (cssString: unknown): CSSResult =>\n    createCSSResult(String(cssString), CSS_SAVE_TOKEN);\n\n/**\n * @param {string} css\n * @param {symbol} token\n * @returns {({ cssText: string; styleSheet: CSSStyleSheet | null })}\n */\nconst createCSSResult = (\n    css: string,\n    token: symbol,\n): { cssText: string; styleSheet: CSSStyleSheet | null } => {\n    if (token !== CSS_SAVE_TOKEN)\n        throw new Error(`${css} is not supported. Use 'unsafeCSS' if you want to use: ${css}`);\n\n    let styleSheet: CSSStyleSheet | null = null;\n    const cssText = css;\n\n    if (supportsAdoptingStyleSheets()) {\n        styleSheet = new CSSStyleSheet();\n        styleSheet.replaceSync(cssText);\n    }\n\n    return {\n        cssText,\n        styleSheet,\n    };\n};\n\n/**\n * Applies adoptedStyleSheets to the Atomify component.\n * @param { Component } root\n * @param { StyleObject } css\n */\nconst adoptStyles = (root: Component, styles: Array<CSSResultOrNative>) => {\n    const hasShadowDom = root.hasShadowDom;\n    const componentName = root.$cmpMeta$.$tagName$;\n\n    // Add addopted stylesheets when it is supported\n    if (supportsAdoptingStyleSheets() && hasShadowDom) {\n        const CSSRoot = root.container;\n        if (!(CSSRoot instanceof HTMLElement))\n            CSSRoot.adoptedStyleSheets = styles.map((s) => {\n                return s instanceof StyleSheet ? s : s.styleSheet!;\n            });\n    } else if (APPLIED_STYLES.indexOf(componentName) === -1) {\n        const combinedStyleArray = styles\n            .map((style) => ('cssText' in style ? style.cssText : null))\n            .join('');\n\n        // When adopted stylesheet is not supported but shadowdom is apply it to the shadowroot.\n        // Else it is being applied to the head.\n        if (hasShadowDom) {\n            // Cache the styles so it can be reused instead of creating a style tag again.\n            root.styles = combinedStyleArray;\n            applyShadowdomStyles(root, combinedStyleArray);\n        } else {\n            const styleElement = document.createElement('style');\n            styleElement.textContent = combinedStyleArray;\n            styleElement.setAttribute('scope', componentName);\n\n            document.head.appendChild(styleElement);\n            APPLIED_STYLES.push(componentName);\n        }\n    }\n};\n\nexport const useStylesheet = (style: string) => {\n    const css = unsafeCSS(style);\n    const styles = Array.isArray(css) ? [...css] : [css];\n\n    return createHook({\n        onDidLoad: (element) => adoptStyles(element, styles),\n        onUpdate: (element) => adoptStyles(element, styles),\n    });\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bpd-library/utilities",
-    "version": "1.2.6",
+    "version": "1.2.8-beta.10",
     "description": "Description",
     "url": "https://github.com/{repo name}",
     "license": "MIT",
@@ -45,13 +45,13 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "60695b9f3c91493163c6be7d43fd3fa6777b2bdb",
+    "gitHead": "7a67aecf08a1a4940fd937380abbeecc0df71598",
     "dependencies": {
         "@atomify/core": "2.4.1",
         "@atomify/hooks": "1.1.11",
         "@atomify/jsx": "1.7.1",
         "@atomify/kit": "1.1.11",
-        "@bpd-library/types": "^1.2.6",
+        "@bpd-library/types": "^1.2.8-beta.10",
         "qs": "^6.9.4",
         "query-string": "5"
     }