@amimpact/willy-utils 4.3.0 → 4.5.0

package/dist/index.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrap = exports.slugify = exports.readCookie = exports.parseISODuration = exports.observeResize = exports.isValidUrl = exports.isTouchDevice = exports.isPlainObject = exports.isInternalLink = exports.isHoverableDevice = exports.isExternalUrl = exports.isCraftActionUrl = exports.isAsset = exports.getUrlsFromString = exports.getParents = exports.getNestedSet = exports.formatUTCDate = exports.formatNewDate = exports.formatDateFromNow = exports.convertObjectToFormData = exports.formatCraftDate = exports.eraseCookie = exports.downloadFile = exports.createCookie = exports.convertHexToRGBA = exports.checkForScrollbars = exports.capitalize = exports.bytesToSize = exports.$$ = exports.$ = void 0;
-var cookie_1 = require("./cookie");
-Object.defineProperty(exports, "createCookie", { enumerable: true, get: function () { return cookie_1.createCookie; } });
-Object.defineProperty(exports, "readCookie", { enumerable: true, get: function () { return cookie_1.readCookie; } });
-Object.defineProperty(exports, "eraseCookie", { enumerable: true, get: function () { return cookie_1.eraseCookie; } });
-var date_1 = require("./date");
-Object.defineProperty(exports, "formatCraftDate", { enumerable: true, get: function () { return date_1.formatCraftDate; } });
-Object.defineProperty(exports, "formatDateFromNow", { enumerable: true, get: function () { return date_1.formatDateFromNow; } });
-Object.defineProperty(exports, "formatNewDate", { enumerable: true, get: function () { return date_1.formatNewDate; } });
-Object.defineProperty(exports, "formatUTCDate", { enumerable: true, get: function () { return date_1.formatUTCDate; } });
-Object.defineProperty(exports, "parseISODuration", { enumerable: true, get: function () { return date_1.parseISODuration; } });
-var form_1 = require("./form");
-Object.defineProperty(exports, "convertObjectToFormData", { enumerable: true, get: function () { return form_1.convertObjectToFormData; } });
-var misc_1 = require("./misc");
-Object.defineProperty(exports, "bytesToSize", { enumerable: true, get: function () { return misc_1.bytesToSize; } });
-Object.defineProperty(exports, "capitalize", { enumerable: true, get: function () { return misc_1.capitalize; } });
-Object.defineProperty(exports, "checkForScrollbars", { enumerable: true, get: function () { return misc_1.checkForScrollbars; } });
-Object.defineProperty(exports, "convertHexToRGBA", { enumerable: true, get: function () { return misc_1.convertHexToRGBA; } });
-Object.defineProperty(exports, "downloadFile", { enumerable: true, get: function () { return misc_1.downloadFile; } });
-Object.defineProperty(exports, "getNestedSet", { enumerable: true, get: function () { return misc_1.getNestedSet; } });
-Object.defineProperty(exports, "getUrlsFromString", { enumerable: true, get: function () { return misc_1.getUrlsFromString; } });
-Object.defineProperty(exports, "isHoverableDevice", { enumerable: true, get: function () { return misc_1.isHoverableDevice; } });
-Object.defineProperty(exports, "isPlainObject", { enumerable: true, get: function () { return misc_1.isPlainObject; } });
-Object.defineProperty(exports, "isTouchDevice", { enumerable: true, get: function () { return misc_1.isTouchDevice; } });
-Object.defineProperty(exports, "isValidUrl", { enumerable: true, get: function () { return misc_1.isValidUrl; } });
-Object.defineProperty(exports, "observeResize", { enumerable: true, get: function () { return misc_1.observeResize; } });
-Object.defineProperty(exports, "wrap", { enumerable: true, get: function () { return misc_1.wrap; } });
-var selectors_1 = require("./selectors");
-Object.defineProperty(exports, "$", { enumerable: true, get: function () { return selectors_1.$; } });
-Object.defineProperty(exports, "$$", { enumerable: true, get: function () { return selectors_1.$$; } });
-Object.defineProperty(exports, "getParents", { enumerable: true, get: function () { return selectors_1.getParents; } });
-var url_1 = require("./url");
-Object.defineProperty(exports, "isCraftActionUrl", { enumerable: true, get: function () { return url_1.isCraftActionUrl; } });
-Object.defineProperty(exports, "isInternalLink", { enumerable: true, get: function () { return url_1.isInternalLink; } });
-Object.defineProperty(exports, "isExternalUrl", { enumerable: true, get: function () { return url_1.isExternalUrl; } });
-Object.defineProperty(exports, "isAsset", { enumerable: true, get: function () { return url_1.isAsset; } });
-Object.defineProperty(exports, "slugify", { enumerable: true, get: function () { return url_1.slugify; } });

package/dist/misc.d.ts

@@ -1,94 +0,0 @@
-declare global {
-    interface Navigator {
-        msSaveBlob?: (blob: any, defaultName?: string) => boolean;
-        msSaveOrOpenBlob: (blob: any, defaultName?: string) => boolean;
-    }
-}
-/**
- * Toon mooier bestandsformaat
- * @param {string | number} bytes
- */
-export declare const bytesToSize: (bytes: number) => string;
-/**
- * Eerste letter van een string een hoofdletter maken
- * @param {string} str
- */
-export declare const capitalize: (str: string) => string;
-/**
- * Check of een HTML element horizontale of verticale scrollbars heeft
- * als dat zo is, dan wordt een class op het element gezet.
- *
- * @param {HTMLElement} el
- * @param {String} dir // vertical of horizontal
- */
-export declare const checkForScrollbars: (el: HTMLElement, dir?: String) => void;
-/**
- * Hex kleurcode converten naar rgba
- *
- * @param {string} hexCode
- * @param {number} opacity
- */
-export declare const convertHexToRGBA: (hexCode: string, opacity?: number) => string;
-/**
- * Downloaden van een bestand
- *
- * @param {any} data
- * @param {string} fileName
- */
-export declare const downloadFile: (data: any, fileName: string) => void;
-/**
- * Flat structure array ombouwen naar een array met children
- * @param {array} entries
- * @param {number} level
- * @param {number | string} left
- * @param {number | string} right
- */
-export declare const getNestedSet: (entries: any[] | undefined, level: number | undefined, left: any, right: any) => any[];
-/**
- * Urls uit een string halen
- * @param {string} content - html
- */
-export declare const getUrlsFromString: (content: string) => RegExpMatchArray | null;
-/**
- * Bepalen of jouw device hover ondersteunt
- *
- * @returns {boolean}
- */
-export declare const isHoverableDevice: () => boolean;
-/**
- * Bekijken of een waarde een object is
- * https://github.com/reduxjs/redux/blob/master/src/utils/isPlainObject.ts
- *
- * @param {any} value - Waarde welke je wilt checken of het een object is
- * @returns {boolean}
- */
-export declare const isPlainObject: (value: any) => boolean;
-/**
- * Bepalen of je gebruikt maakt van een touchscreen
- * https://gist.github.com/esedic/39a16a7521d42ae205203e3d40dc19f5
- *
- * @returns {boolean}
- */
-export declare const isTouchDevice: () => boolean;
-/**
- * Bekijken of een waarde url is
- *
- * @param {any} urlString - Waarde welke je wilt checken of het een url is
- * @returns {boolean}
- */
-export declare const isValidUrl: (urlString: any) => boolean;
-/**
- * Resize observer; checkt of een HTML element zijn dimensies veranderen
- * en zodra dat gebeurt wordt de callback functie gecalled.
- *
- * @param {HTMLElement} el
- * @param {Function} callback
- */
-export declare const observeResize: (element: HTMLElement, callback: Function) => void;
-/**
- * Wrap een element in een nieuw element
- *
- * @param {HTMLElement} el
- * @param {HTMLElement} wrapper
- */
-export declare const wrap: (el: HTMLElement, wrapper: HTMLElement) => void;

package/dist/misc.js

@@ -1,235 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.wrap = exports.observeResize = exports.isValidUrl = exports.isTouchDevice = exports.isPlainObject = exports.isHoverableDevice = exports.getUrlsFromString = exports.getNestedSet = exports.downloadFile = exports.convertHexToRGBA = exports.checkForScrollbars = exports.capitalize = exports.bytesToSize = void 0;
-/**
- * Toon mooier bestandsformaat
- * @param {string | number} bytes
- */
-var bytesToSize = function (bytes) {
-    if (typeof bytes === 'string') {
-        bytes = parseInt(bytes);
-    }
-    var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-    if (bytes === 0)
-        return '0 Byte';
-    var i = Math.floor(Math.log(bytes) / Math.log(1024));
-    return Math.round(bytes / Math.pow(1024, i)) + ' ' + sizes[i];
-};
-exports.bytesToSize = bytesToSize;
-/**
- * Eerste letter van een string een hoofdletter maken
- * @param {string} str
- */
-var capitalize = function (str) {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-};
-exports.capitalize = capitalize;
-/**
- * Check of een HTML element horizontale of verticale scrollbars heeft
- * als dat zo is, dan wordt een class op het element gezet.
- *
- * @param {HTMLElement} el
- * @param {String} dir // vertical of horizontal
- */
-var checkForScrollbars = function (el, dir) {
-    if (dir === void 0) { dir = 'vertical'; }
-    var direction = dir === 'vertical' ? 'scrollTop' : 'scrollLeft';
-    var hasScrollbar = !!el[direction];
-    if (!hasScrollbar) {
-        el[direction] = 1;
-        hasScrollbar = !!el[direction];
-        el[direction] = 0;
-    }
-    if (hasScrollbar) {
-        el.classList.add("has-".concat(dir, "-scrollbar"));
-    }
-    else {
-        el.classList.remove("has-".concat(dir, "-scrollbar"));
-    }
-};
-exports.checkForScrollbars = checkForScrollbars;
-/**
- * Hex kleurcode converten naar rgba
- *
- * @param {string} hexCode
- * @param {number} opacity
- */
-var convertHexToRGBA = function (hexCode, opacity) {
-    if (opacity === void 0) { opacity = 1; }
-    var hex = hexCode.replace('#', '');
-    if (hex.length === 3) {
-        hex = "".concat(hex[0]).concat(hex[0]).concat(hex[1]).concat(hex[1]).concat(hex[2]).concat(hex[2]);
-    }
-    var r = parseInt(hex.substring(0, 2), 16);
-    var g = parseInt(hex.substring(2, 4), 16);
-    var b = parseInt(hex.substring(4, 6), 16);
-    /* Backward compatibility for whole number based opacity values. */
-    if (opacity > 1 && opacity <= 100) {
-        opacity = opacity / 100;
-    }
-    return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(opacity, ")");
-};
-exports.convertHexToRGBA = convertHexToRGBA;
-/**
- * Downloaden van een bestand
- *
- * @param {any} data
- * @param {string} fileName
- */
-var downloadFile = function (data, fileName) {
-    if (typeof window.navigator.msSaveBlob !== 'undefined') {
-        window.navigator.msSaveOrOpenBlob(new Blob([data]), fileName);
-    }
-    else {
-        var fileURL = void 0;
-        if ((0, exports.isValidUrl)(data)) {
-            fileURL = data;
-        }
-        else {
-            fileURL = window.URL.createObjectURL(new Blob([data]));
-        }
-        var fileLink = document.createElement('a');
-        fileLink.href = fileURL;
-        fileLink.setAttribute('download', fileName);
-        document.body.appendChild(fileLink);
-        fileLink.click();
-    }
-};
-exports.downloadFile = downloadFile;
-/**
- * Flat structure array ombouwen naar een array met children
- * @param {array} entries
- * @param {number} level
- * @param {number | string} left
- * @param {number | string} right
- */
-var getNestedSet = function (entries, level, left, right) {
-    if (entries === void 0) { entries = []; }
-    if (level === void 0) { level = 1; }
-    return entries
-        .filter(function (item) {
-        return (parseFloat(item.level) === level &&
-            ((typeof left === 'undefined' &&
-                typeof right === 'undefined') ||
-                (parseFloat(item.lft) > left &&
-                    parseFloat(item.rgt) < right)));
-    })
-        .map(function (item) {
-        var returnItem = item;
-        returnItem['children'] = (0, exports.getNestedSet)(entries, parseFloat(item.level) + 1, parseFloat(item.lft), parseFloat(item.rgt));
-        return returnItem;
-    });
-};
-exports.getNestedSet = getNestedSet;
-/**
- * Urls uit een string halen
- * @param {string} content - html
- */
-var getUrlsFromString = function (content) {
-    var regex = /(https?|ftp|file):\/\/([-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?)/gi;
-    var m = content.match(regex);
-    return m || null;
-};
-exports.getUrlsFromString = getUrlsFromString;
-/**
- * Bepalen of jouw device hover ondersteunt
- *
- * @returns {boolean}
- */
-var isHoverableDevice = function () {
-    return window.matchMedia('(hover: hover) and (pointer: fine)').matches;
-};
-exports.isHoverableDevice = isHoverableDevice;
-/**
- * Bekijken of een waarde een object is
- * https://github.com/reduxjs/redux/blob/master/src/utils/isPlainObject.ts
- *
- * @param {any} value - Waarde welke je wilt checken of het een object is
- * @returns {boolean}
- */
-var isPlainObject = function (value) {
-    if (typeof value !== 'object' || value === null) {
-        return false;
-    }
-    var proto = value;
-    while (Object.getPrototypeOf(proto) !== null) {
-        proto = Object.getPrototypeOf(proto);
-    }
-    return Object.getPrototypeOf(value) === proto;
-};
-exports.isPlainObject = isPlainObject;
-/**
- * Bepalen of je gebruikt maakt van een touchscreen
- * https://gist.github.com/esedic/39a16a7521d42ae205203e3d40dc19f5
- *
- * @returns {boolean}
- */
-var isTouchDevice = function () {
-    var result = false;
-    if (window.PointerEvent && 'maxTouchPoints' in navigator) {
-        // if Pointer Events are supported, just check maxTouchPoints
-        if (navigator.maxTouchPoints > 0) {
-            result = true;
-        }
-    }
-    else {
-        // no Pointer Events...
-        if (window.matchMedia &&
-            window.matchMedia('(any-pointer:coarse)').matches) {
-            // check for any-pointer:coarse which mostly means touchscreen
-            result = true;
-        }
-        else if (window.TouchEvent || 'ontouchstart' in window) {
-            // last resort - check for exposed touch events API / event handler
-            result = true;
-        }
-    }
-    return result;
-};
-exports.isTouchDevice = isTouchDevice;
-/**
- * Bekijken of een waarde url is
- *
- * @param {any} urlString - Waarde welke je wilt checken of het een url is
- * @returns {boolean}
- */
-var isValidUrl = function (urlString) {
-    if (typeof urlString !== 'string') {
-        return false;
-    }
-    var urlPattern = new RegExp('^(https?:\\/\\/)?' + // validate protocol
-        '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // validate domain name
-        '((\\d{1,3}\\.){3}\\d{1,3}))' + // validate OR ip (v4) address
-        '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // validate port and path
-        '(\\?[;&a-z\\d%_.~+=-]*)?' + // validate query string
-        '(\\#[-a-z\\d_]*)?$', 'i'); // validate fragment locator
-    return !!urlPattern.test(urlString);
-};
-exports.isValidUrl = isValidUrl;
-/**
- * Resize observer; checkt of een HTML element zijn dimensies veranderen
- * en zodra dat gebeurt wordt de callback functie gecalled.
- *
- * @param {HTMLElement} el
- * @param {Function} callback
- */
-var observeResize = function (element, callback) {
-    var resizeObserver = new ResizeObserver(function () {
-        callback(element);
-    });
-    resizeObserver.observe(element);
-};
-exports.observeResize = observeResize;
-/**
- * Wrap een element in een nieuw element
- *
- * @param {HTMLElement} el
- * @param {HTMLElement} wrapper
- */
-var wrap = function (el, wrapper) {
-    if (el.parentNode) {
-        el.parentNode.insertBefore(wrapper, el);
-        wrapper.appendChild(el);
-    }
-};
-exports.wrap = wrap;

package/dist/selectors.d.ts

@@ -1,24 +0,0 @@
-/**
- * Selecteer eerste item wat je tegenkomt
- *
- * @param {string} selector
- * @param {*} [containerElement=document] - Element waarin hij moet selecteren
- * @returns {(HTMLElement|null)}
- */
-export declare const $: (selector: string, containerElement?: any) => HTMLElement | null;
-/**
- * Selecteer alle items
- *
- * @param {string} selector
- * @param {*} [containerElement=document] - Element waarin hij moet selecteren
- * @returns {HTMLElement[]}
- */
-export declare const $$: (selector: string, containerElement?: any) => HTMLElement[];
-/**
- * Haal parents van een element op
- *
- * @param {HTMLElement} el - Element waar het om gaat
- * @param {string} [parentSelector] - Een selector waar hij aan moet voldoen.
- * Als deze niet wordt meegegeven dan geeft hij alle parents terug
- */
-export declare const getParents: (el: HTMLElement, parentSelector?: string) => HTMLElement[];

package/dist/url.d.ts

@@ -1,24 +0,0 @@
-/**
- * Bepalen of een link een intern is, zodat bij Vue apps bijv een router-link gemaakt kan worden
- * https://dennisreimann.de/articles/delegating-html-links-to-vue-router.html
- *
- * @param {string} url
- * @param {PointerEvent} ev
- */
-export declare const isInternalLink: (url: string, ev: PointerEvent) => boolean;
-/**
- * Bepalen of het om een externe url gaat
- */
-export declare const isExternalUrl: (url: string) => boolean;
-/**
- * Bepalen of het om een craft action url gaat
- */
-export declare const isCraftActionUrl: (url: string) => boolean;
-/**
- * Checken of url een bestand is, om deze ook in een nieuw venster te openen
- */
-export declare const isAsset: (url: string) => boolean;
-/**
- * Maak een slug van een string
- */
-export declare const slugify: (str: string) => string;

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-    "compilerOptions": {
-      // Melding verwijderen 'Module xxx has no default export.'
-      // https://github.com/Microsoft/TypeScript-React-Starter/issues/8#issuecomment-301265017
-      "allowSyntheticDefaultImports": true,
-      "target": "es5",
-      "module": "commonjs",
-      "declaration": true,
-      "outDir": "./dist",
-      "strict": true,
-      "suppressImplicitAnyIndexErrors": true,
-      "lib": [
-        "es2015",
-        "es2017",
-        "es2018",
-        "dom"
-      ],
-    },
-    "types": ["resize-observer-browser"],
-  }