@dvrd/dvr-controls 1.0.5 → 1.0.8

package/src/js/util/requestUtil.ts

@@ -1,146 +0,0 @@
-/*
- * Copyright (c) 2021. Dave van Rijn Development
- */
-
-import {OutgoingHttpHeaders} from "http";
-import {showDialog} from './eventUtil';
-import {warn} from "./miscUtil";
-import {FetchMethod, ResponseData} from './interfaces';
-import {getJwt} from './jwtUtil';
-import {voidFunction} from "./controlUtil";
-
-export interface FetchOptions {
-    baseUrl?: string | null;
-    url: string;
-    method?: FetchMethod;
-    data?: {};
-    stringifyData?: boolean;
-    headers?: OutgoingHttpHeaders;
-    callback?: Function;
-    errorCallback?: Function;
-    credentials?: string;
-    responseParser?: (response: Response) => void;
-}
-
-let abortController: AbortController;
-let signal: AbortSignal;
-let defaultHeaders: OutgoingHttpHeaders = {};
-
-// const getSignal = (): AbortSignal | null => {
-//     if ("AbortController" in window) {
-//         if (!abortController)
-//             abortController = new AbortController;
-//         if (!signal)
-//             signal = abortController.signal;
-//         return signal;
-//     }
-//     return null;
-// };
-
-function getAbortController(): AbortController | null {
-    if (!('AbortController' in window)) return null;
-    return new AbortController();
-}
-
-const responseDataIsSuccess = (data: ResponseData): boolean => data.status === 'success';
-
-export const setDefaultHeaders = (headers: OutgoingHttpHeaders) => {
-    defaultHeaders = headers;
-}
-
-/**
- * Cancel all running requests and refresh the abort controller and signal
- */
-export const cancelAllFetch = () => {
-    if (abortController) {
-        abortController.abort();
-        abortController = new AbortController;
-        signal = abortController.signal;
-    }
-};
-
-export const sendFetch = (config: FetchOptions, legacySupport: boolean = false): AbortController | null => {
-    config = createFetchConfig(config, legacySupport);
-    const {url, method, headers, data} = config, options: { [index: string]: any } = {
-        headers,
-        method,
-        body: config.stringifyData === false ? data : JSON.stringify(data),
-        cache: 'no-store',
-    }, baseUrl = config.baseUrl || window.settings.platformUrl;
-    if (!baseUrl) throw new Error('Base url is not set!');
-    const abortController = getAbortController();
-    if(abortController) options.signal = abortController.signal;
-    // if (getSignal()) options['signal'] = getSignal();
-    options['mode'] = 'cors';
-    fetch(baseUrl + url, options).then((response: Response) => {
-        const {status} = response;
-        if (config.responseParser) {
-            config.responseParser(response);
-            if (config.callback) config.callback(response);
-        } else {
-            if (status === 200) {
-                if (config.callback) {
-                    if (response.headers.get('content-type') === 'application/json') {
-                        response.json().then((data: any) => {
-                            if (data.message === 'Invalid rights') {
-                                showDialog('Je hebt niet genoeg rechten voor deze actie.');
-                                data.handled = true;
-                                if (config.callback) config.callback(data);
-                            } else if (config.callback) {
-                                data.success = responseDataIsSuccess(data);
-                                config.callback(data);
-                            }
-                        });
-                    } else config.callback(response);
-                }
-            } else if (status === 500) {
-                if (config.errorCallback) config.errorCallback(response);
-                else if (config.callback) config.callback({
-                    status: 'error',
-                    message: 'Er is iets misgegaan in ons systeem.'
-                });
-            } else {
-                if (config.errorCallback) config.errorCallback(response);
-                else if (config.callback) config.callback({
-                    status: 'error',
-                    message: 'Er is iets misgegaan in ons systeem.'
-                });
-            }
-        }
-    }).catch((reason: any) => {
-        if (reason.code === DOMException.ABORT_ERR) {/*Request aborted*/
-        } else if (config.errorCallback) {
-            config.errorCallback(reason);
-        }
-    });
-    return abortController;
-};
-
-const createFetchConfig = (options: FetchOptions, legacySupport: boolean = true): FetchOptions => {
-    const fetchOptions: FetchOptions = Object.assign({}, options);
-    if (!fetchOptions.method) fetchOptions.method = FetchMethod.GET;
-    if (!fetchOptions.callback) fetchOptions.callback = voidFunction;
-
-    if ([FetchMethod.POST, FetchMethod.PUT].includes(fetchOptions.method) && !fetchOptions.data)
-        throw new Error('Cannot send POST or PUT without data.');
-    else if (fetchOptions.method === FetchMethod.GET && fetchOptions.data)
-        warn('Cannot send data with GET requests, data will be ignored.');
-
-    if (fetchOptions.credentials === undefined) fetchOptions.credentials = 'same-origin';
-
-    if (legacySupport && fetchOptions.callback) {
-        const legacyCallback = fetchOptions.callback;
-        fetchOptions.callback = (data: ResponseData) => {
-            legacyCallback({data});
-        }
-    }
-    return setAuthHeader(fetchOptions);
-};
-
-const setAuthHeader = (options: FetchOptions): FetchOptions => {
-    const headers: OutgoingHttpHeaders = Object.assign({}, defaultHeaders, options.headers || {}), jwt = getJwt();
-    if (jwt)
-        headers.Authorization = `JWT ${jwt}`;
-    options.headers = headers;
-    return options;
-};

package/src/js/util/responsiveUtil.ts

@@ -1,37 +0,0 @@
-/*
- * Copyright (c) 2021. Dave van Rijn Development
- */
-
-import {Breakpoint} from "./interfaces";
-import {warn} from "./miscUtil";
-
-export const getScreenWidth = (includeScrollBars: boolean = false): number => {
-    if (includeScrollBars)
-        return document.documentElement.offsetWidth || 0;
-    return Math.min(document.documentElement.clientWidth, window.innerWidth || 0);
-};
-
-export const getScreenHeight = (): number => Math.min(document.documentElement.clientHeight, window.innerHeight || 0);
-
-export const getBreakPoint = (): Breakpoint => {
-    const screenWidth: number = getScreenWidth();
-    if (screenWidth >= Breakpoint.XL) return Breakpoint.XL;
-    if (screenWidth >= Breakpoint.LG) return Breakpoint.LG;
-    if (screenWidth >= Breakpoint.MD) return Breakpoint.MD;
-    if (screenWidth >= Breakpoint.SM) return Breakpoint.SM;
-    return Breakpoint.XS;
-};
-
-export const deviceIsMobile = (): boolean => {
-    return window.matchMedia(`(max-width: ${Breakpoint.SM}px)`).matches;
-};
-
-export const matchBreakpoint = (breakPoint: Breakpoint, matchType: 'less' | 'more' = 'less',
-                                allowEqual: boolean = true): boolean => {
-    if (breakPoint === Breakpoint.XS) warn(
-        'Do not use Breakpoint.XS for matching breakpoints. Breakpoint.XS is equal to 0');
-    const actualBreakpoint: Breakpoint = getBreakPoint();
-    if (breakPoint === actualBreakpoint) return allowEqual;
-    else if (matchType === 'less') return actualBreakpoint < breakPoint;
-    else return actualBreakpoint > breakPoint;
-};

package/src/js/util/validationUtil.ts

@@ -1,13 +0,0 @@
-/*
- * Copyright (c) 2021. Dave van Rijn Development
- */
-
-export const validateEmail = (email: string, allowMultiple?: boolean): boolean =>
-    allowMultiple ? validateMultipleEmails(email) :
-    /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
-        email);
-
-function validateMultipleEmails(emails: string): boolean {
-    return /^(,?(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,})))+$/.test(
-        emails);
-}

package/src/style/common-icons-variables.scss

@@ -1,140 +0,0 @@
-/*!
- * Copyright (c) 2021. Dave van Rijn Development
- */
-
-$icomoon-font-path: "./fonts" !default;
-
-$common-icon-education-2: "\e95f";
-$common-icon-suitcase: "\e910";
-$common-icon-facebook: "\e95e";
-$common-icon-instagram: "\e964";
-$common-icon-linkedin: "\e965";
-$common-icon-sms3: "\e958";
-$common-icon-calender: "\e956";
-$common-icon-dashboard: "\e957";
-$common-icon-email: "\e959";
-$common-icon-messenger: "\e95a";
-$common-icon-sms: "\e95b";
-$common-icon-triangle: "\e95c";
-$common-icon-whatsapp: "\e95d";
-$common-icon-arrow_bothways: "\e955";
-$common-icon-note: "\e947";
-$common-icon-contact: "\e94e";
-$common-icon-files: "\e94f";
-$common-icon-alarm: "\e950";
-$common-icon-bar-magnifier: "\e954";
-$common-icon-course: "\e94b";
-$common-icon-recovery-place: "\e948";
-$common-icon-orthodontist: "\e949";
-$common-icon-ying-yang: "\e94a";
-$common-icon-star-half: "\e952";
-$common-icon-star-full: "\e945";
-$common-icon-star-empty: "\e946";
-$common-icon-acne: "\e953";
-$common-icon-anti-conception: "\e960";
-$common-icon-edit: "\e968";
-$common-icon-feetcare: "\e969";
-$common-icon-info: "\e96c";
-$common-icon-medical-supply: "\e96d";
-$common-icon-medicine: "\e96e";
-$common-icon-piggy-bank: "\e96f";
-$common-icon-dentist: "\e94c";
-$common-icon-pregnancy-care: "\e94d";
-$common-icon-physio: "\e951";
-$common-icon-trash: "\e944";
-$common-icon-book: "\e943";
-$common-icon-file-checklist: "\e941";
-$common-icon-safe: "\e942";
-$common-icon-bike: "\e919";
-$common-icon-boiler: "\e91a";
-$common-icon-camera-2: "\e91b";
-$common-icon-camping-equipment: "\e91c";
-$common-icon-caravan: "\e91d";
-$common-icon-couche: "\e91e";
-$common-icon-desktop: "\e91f";
-$common-icon-display: "\e920";
-$common-icon-document-2: "\e921";
-$common-icon-dumbbell: "\e922";
-$common-icon-education: "\e923";
-$common-icon-electronics: "\e924";
-$common-icon-glasses: "\e925";
-$common-icon-glue: "\e926";
-$common-icon-gramophone: "\e927";
-$common-icon-health-insurance: "\e928";
-$common-icon-hearing-aid: "\e929";
-$common-icon-kitchen-mixer: "\e92a";
-$common-icon-laptop: "\e92b";
-$common-icon-medical: "\e92c";
-$common-icon-mobile-2: "\e92d";
-$common-icon-mobile: "\e92e";
-$common-icon-moped-front: "\e92f";
-$common-icon-moped: "\e930";
-$common-icon-motor-helmet: "\e931";
-$common-icon-personal-info: "\e932";
-$common-icon-radio: "\e933";
-$common-icon-sailing-boat: "\e934";
-$common-icon-ski: "\e935";
-$common-icon-sofa: "\e936";
-$common-icon-sport-shirt: "\e937";
-$common-icon-sport-shoes: "\e938";
-$common-icon-tablet: "\e939";
-$common-icon-tax-office: "\e93a";
-$common-icon-tax: "\e93b";
-$common-icon-tent-2: "\e93c";
-$common-icon-tent: "\e93d";
-$common-icon-tv: "\e93e";
-$common-icon-vacuum-cleaner: "\e93f";
-$common-icon-work-office: "\e940";
-$common-icon-profile: "\e918";
-$common-icon-car-speed-gauge: "\e915";
-$common-icon-file-add: "\e916";
-$common-icon-travel-beach: "\e917";
-$common-icon-banking-spending: "\e914";
-$common-icon-car: "\e913";
-$common-icon-first-aid-kit: "\e901";
-$common-icon-money-bag: "\e902";
-$common-icon-pasport: "\e903";
-$common-icon-home: "\e904";
-$common-icon-travel-insurance: "\e905";
-$common-icon-clock: "\e906";
-$common-icon-alarm-clock: "\e907";
-$common-icon-sms2: "\e908";
-$common-icon-email2: "\e909";
-$common-icon-check: "\e90a";
-$common-icon-plus: "\e90b";
-$common-icon-document: "\e90c";
-$common-icon-arrow-left: "\e90d";
-$common-icon-arrow-right: "\e90e";
-$common-icon-person: "\e90f";
-$common-icon-world: "\e911";
-$common-icon-user2: "\e912";
-$common-icon-camera: "\e963";
-$common-icon-bulb: "\e962";
-$common-icon-folder-open2: "\e961";
-$common-icon-play: "\ea15";
-$common-icon-excel: "\e900";
-$common-icon-powerpoint: "\e966";
-$common-icon-word: "\e967";
-$common-icon-pdf: "\e96a";
-$common-icon-caret-down: "\f0d7";
-$common-icon-th-large: "\f009";
-$common-icon-th-list: "\f00b";
-$common-icon-image: "\f03e";
-$common-icon-user3: "\f008";
-$common-icon-lock2: "\f024";
-$common-icon-shield2: "\f133";
-$common-icon-email-2: "\e96b";
-$common-icon-sms-2: "\e970";
-$common-icon-menu: "\f0c9";
-$common-icon-euro: "\f153";
-$common-icon-pin: "\f08e";
-$common-icon-back: "\f112";
-$common-icon-student: "\e971";
-$common-icon-youngprof: "\e972";
-$common-icon-cross: "\e973";
-$common-icon-opera: "\f26a";
-$common-icon-safari: "\f267";
-$common-icon-chrome: "\f268";
-$common-icon-firefox: "\f269";
-$common-icon-list-numbered: "\e9b9";
-