@bpd-library/utilities 1.2.5-beta.6 → 1.2.6

package/dist/types/generated/index.d.ts

@@ -0,0 +1 @@
+export * from './bpd-client';

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

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

package/dist/types/geometry/geometry.d.ts

@@ -0,0 +1,11 @@
+import { BoundingBox, Coordinates, MapData } from '@bpd-library/types';
+declare const calculateBoundingBox: (coordinates: Coordinates) => [number, number, number, number];
+declare const calculateMapDataBoundingBox: (mapData: MapData) => BoundingBox;
+declare const calculateMapDataCenter: (mapData: MapData) => [number, number];
+declare const calculateBoundingBoxCenter: ([minX, minY, maxX, maxY]: [number, number, number, number]) => [number, number];
+declare const calculateCenter: (coordinates: Coordinates) => [number, number];
+declare const mergeBoundingBoxes: (boundingBoxes: BoundingBox[]) => BoundingBox;
+declare const expandBoundingBox: ([minX, minY, maxX, maxY]: BoundingBox, km: number) => BoundingBox;
+declare const withinBoundingBox: (coordinates: Coordinates, boundingBox: BoundingBox, kmPadding?: number) => boolean;
+declare const calculateDistance: (pointA: [number, number], pointB: [number, number]) => number;
+export { calculateBoundingBox, calculateBoundingBoxCenter, calculateCenter, calculateDistance, calculateMapDataBoundingBox, calculateMapDataCenter, withinBoundingBox, expandBoundingBox, mergeBoundingBoxes, };

package/dist/types/geometry/geometry.test.d.ts

@@ -0,0 +1,8 @@
+import { BoundingBox, Coordinates } from '@bpd-library/types';
+import { PolygonModel } from '../generated';
+export declare const TEST_GEOMETRY: {
+    coordinates: Coordinates;
+    boundingBox: BoundingBox;
+    center: [number, number];
+    apiGeometry: PolygonModel[];
+};

package/dist/types/geometry/index.d.ts

@@ -0,0 +1,2 @@
+export * from './geometry';
+export * from './country-bounding-box';

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,10 @@
+export * from './use-scroll-position';
+export * from './use-stylesheet';
+export * from './use-click-outside';
+export * from './use-history';
+export * from './use-scroll-to';
+export * from './use-url-params';
+export * from './use-map-storage';
+export * from './use-lazy';
+export * from './use-keyboard-focus';
+export * from './use-form-changes';

package/dist/types/hooks/use-click-outside.d.ts

@@ -0,0 +1,6 @@
+export declare type Selector = HTMLElement | HTMLCollection | NodeList | HTMLInputElement;
+export declare type Options = {
+    removeListener: boolean;
+};
+export declare type Callback = (state: boolean | null) => void;
+export declare function useClickOutside(selector: Selector, callback: Callback, options?: Options): EventListener;

package/dist/types/hooks/use-delegate-listen.d.ts

@@ -0,0 +1,6 @@
+interface DelegateOptions {
+    target?: EventTarget;
+    useCapture?: boolean;
+}
+export declare const useDelegateListen: (selector: string, type: string, callback: (e: Event) => void, options?: DelegateOptions) => void;
+export {};

package/dist/types/hooks/use-form-changes.d.ts

@@ -0,0 +1,12 @@
+declare type FormItem = {
+    key: string;
+    value: FormDataEntryValue;
+};
+declare type FormChangeCallback = {
+    additions: FormItem[];
+    deletions: FormItem[];
+};
+export declare function useFormChanges(form: {
+    current: HTMLFormElement | null;
+}, callback: ({ additions, deletions }: FormChangeCallback) => void): void;
+export {};

package/dist/types/hooks/use-history.d.ts

@@ -0,0 +1,4 @@
+export declare const useHistory: () => {
+    push: (url: string) => void;
+    replace: (url: string) => void;
+};

package/dist/types/hooks/use-input.d.ts

@@ -0,0 +1,41 @@
+interface UseInput {
+    inputElements: string;
+    errorTarget: string;
+    inputLabelTarget?: string;
+    onRebindValue?: (value: any) => void;
+    onValidate: () => void;
+    onInputChange?: (e?: any) => void;
+    onInputFocus?: (e?: any) => void;
+    onInputBlur?: (e?: any) => void;
+    onInputInput?: (e?: any) => void;
+    onInputFocusout?: (e?: any) => void;
+    resetInput?: () => void;
+}
+export interface UseInputElement {
+    rebindValue: (value: any) => void;
+    validate: () => boolean;
+    resetInput?: () => void;
+}
+export declare const useInput: ({ inputElements, errorTarget, inputLabelTarget, onInputChange, onInputFocus, onInputBlur, onInputInput, onInputFocusout, resetInput, onRebindValue, onValidate, }: UseInput) => {
+    inputs: {
+        current: null[] | HTMLInputElement[];
+    };
+    errorHolder: {
+        current: HTMLElement | null;
+    };
+    inputLabel: {
+        current: HTMLLabelElement | null;
+    };
+    bindValueChanged: {
+        emit: (value: any) => void;
+    };
+    inputValidate: {
+        emit: (value: {
+            errorMessage: string;
+            value: any;
+            isValid: boolean;
+            input: HTMLInputElement;
+        }) => void;
+    };
+};
+export {};

package/dist/types/hooks/use-keyboard-focus.d.ts

@@ -0,0 +1,6 @@
+interface UsingKeyBoardProps {
+    defaultUsingKeyboard?: boolean;
+    className?: string;
+}
+export declare const useUsingKeyboard: ({ defaultUsingKeyboard, className, }: UsingKeyBoardProps) => void;
+export {};

package/dist/types/hooks/use-lazy.d.ts

@@ -0,0 +1,21 @@
+import { MutableRefObject } from '@atomify/hooks/dist/hooks';
+declare type LazyResult = HTMLElement;
+interface UseLazyProps<T> {
+    fetcher: () => Promise<T>;
+    loadingResult: () => LazyResult;
+    errorResult: () => LazyResult;
+    successResult: (data?: T) => LazyResult;
+}
+declare type LazyReturn<T> = [() => LazyResult, () => Promise<void>, MutableRefObject<T | null>, MutableRefObject<string>];
+export declare const LAZY_HOOKS: {
+    LAZY_LOADING_HOOK: string;
+    LAZY_ERROR_HOOK: string;
+    LAZY_SUCCESS_HOOK: string;
+};
+export declare const LAZY_STATES: {
+    ERROR: string;
+    LOADING: string;
+    SUCCESS: string;
+};
+export declare const useLazy: <T = any>({ fetcher, loadingResult, errorResult, successResult, }: UseLazyProps<T>) => LazyReturn<T>;
+export {};

package/dist/types/hooks/use-map-storage.d.ts

@@ -0,0 +1,6 @@
+export declare const useMapStorage: <T = any, V = any>() => {
+    setItem: (key: T, value: V) => Map<T, V>;
+    getItem: (key: T) => V | undefined;
+    hasItem: (key: T) => boolean;
+    deleteItem: (key: T) => boolean;
+};

package/dist/types/hooks/use-scroll-position.d.ts

@@ -0,0 +1,10 @@
+declare type ScrollPosition = {
+    x: number;
+    y: number;
+};
+export declare type ScrollCallback = {
+    prevPosition: ScrollPosition;
+    currentPosition: ScrollPosition;
+};
+export declare const useScrollPosition: (callback: ({ currentPosition, prevPosition }: ScrollCallback) => void, useWindow?: boolean | undefined) => void;
+export {};

package/dist/types/hooks/use-scroll-to.d.ts

@@ -0,0 +1,8 @@
+interface ScrollOptions {
+    offset?: number;
+    duration?: number;
+    scrollElement?: HTMLElement;
+    delay?: number;
+}
+export declare const useScrollTo: (options?: ScrollOptions) => (target: HTMLElement) => Promise<unknown>;
+export {};

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

@@ -0,0 +1 @@
+export declare function useStylesheet(style: string): void;

package/dist/types/hooks/use-text.d.ts

@@ -0,0 +1 @@
+export declare function useText(initialValue?: string): readonly [Text, (value: string) => void];

package/dist/types/hooks/use-url-params.d.ts

@@ -0,0 +1,5 @@
+export declare const useUrlParams: () => {
+    push: (param: string, value: string) => void;
+    get: (param: string) => any;
+    clear: () => void;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,17 @@
+export * from './api';
+export * from './generated';
+export * from './dom';
+export * from './hooks';
+export * from './constants';
+export * from './debounce';
+export * from './is-touch';
+export * from './environment';
+export * from './raf-throttle';
+export * from './media-query';
+export * from './function-is-true';
+export * from './api-utilities';
+export * from './geometry';
+export * from './date';
+export * from './to-currency';
+export * from './extended-api-models';
+export * from './throttle';

package/dist/types/is-touch.d.ts

@@ -0,0 +1,8 @@
+export declare class DetectTouch {
+    touch: boolean;
+    hasMouse: boolean;
+    get isTouchDevice(): boolean;
+    constructor();
+    handleMouseEvent(): void;
+}
+export declare const detectTouch: DetectTouch;

package/dist/types/media-query/breakpoints.d.ts

@@ -0,0 +1,26 @@
+export declare const breakpoints: {
+    mobile: {
+        size: number;
+        active: boolean;
+    };
+    mobilePlus: {
+        size: number;
+        active: boolean;
+    };
+    tabletPortrait: {
+        size: number;
+        active: boolean;
+    };
+    tabletLandscape: {
+        size: number;
+        active: boolean;
+    };
+    laptop: {
+        size: number;
+        active: boolean;
+    };
+    desktop: {
+        size: number;
+        active: boolean;
+    };
+};

package/dist/types/media-query/index.d.ts

@@ -0,0 +1 @@
+export * from './media-query';

package/dist/types/media-query/media-query.d.ts

@@ -0,0 +1,13 @@
+import { breakpoints } from './breakpoints';
+import { BreakpointFunction, Breakpoints, UseMediaFunction } from './media-query.types';
+declare const max: BreakpointFunction;
+declare const min: BreakpointFunction;
+export declare const mediaIsMatch: (breakpoint: string) => boolean;
+export declare const deviceWidth: {
+    isMobilePlusAndSmaller: boolean;
+    isTabletPortraitAndSmaller: boolean;
+};
+declare const mediaWatcher: (mediaQuery: string, layoutChangedCallback: (mediaQueryMatches: boolean) => void) => void;
+declare const getCurrentBreakpoint: () => undefined;
+declare const useMedia: (callback: UseMediaFunction) => void;
+export { breakpoints, min, max, useMedia, mediaWatcher, getCurrentBreakpoint, Breakpoints };

package/dist/types/media-query/media-query.types.d.ts

@@ -0,0 +1,14 @@
+import { breakpoints } from './breakpoints';
+export declare type Breakpoints = keyof typeof breakpoints;
+export declare type BreakpointFunction = (breakpoint: Breakpoints) => string;
+export declare type UseMediaFunction = (breakpoints: {
+    [key in Breakpoints]: Breakpoint;
+}) => void;
+export declare type MediaQuery = {
+    breakpoint: Breakpoints;
+    query: () => string;
+};
+export interface Breakpoint {
+    size: number;
+    active: boolean;
+}

package/dist/types/media-query/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { Breakpoints, MediaQuery } from '../media-query.types';
+export declare function getSizeFromBreakpoint(breakpointValue: Breakpoints): number | "0";
+export declare function getMediaQueries(): MediaQuery[];

package/dist/types/raf-throttle.d.ts

@@ -0,0 +1,4 @@
+export declare const rafThrottle: (callback: (...args: any[]) => void) => {
+    (...args: any[]): void;
+    cancel(): void;
+};

package/dist/types/throttle.d.ts

@@ -0,0 +1,2 @@
+declare const throttle: (fn: Function, wait?: number) => (this: any) => void;
+export { throttle };

package/dist/types/to-currency.d.ts

@@ -0,0 +1,3 @@
+export declare const round: (value: number, decimals: number) => string;
+export declare const putThousandsSeparators: (value: number | string, sep?: string | undefined) => string;
+export declare const toCurrency: (value: number, decimals?: number) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bpd-library/utilities",
-    "version": "1.2.5-beta.6",
+    "version": "1.2.6",
     "description": "Description",
     "url": "https://github.com/{repo name}",
     "license": "MIT",
@@ -45,13 +45,13 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "4f90642eaa6b9df264731c030f52a4c86beeb1c2",
+    "gitHead": "60695b9f3c91493163c6be7d43fd3fa6777b2bdb",
     "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.5-beta.6",
+        "@bpd-library/types": "^1.2.6",
         "qs": "^6.9.4",
         "query-string": "5"
     }

package/coverage/base.css

@@ -1,224 +0,0 @@
-body, html {
-  margin:0; padding: 0;
-  height: 100%;
-}
-body {
-    font-family: Helvetica Neue, Helvetica, Arial;
-    font-size: 14px;
-    color:#333;
-}
-.small { font-size: 12px; }
-*, *:after, *:before {
-  -webkit-box-sizing:border-box;
-     -moz-box-sizing:border-box;
-          box-sizing:border-box;
-  }
-h1 { font-size: 20px; margin: 0;}
-h2 { font-size: 14px; }
-pre {
-    font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
-    margin: 0;
-    padding: 0;
-    -moz-tab-size: 2;
-    -o-tab-size:  2;
-    tab-size: 2;
-}
-a { color:#0074D9; text-decoration:none; }
-a:hover { text-decoration:underline; }
-.strong { font-weight: bold; }
-.space-top1 { padding: 10px 0 0 0; }
-.pad2y { padding: 20px 0; }
-.pad1y { padding: 10px 0; }
-.pad2x { padding: 0 20px; }
-.pad2 { padding: 20px; }
-.pad1 { padding: 10px; }
-.space-left2 { padding-left:55px; }
-.space-right2 { padding-right:20px; }
-.center { text-align:center; }
-.clearfix { display:block; }
-.clearfix:after {
-  content:'';
-  display:block;
-  height:0;
-  clear:both;
-  visibility:hidden;
-  }
-.fl { float: left; }
-@media only screen and (max-width:640px) {
-  .col3 { width:100%; max-width:100%; }
-  .hide-mobile { display:none!important; }
-}
-
-.quiet {
-  color: #7f7f7f;
-  color: rgba(0,0,0,0.5);
-}
-.quiet a { opacity: 0.7; }
-
-.fraction {
-  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-  font-size: 10px;
-  color: #555;
-  background: #E8E8E8;
-  padding: 4px 5px;
-  border-radius: 3px;
-  vertical-align: middle;
-}
-
-div.path a:link, div.path a:visited { color: #333; }
-table.coverage {
-  border-collapse: collapse;
-  margin: 10px 0 0 0;
-  padding: 0;
-}
-
-table.coverage td {
-  margin: 0;
-  padding: 0;
-  vertical-align: top;
-}
-table.coverage td.line-count {
-    text-align: right;
-    padding: 0 5px 0 20px;
-}
-table.coverage td.line-coverage {
-    text-align: right;
-    padding-right: 10px;
-    min-width:20px;
-}
-
-table.coverage td span.cline-any {
-    display: inline-block;
-    padding: 0 5px;
-    width: 100%;
-}
-.missing-if-branch {
-    display: inline-block;
-    margin-right: 5px;
-    border-radius: 3px;
-    position: relative;
-    padding: 0 4px;
-    background: #333;
-    color: yellow;
-}
-
-.skip-if-branch {
-    display: none;
-    margin-right: 10px;
-    position: relative;
-    padding: 0 4px;
-    background: #ccc;
-    color: white;
-}
-.missing-if-branch .typ, .skip-if-branch .typ {
-    color: inherit !important;
-}
-.coverage-summary {
-  border-collapse: collapse;
-  width: 100%;
-}
-.coverage-summary tr { border-bottom: 1px solid #bbb; }
-.keyline-all { border: 1px solid #ddd; }
-.coverage-summary td, .coverage-summary th { padding: 10px; }
-.coverage-summary tbody { border: 1px solid #bbb; }
-.coverage-summary td { border-right: 1px solid #bbb; }
-.coverage-summary td:last-child { border-right: none; }
-.coverage-summary th {
-  text-align: left;
-  font-weight: normal;
-  white-space: nowrap;
-}
-.coverage-summary th.file { border-right: none !important; }
-.coverage-summary th.pct { }
-.coverage-summary th.pic,
-.coverage-summary th.abs,
-.coverage-summary td.pct,
-.coverage-summary td.abs { text-align: right; }
-.coverage-summary td.file { white-space: nowrap;  }
-.coverage-summary td.pic { min-width: 120px !important;  }
-.coverage-summary tfoot td { }
-
-.coverage-summary .sorter {
-    height: 10px;
-    width: 7px;
-    display: inline-block;
-    margin-left: 0.5em;
-    background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
-}
-.coverage-summary .sorted .sorter {
-    background-position: 0 -20px;
-}
-.coverage-summary .sorted-desc .sorter {
-    background-position: 0 -10px;
-}
-.status-line {  height: 10px; }
-/* yellow */
-.cbranch-no { background: yellow !important; color: #111; }
-/* dark red */
-.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
-.low .chart { border:1px solid #C21F39 }
-.highlighted,
-.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
-  background: #C21F39 !important;
-}
-/* medium red */
-.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
-/* light red */
-.low, .cline-no { background:#FCE1E5 }
-/* light green */
-.high, .cline-yes { background:rgb(230,245,208) }
-/* medium green */
-.cstat-yes { background:rgb(161,215,106) }
-/* dark green */
-.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
-.high .chart { border:1px solid rgb(77,146,33) }
-/* dark yellow (gold) */
-.status-line.medium, .medium .cover-fill { background: #f9cd0b; }
-.medium .chart { border:1px solid #f9cd0b; }
-/* light yellow */
-.medium { background: #fff4c2; }
-
-.cstat-skip { background: #ddd; color: #111; }
-.fstat-skip { background: #ddd; color: #111 !important; }
-.cbranch-skip { background: #ddd !important; color: #111; }
-
-span.cline-neutral { background: #eaeaea; }
-
-.coverage-summary td.empty {
-    opacity: .5;
-    padding-top: 4px;
-    padding-bottom: 4px;
-    line-height: 1;
-    color: #888;
-}
-
-.cover-fill, .cover-empty {
-  display:inline-block;
-  height: 12px;
-}
-.chart {
-  line-height: 0;
-}
-.cover-empty {
-    background: white;
-}
-.cover-full {
-    border-right: none !important;
-}
-pre.prettyprint {
-    border: none !important;
-    padding: 0 !important;
-    margin: 0 !important;
-}
-.com { color: #999 !important; }
-.ignore-none { color: #999; font-weight: normal; }
-
-.wrapper {
-  min-height: 100%;
-  height: auto !important;
-  height: 100%;
-  margin: 0 auto -48px;
-}
-.footer, .push {
-  height: 48px;
-}

package/coverage/block-navigation.js

@@ -1,79 +0,0 @@
-/* eslint-disable */
-var jumpToCode = (function init() {
-    // Classes of code we would like to highlight in the file view
-    var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
-
-    // Elements to highlight in the file listing view
-    var fileListingElements = ['td.pct.low'];
-
-    // We don't want to select elements that are direct descendants of another match
-    var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
-
-    // Selecter that finds elements on the page to which we can jump
-    var selector =
-        fileListingElements.join(', ') +
-        ', ' +
-        notSelector +
-        missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
-
-    // The NodeList of matching elements
-    var missingCoverageElements = document.querySelectorAll(selector);
-
-    var currentIndex;
-
-    function toggleClass(index) {
-        missingCoverageElements
-            .item(currentIndex)
-            .classList.remove('highlighted');
-        missingCoverageElements.item(index).classList.add('highlighted');
-    }
-
-    function makeCurrent(index) {
-        toggleClass(index);
-        currentIndex = index;
-        missingCoverageElements.item(index).scrollIntoView({
-            behavior: 'smooth',
-            block: 'center',
-            inline: 'center'
-        });
-    }
-
-    function goToPrevious() {
-        var nextIndex = 0;
-        if (typeof currentIndex !== 'number' || currentIndex === 0) {
-            nextIndex = missingCoverageElements.length - 1;
-        } else if (missingCoverageElements.length > 1) {
-            nextIndex = currentIndex - 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    function goToNext() {
-        var nextIndex = 0;
-
-        if (
-            typeof currentIndex === 'number' &&
-            currentIndex < missingCoverageElements.length - 1
-        ) {
-            nextIndex = currentIndex + 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    return function jump(event) {
-        switch (event.which) {
-            case 78: // n
-            case 74: // j
-                goToNext();
-                break;
-            case 66: // b
-            case 75: // k
-            case 80: // p
-                goToPrevious();
-                break;
-        }
-    };
-})();
-window.addEventListener('keydown', jumpToCode);