@amimpact/willy-utils 4.4.0 → 4.5.0

package/{dist/url.js → src/url.ts}

@@ -1,15 +1,6 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.slugify = exports.isAsset = exports.isCraftActionUrl = exports.isExternalUrl = exports.isInternalLink = void 0;
+declare let window: any;
+declare let FW: any;
+
 /**
  * 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
@@ -17,74 +8,84 @@ exports.slugify = exports.isAsset = exports.isCraftActionUrl = exports.isExterna
  * @param {string} url
  * @param {PointerEvent} ev
  */
-var isInternalLink = function (url, ev) {
+export const isInternalLink = (url: string, ev: PointerEvent) => {
     if (ev) {
         // some sanity checks taken from vue-router:
         // https://github.com/vuejs/vue-router/blob/dev/src/components/link.js#L106
-        var altKey = ev.altKey, ctrlKey = ev.ctrlKey, metaKey = ev.metaKey, shiftKey = ev.shiftKey, button = ev.button, defaultPrevented = ev.defaultPrevented;
+        const { altKey, ctrlKey, metaKey, shiftKey, button, defaultPrevented } = ev;
+
         // don't handle with control keys
         if (metaKey || altKey || ctrlKey || shiftKey) {
             return false;
         }
+
         // don't handle when preventDefault called
         if (defaultPrevented) {
             return false;
         }
+
         // don't handle right clicks
         if (button !== undefined && button !== 0) {
             return false;
         }
     }
-    return (!(0, exports.isExternalUrl)(url) && !isDifferentProtocolLink(url) && !(0, exports.isAsset)(url));
+
+    return !isExternalUrl(url) && !isDifferentProtocolLink(url) && !isAsset(url);
 };
-exports.isInternalLink = isInternalLink;
+
 /**
  * Bepalen of het om een externe url gaat
  */
-var isExternalUrl = function (url) {
+export const isExternalUrl = (url: string) => {
     if (!url) {
         return false;
     }
+
     /**
      * Plugin urls zijn actions en dit kunnen redirects zijn
      * Deze actions urls dus altijd in een externe tab openen
      */
-    if (url.startsWith("".concat(window.location.origin, "/actions/"))) {
+    if (url.startsWith(`${window.location.origin}/actions/`)) {
         return true;
     }
+
     return url.startsWith('http') && !url.startsWith(window.location.origin);
 };
-exports.isExternalUrl = isExternalUrl;
+
 /**
  * Bepalen of het om een craft action url gaat
  */
-var isCraftActionUrl = function (url) {
+export const isCraftActionUrl = (url: string) => {
     if (!url) {
         return false;
     }
+
     return url.indexOf('/index.php/actions/') !== -1;
 };
-exports.isCraftActionUrl = isCraftActionUrl;
+
 /**
  * Checken of het om een ander protocol gaat bijv. tel of mailto
  * (kan niet met bovenstaande omdat je bij tel of mailto bijvoorbeeld geen target blank wilt gebruiken)
  */
-var isDifferentProtocolLink = function (url) {
+const isDifferentProtocolLink = (url: string) => {
     if (!url) {
         return false;
     }
-    var DEFAULT_PROTOCOLS = ['mailto', 'tel', 'rdp', 'ms-rd'];
-    return DEFAULT_PROTOCOLS.findIndex(function (p) { return url.startsWith("".concat(p, ":")); }) > -1;
+
+    const DEFAULT_PROTOCOLS = ['mailto', 'tel', 'rdp', 'ms-rd'];
+
+    return DEFAULT_PROTOCOLS.findIndex((p) => url.startsWith(`${p}:`)) > -1;
 };
+
 /**
  * Checken of url een bestand is, om deze ook in een nieuw venster te openen
  */
-var isAsset = function (url) {
-    var _a;
+export const isAsset = (url: string) => {
     if (!url) {
         return false;
     }
-    var DEFAULT_EXTENSIONS = [
+
+    const DEFAULT_EXTENSIONS = [
         'csv',
         'doc',
         'docx',
@@ -106,24 +107,31 @@ var isAsset = function (url) {
         'xls',
         'xlsx',
     ];
-    var CONFIG_EXTENSIONS = ((_a = FW === null || FW === void 0 ? void 0 : FW.config) === null || _a === void 0 ? void 0 : _a.allowedFileExtensions) || [];
-    var extensions = __spreadArray(__spreadArray([], DEFAULT_EXTENSIONS, true), CONFIG_EXTENSIONS, true);
-    var slug = url.split('/').pop();
-    var slugParts = slug ? slug.split('.') : [];
+
+    const CONFIG_EXTENSIONS = FW?.config?.allowedFileExtensions || [];
+
+    const extensions = [...DEFAULT_EXTENSIONS, ...CONFIG_EXTENSIONS];
+
+    const slug = url.split('/').pop();
+    const slugParts = slug ? slug.split('.') : [];
+
     if (slugParts.length < 2) {
         return false;
     }
-    var lastSlugPart = slugParts ? slugParts.pop() || '' : '';
+
+    const lastSlugPart = slugParts ? slugParts.pop() || '' : '';
+
     if (extensions.includes(lastSlugPart.toLowerCase())) {
         return true;
     }
+
     return false;
 };
-exports.isAsset = isAsset;
+
 /**
  * Maak een slug van een string
  */
-var slugify = function (str) {
+export const slugify = (str: string) => {
     return str
         .toLowerCase()
         .trim()
@@ -131,4 +139,3 @@ var slugify = function (str) {
         .replace(/[\s_-]+/g, '-')
         .replace(/^-+|-+$/g, '');
 };
-exports.slugify = slugify;

package/.eslintrc

@@ -1,3 +0,0 @@
-{
-
-}

package/.prettierrc

@@ -1,5 +0,0 @@
-{
-    "singleQuote": true,
-    "tabWidth": 4,
-    "trailingComma": "all"
-}

package/dist/cookie.d.ts

@@ -1,15 +0,0 @@
-/**
- * Create Cookie
- * source: http://www.quirksmode.org/js/cookies.html
- */
-export declare const createCookie: (name: string, value: string | boolean, days?: number) => void;
-/**
- * Read Cookie
- * source: http://www.quirksmode.org/js/cookies.html
- */
-export declare const readCookie: (name: string) => string | null;
-/**
- * Erase Cookie
- * source: http://www.quirksmode.org/js/cookies.html
- */
-export declare const eraseCookie: (name: string) => void;

package/dist/cookie.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.eraseCookie = exports.readCookie = exports.createCookie = void 0;
-/**
- * Create Cookie
- * source: http://www.quirksmode.org/js/cookies.html
- */
-var createCookie = function (name, value, days) {
-    var expires = '';
-    if (days) {
-        var date = new Date();
-        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
-        expires = "; expires=".concat(date.toUTCString());
-    }
-    document.cookie = "".concat(name, "=").concat(value).concat(expires, "; path=/");
-};
-exports.createCookie = createCookie;
-/**
- * Read Cookie
- * source: http://www.quirksmode.org/js/cookies.html
- */
-var readCookie = function (name) {
-    var nameEQ = "".concat(name, "=");
-    var ca = document.cookie.split(';');
-    for (var i = 0; i < ca.length; i++) {
-        var c = ca[i];
-        while (c.charAt(0) === ' ') {
-            c = c.substring(1, c.length);
-        }
-        if (c.indexOf(nameEQ) === 0) {
-            return c.substring(nameEQ.length, c.length);
-        }
-    }
-    return null;
-};
-exports.readCookie = readCookie;
-/**
- * Erase Cookie
- * source: http://www.quirksmode.org/js/cookies.html
- */
-var eraseCookie = function (name) {
-    (0, exports.createCookie)(name, '', -1);
-};
-exports.eraseCookie = eraseCookie;

package/dist/date.d.ts

@@ -1,138 +0,0 @@
-/**
- * Dates uit Craft mooi formatteren
- *
- * @param {Object} dateObject
- * @param {Object} options
- */
-interface CraftDate {
-    date: string;
-    timezone: string;
-    timezone_type: number;
-}
-interface FormatCraftDateOptions {
-    /**
-     * Eigen formaat mee kunnen geven
-     *
-     * @type {string}
-     * @memberof FormatCraftDateOptions
-     */
-    format: string;
-    /**
-     * i18n Locale mee kunnen geven
-     *
-     * @type {string}
-     * @memberof FormatCraftDateOptions
-     */
-    locale: string;
-    /**
-     * Amerikaans formaat maken om in Craft op te kunnen slaan, anders Nederlands
-     *
-     * @type {boolean}
-     * @memberof FormatCraftDateOptions
-     */
-    systemFormat: boolean;
-    /**
-     * Datum ook tonen
-     *
-     * @type {boolean}
-     * @memberof FormatCraftDateOptions
-     */
-    showTime: boolean;
-}
-/**
- * Opties voor formatDateFromNow
- */
-interface FormatDateFromNowOptions {
-    /**
-     * Toon 'geleden' bij in de datum
-     *
-     * @type {boolean}
-     * @memberof FormatDateFromNowOptions
-     */
-    addSuffix: boolean;
-    /**
-     * Secondes ook tonen
-     *
-     * @type {boolean}
-     * @memberof FormatDateFromNowOptions
-     */
-    includeSeconds: boolean;
-    /**
-     * Toon datum voor oudere items
-     *
-     * @type {boolean}
-     * @memberof FormatDateFromNowOptions
-     */
-    showDateForOld: boolean;
-    /**
-     * Format voor hoe de data getoont wordt
-     *
-     * @type {string}
-     * @memberof FormatDateFromNowOptions
-     */
-    showDateForOldFormat: string;
-    /**
-     * Aantal dagen voor bovenstaan item
-     *
-     * @type {number}
-     * @memberof FormatDateFromNowOptions
-     */
-    numberOfDaysShowDateForOld: number;
-    /**
-     * Toon datum in strict format, dus niet 'ongeveer' bijv
-     * https://date-fns.org/v2.0.0-alpha.27/docs/formatDistanceStrict
-     *
-     * @type {boolean}
-     * @memberof FormatDateFromNowOptions
-     */
-    strict: boolean;
-    /**
-     * Welke locale is default
-     *
-     * @type {any}
-     * @memberof FormatDateFromNowOptions
-     */
-    locale: any;
-}
-/**
- * Opties voor parseISODuration
- */
-interface parseISODurationOptions {
-    /**
-     * Geef de duration als humanReadable terug
-     * https://date-fns.org/v2.16.1/docs/formatDuration
-     *
-     * @type {boolean}
-     * @memberof parseISODurationOptions
-     */
-    humanReadable: boolean;
-}
-/**
- * Format date object uit Craft naar iets leesbaars
- *
- * @param {CraftDate} dateObject
- * @param {FormatCraftDateOptions} options
- */
-export declare const formatCraftDate: (dateObject: CraftDate, options: FormatCraftDateOptions) => string;
-/**
- * Datum formatteren naar "x minuten etc. geleden"
- * @param {date, timezone, timezone_type} dateObject
- */
-export declare const formatDateFromNow: (dateObject: CraftDate, options: FormatDateFromNowOptions) => string;
-/**
- * New date maken op basis van timezone
- * @param {date, timezone, timezone_type} dateObject
- */
-export declare const formatNewDate: (dateObject: CraftDate) => Date | "";
-/**
- * Convert datum
- * @param {Date} date
- */
-export declare const formatUTCDate: (date: Date) => Date;
-/**
- * ISO duration naar object ombuigen. Bijv P4W
- * @param {string} duration
- * @param {parseISODurationOptions} options
- */
-export declare const parseISODuration: (duration: string, options: parseISODurationOptions) => string | import("./includes/tinyduration").Duration;
-export {};

package/dist/date.js

@@ -1,154 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseISODuration = exports.formatUTCDate = exports.formatNewDate = exports.formatDateFromNow = exports.formatCraftDate = void 0;
-var format_1 = require("date-fns/format");
-var formatDistance_1 = require("date-fns/formatDistance");
-var formatDistanceStrict_1 = require("date-fns/formatDistanceStrict");
-var formatDuration_1 = require("date-fns/formatDuration");
-var isBefore_1 = require("date-fns/isBefore");
-var subDays_1 = require("date-fns/subDays");
-var locale_1 = require("date-fns/locale");
-var date_fns_tz_1 = require("date-fns-tz");
-var tinyduration_1 = require("./includes/tinyduration");
-/**
- * Momenteel beschikbare locales
- * Engels is default (leeg)
- */
-var availableLocales = {
-    en: '',
-    nl: locale_1.nl,
-};
-/**
- * Format date object uit Craft naar iets leesbaars
- *
- * @param {CraftDate} dateObject
- * @param {FormatCraftDateOptions} options
- */
-var formatCraftDate = function (dateObject, options) {
-    var dateFormat = options && options.systemFormat ? 'yyyy-MM-dd' : 'dd-MM-yyyy';
-    var localeString = 'nl';
-    if (options && options.showTime) {
-        dateFormat += ' HH:mm';
-    }
-    // Eigen format mee kunnen geven
-    if (options && options.format) {
-        dateFormat = options.format;
-    }
-    // Locale mee kunnen geven
-    if (options && options.locale) {
-        localeString = options.locale;
-    }
-    if (!dateObject || !dateObject.date) {
-        return '';
-    }
-    /**
-     * De date uit Craft heeft het volgende format: "2019-11-14 08:00:00.000000"
-     * Safari begrijpt dit niet en geeft dan een NaN met new Date(date)
-     * Safari begrijpt het wel als alle - vervangen worden door /, en het laatste gedeelte achter de punt weg is
-     */
-    var dateToFormat = dateObject.date.replace(/-/g, '/').split('.')[0];
-    // De spatie tussen datum en tijd vervangen door 'T', anders snapt IE het niet
-    return (0, format_1.default)(new Date(dateToFormat), dateFormat, {
-        locale: availableLocales[localeString],
-    });
-};
-exports.formatCraftDate = formatCraftDate;
-/**
- * Datum formatteren naar "x minuten etc. geleden"
- * @param {date, timezone, timezone_type} dateObject
- */
-var formatDateFromNow = function (dateObject, options) {
-    var defaultOptions = {
-        addSuffix: true,
-        includeSeconds: true,
-        showDateForOld: false,
-        showDateForOldFormat: 'dd-MM-yyyy',
-        numberOfDaysShowDateForOld: 7,
-        strict: false,
-        locale: locale_1.nl,
-    };
-    var opts = defaultOptions;
-    if (options) {
-        opts = Object.assign({}, defaultOptions, options);
-    }
-    if (!dateObject || !dateObject.date) {
-        return '';
-    }
-    var parsed = (0, date_fns_tz_1.zonedTimeToUtc)(dateObject.date, dateObject.timezone);
-    /**
-     * Datum tonen voor ouder dan x tijd
-     */
-    if (opts.showDateForOld &&
-        (0, isBefore_1.default)(parsed, (0, subDays_1.default)(new Date(), opts.numberOfDaysShowDateForOld))) {
-        return (0, format_1.default)(new Date(dateObject.date.replace(' ', 'T')), opts.showDateForOldFormat, {
-            locale: availableLocales[opts.locale],
-        });
-    }
-    else {
-        var formatDistanceOptions = {
-            includeSeconds: opts.includeSeconds,
-            addSuffix: opts.addSuffix,
-            locale: availableLocales[opts.locale],
-        };
-        /**
-         * De postdate moet bepaald worden met timezone erbij. Anders krijg je in Engeland bijv de melding 'over ongeveer een uur'
-         * Daarom moet date-fns wel de posttime getransformeerd hebben tot de lokale timezone
-         */
-        if (opts.strict) {
-            return (0, formatDistanceStrict_1.default)(parsed, new Date(), formatDistanceOptions);
-        }
-        else {
-            return (0, formatDistance_1.default)(parsed, new Date(), formatDistanceOptions);
-        }
-    }
-};
-exports.formatDateFromNow = formatDateFromNow;
-/**
- * New date maken op basis van timezone
- * @param {date, timezone, timezone_type} dateObject
- */
-var formatNewDate = function (dateObject) {
-    if (!dateObject || !dateObject.date) {
-        return '';
-    }
-    /**
-     * De date uit Craft heeft het volgende format: "2019-11-14 08:00:00.000000"
-     * Safari begrijpt dit niet en geeft dan een NaN met new Date(date)
-     * Safari begrijpt het wel als alle - vervangen worden door /, en het laatste gedeelte achter de punt weg is
-     */
-    // const dateString = dateObject.date.replace(/-/g, '/').split('.')[0];
-    var parsed = (0, date_fns_tz_1.zonedTimeToUtc)(dateObject.date, dateObject.timezone);
-    return new Date(parsed);
-};
-exports.formatNewDate = formatNewDate;
-/**
- * Convert datum
- * @param {Date} date
- */
-var formatUTCDate = function (date) {
-    var d = new Date(date);
-    return new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate(), d.getHours(), d.getMinutes(), d.getSeconds()));
-};
-exports.formatUTCDate = formatUTCDate;
-/**
- * ISO duration naar object ombuigen. Bijv P4W
- * @param {string} duration
- * @param {parseISODurationOptions} options
- */
-var parseISODuration = function (duration, options) {
-    var defaultOptions = {
-        humanReadable: false,
-    };
-    var opts = defaultOptions;
-    if (options) {
-        opts = Object.assign({}, defaultOptions, options);
-    }
-    var durationObject = (0, tinyduration_1.parse)(duration);
-    if (opts.humanReadable) {
-        return (0, formatDuration_1.default)(durationObject, {
-            locale: locale_1.nl,
-        });
-    }
-    return durationObject;
-};
-exports.parseISODuration = parseISODuration;

package/dist/form.d.ts

@@ -1,9 +0,0 @@
-/**
- * Creeert een FormData object vanuit een object
- * https://gist.github.com/ghinda/8442a57f22099bdb2e34#gistcomment-2719686
- *
- * @param {Object} data
- * @param {FormData} form
- * @param {String} namespace
- */
-export declare const convertObjectToFormData: (data?: any, form?: FormData | null, namespace?: string) => FormData;

package/dist/form.js

@@ -1,87 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertObjectToFormData = void 0;
-/**
- * Creeert een FormData object vanuit een object
- * https://gist.github.com/ghinda/8442a57f22099bdb2e34#gistcomment-2719686
- *
- * @param {Object} data
- * @param {FormData} form
- * @param {String} namespace
- */
-var convertObjectToFormData = function (data, form, namespace) {
-    if (data === void 0) { data = {}; }
-    if (form === void 0) { form = null; }
-    if (namespace === void 0) { namespace = ''; }
-    var model = __assign({}, data);
-    var formData = form || new FormData();
-    var _loop_1 = function (propertyName) {
-        if (!model.hasOwnProperty(propertyName) ||
-            ((model[propertyName] === null || model[propertyName] === undefined) &&
-                typeof model[propertyName] !== 'string')) {
-            return "continue";
-        }
-        var formKey = namespace ? "".concat(namespace, "[").concat(propertyName, "]") : propertyName;
-        // Date
-        if (model[propertyName] instanceof Date)
-            formData.append(formKey, model[propertyName].toISOString());
-        // File
-        else if (model[propertyName] instanceof File) {
-            formData.append(formKey, model[propertyName]);
-            // Array
-        }
-        else if (model[propertyName] instanceof Array) {
-            if (model[propertyName].length === 0) {
-                formData.append(formKey, '');
-            }
-            else {
-                model[propertyName].forEach(function (element, index) {
-                    var tempFormKey = "".concat(formKey, "[").concat(index, "]");
-                    if (element instanceof File) {
-                        formData.append(tempFormKey, element);
-                    }
-                    else {
-                        if (typeof element === 'object') {
-                            (0, exports.convertObjectToFormData)(element, formData, tempFormKey);
-                        }
-                        else {
-                            formData.append(tempFormKey, element.toString());
-                        }
-                    }
-                });
-            }
-            // Object en geen File
-        }
-        else if (typeof model[propertyName] === 'object' &&
-            !(model[propertyName] instanceof File)) {
-            (0, exports.convertObjectToFormData)(model[propertyName], formData, formKey);
-        }
-        else {
-            var val = model[propertyName];
-            var formDataValue = typeof val === 'boolean' ? (val ? '1' : '0') : val;
-            formData.append(formKey, formDataValue.toString());
-        }
-    };
-    for (var propertyName in model) {
-        _loop_1(propertyName);
-    }
-    // for (let propertyName in files) {
-    //     if (files.hasOwnProperty(propertyName)) {
-    //         // formData.append(propertyName, files[propertyName]);
-    //         formData.append(`fields[${propertyName}]`, files[propertyName]);
-    //     }
-    // }
-    return formData;
-};
-exports.convertObjectToFormData = convertObjectToFormData;

package/dist/includes/tinyduration.d.ts

@@ -1,20 +0,0 @@
-/**
- * https://github.com/MelleB/tinyduration
- * v 3.2.0
- */
-interface DurationValues {
-    years?: number;
-    months?: number;
-    weeks?: number;
-    days?: number;
-    hours?: number;
-    minutes?: number;
-    seconds?: number;
-}
-export declare type Duration = {
-    negative?: boolean;
-} & DurationValues;
-export declare const InvalidDurationError: Error;
-export declare function parse(durationStr: string): Duration;
-export declare function serialize(duration: Duration): string;
-export {};

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-import { createCookie, readCookie, eraseCookie } from './cookie';
-import { formatCraftDate, formatDateFromNow, formatNewDate, formatUTCDate, parseISODuration } from './date';
-import { convertObjectToFormData } from './form';
-import { bytesToSize, capitalize, checkForScrollbars, convertHexToRGBA, downloadFile, getNestedSet, getUrlsFromString, isHoverableDevice, isPlainObject, isTouchDevice, isValidUrl, observeResize, wrap } from './misc';
-import { $, $$, getParents } from './selectors';
-import { isCraftActionUrl, isInternalLink, isExternalUrl, isAsset, slugify } from './url';
-export { $, $$, bytesToSize, capitalize, checkForScrollbars, convertHexToRGBA, createCookie, downloadFile, eraseCookie, formatCraftDate, convertObjectToFormData, formatDateFromNow, formatNewDate, formatUTCDate, getNestedSet, getParents, getUrlsFromString, isAsset, isCraftActionUrl, isExternalUrl, isHoverableDevice, isInternalLink, isPlainObject, isTouchDevice, isValidUrl, observeResize, parseISODuration, readCookie, slugify, wrap, };