@dreamcommerce/aurora 0.3.23 → 0.3.24

package/build/esm/packages/aurora/src/constants/positions.js

@@ -1,8 +1,11 @@
-var VERTICAL_POSITION = {
-    top: 'top',
-    center: 'center',
-    bottom: 'bottom'
+export var HORIZONTAL_POSITION = {
+    left: 'left',
+    center: 'center',
+    right: 'right'
 };
-
-export { VERTICAL_POSITION };
-//# sourceMappingURL=positions.js.map
+export var VERTICAL_POSITION = {
+    top: 'top',
+    center: 'center',
+    bottom: 'bottom'
+};
+//# sourceMappingURL=positions.js.map

package/build/esm/packages/aurora/src/constants/positions.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"positions.js","sourceRoot":"","sources":["../../../../../../src/constants/positions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC/B,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACR,CAAC;AAEX,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC7B,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACV,CAAC"}

package/build/esm/packages/aurora/src/constants/responsive_breakpoints.d.ts

@@ -1,13 +1,13 @@
-declare type TScreenName = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare type TScreenSize = 1440 | 1200 | 1000 | 768 | 576;
-declare type TBreakpointsArray = {
-    width: TScreenSize;
-    name: TScreenName;
-}[];
-export declare const SCREEN_XS = "xs";
-export declare const SCREEN_SM = "sm";
-export declare const SCREEN_MD = "md";
-export declare const SCREEN_LG = "lg";
-export declare const SCREEN_XL = "xl";
-export declare const breakpoints: TBreakpointsArray;
-export {};
+declare type TScreenName = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare type TScreenSize = 1440 | 1200 | 1000 | 768 | 576;
+declare type TBreakpointsArray = {
+    width: TScreenSize;
+    name: TScreenName;
+}[];
+export declare const SCREEN_XS = "xs";
+export declare const SCREEN_SM = "sm";
+export declare const SCREEN_MD = "md";
+export declare const SCREEN_LG = "lg";
+export declare const SCREEN_XL = "xl";
+export declare const breakpoints: TBreakpointsArray;
+export {};

package/build/esm/packages/aurora/src/constants/responsive_breakpoints.js

@@ -1,30 +1,28 @@
-var SCREEN_XS = 'xs';
-var SCREEN_SM = 'sm';
-var SCREEN_MD = 'md';
-var SCREEN_LG = 'lg';
-var SCREEN_XL = 'xl';
-var breakpoints = [
-    {
-        width: 1440,
-        name: SCREEN_XL
-    },
-    {
-        width: 1200,
-        name: SCREEN_LG
-    },
-    {
-        width: 1000,
-        name: SCREEN_MD
-    },
-    {
-        width: 768,
-        name: SCREEN_SM
-    },
-    {
-        width: 576,
-        name: SCREEN_XS
-    }
+export var SCREEN_XS = 'xs';
+export var SCREEN_SM = 'sm';
+export var SCREEN_MD = 'md';
+export var SCREEN_LG = 'lg';
+export var SCREEN_XL = 'xl';
+export var breakpoints = [
+    {
+        width: 1440,
+        name: SCREEN_XL
+    },
+    {
+        width: 1200,
+        name: SCREEN_LG
+    },
+    {
+        width: 1000,
+        name: SCREEN_MD
+    },
+    {
+        width: 768,
+        name: SCREEN_SM
+    },
+    {
+        width: 576,
+        name: SCREEN_XS
+    }
 ];
-
-export { SCREEN_LG, SCREEN_MD, SCREEN_SM, SCREEN_XL, SCREEN_XS, breakpoints };
-//# sourceMappingURL=responsive_breakpoints.js.map
+//# sourceMappingURL=responsive_breakpoints.js.map

package/build/esm/packages/aurora/src/constants/responsive_breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"responsive_breakpoints.js","sourceRoot":"","sources":["../../../../../../src/constants/responsive_breakpoints.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,IAAM,SAAS,GAAG,IAAI,CAAC;AAC9B,MAAM,CAAC,IAAM,SAAS,GAAG,IAAI,CAAC;AAC9B,MAAM,CAAC,IAAM,SAAS,GAAG,IAAI,CAAC;AAC9B,MAAM,CAAC,IAAM,SAAS,GAAG,IAAI,CAAC;AAC9B,MAAM,CAAC,IAAM,SAAS,GAAG,IAAI,CAAC;AAE9B,MAAM,CAAC,IAAM,WAAW,GAAsB;IAC1C;QACI,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,SAAS;KAClB;IACD;QACI,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,SAAS;KAClB;IACD;QACI,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,SAAS;KAClB;IACD;QACI,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,SAAS;KAClB;IACD;QACI,KAAK,EAAE,GAAG;QACV,IAAI,EAAE,SAAS;KAClB;CACJ,CAAC"}

package/build/esm/packages/aurora/src/hooks/index.d.ts

@@ -1,4 +1,4 @@
-import { useClickOutside } from './use_click_outside';
-import { useEffectAfterMount } from './use_effect_after_mount';
-import { useScreenDetect } from './use_screen_detect';
-export { useClickOutside, useEffectAfterMount, useScreenDetect };
+import { useClickOutside } from './use_click_outside';
+import { useEffectAfterMount } from './use_effect_after_mount';
+import { useScreenDetect } from './use_screen_detect';
+export { useClickOutside, useEffectAfterMount, useScreenDetect };

package/build/esm/packages/aurora/src/hooks/use_click_outside.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-/**
- * adds listener on mousedown event which detects if click was inside elemnents provided in refs array. If click was
- * made outside element callback function is called
- * @param {Array<React.RefObject<HTMLElement>>} refs array of refs
- * @param {Function} callback called when click is made outside refs elements
- * @returns {void} void
- */
-export declare function useClickOutside(refs: Array<React.RefObject<HTMLElement>>, callback: () => void): void;
+/// <reference types="react" />
+/**
+ * adds listener on mousedown event which detects if click was inside elemnents provided in refs array. If click was
+ * made outside element callback function is called
+ * @param {Array<React.RefObject<HTMLElement>>} refs array of refs
+ * @param {Function} callback called when click is made outside refs elements
+ * @returns {void} void
+ */
+export declare function useClickOutside(refs: Array<React.RefObject<HTMLElement>>, callback: () => void): void;

package/build/esm/packages/aurora/src/hooks/use_click_outside.js

@@ -1,26 +1,23 @@
 import { useEffect } from 'react';
-
-/**
- * adds listener on mousedown event which detects if click was inside elemnents provided in refs array. If click was
- * made outside element callback function is called
- * @param {Array<React.RefObject<HTMLElement>>} refs array of refs
- * @param {Function} callback called when click is made outside refs elements
- * @returns {void} void
- */
-function useClickOutside(refs, callback) {
-    function handleClickOutside(event) {
-        var callCallback = refs.every(function (ref) { return ref.current && !ref.current.contains(event.target); });
-        if (callCallback === true) {
-            callback();
-        }
-    }
-    useEffect(function () {
-        document.addEventListener('mousedown', handleClickOutside);
-        return function () {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    });
+/**
+ * adds listener on mousedown event which detects if click was inside elemnents provided in refs array. If click was
+ * made outside element callback function is called
+ * @param {Array<React.RefObject<HTMLElement>>} refs array of refs
+ * @param {Function} callback called when click is made outside refs elements
+ * @returns {void} void
+ */
+export function useClickOutside(refs, callback) {
+    function handleClickOutside(event) {
+        var callCallback = refs.every(function (ref) { return ref.current && !ref.current.contains(event.target); });
+        if (callCallback === true) {
+            callback();
+        }
+    }
+    useEffect(function () {
+        document.addEventListener('mousedown', handleClickOutside);
+        return function () {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    });
 }
-
-export { useClickOutside };
-//# sourceMappingURL=use_click_outside.js.map
+//# sourceMappingURL=use_click_outside.js.map

package/build/esm/packages/aurora/src/hooks/use_click_outside.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"use_click_outside.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_click_outside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,IAAyC,EAAE,QAAoB;IAC3F,SAAS,kBAAkB,CAAC,KAAY;QACpC,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAA1D,CAA0D,CAAC,CAAC;QACrG,IAAI,YAAY,KAAK,IAAI,EAAE;YACvB,QAAQ,EAAE,CAAC;SACd;IACL,CAAC;IAED,SAAS,CAAC;QACN,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO;YACH,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAClE,CAAC,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC"}

package/build/esm/packages/aurora/src/hooks/use_effect_after_mount.d.ts

@@ -1,7 +1,7 @@
-/**
- * uses effect only if component is allready mounted
- * @param {Function} cb callback
- * @param dependencies array of dependencies
- * @returns {void} void
- */
-export declare function useEffectAfterMount(cb: () => void, dependencies: Array<any>): void;
+/**
+ * uses effect only if component is allready mounted
+ * @param {Function} cb callback
+ * @param dependencies array of dependencies
+ * @returns {void} void
+ */
+export declare function useEffectAfterMount(cb: () => void, dependencies: Array<any>): void;

package/build/esm/packages/aurora/src/hooks/use_effect_after_mount.js

@@ -1,21 +1,18 @@
-import { useRef, useEffect } from 'react';
-
-/**
- * uses effect only if component is allready mounted
- * @param {Function} cb callback
- * @param dependencies array of dependencies
- * @returns {void} void
- */
-function useEffectAfterMount(cb, dependencies) {
-    var justMounted = useRef(true);
-    useEffect(function () {
-        if (!justMounted.current) {
-            return cb();
-        }
-        justMounted.current = false;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, dependencies);
+import { useEffect, useRef } from 'react';
+/**
+ * uses effect only if component is allready mounted
+ * @param {Function} cb callback
+ * @param dependencies array of dependencies
+ * @returns {void} void
+ */
+export function useEffectAfterMount(cb, dependencies) {
+    var justMounted = useRef(true);
+    useEffect(function () {
+        if (!justMounted.current) {
+            return cb();
+        }
+        justMounted.current = false;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, dependencies);
 }
-
-export { useEffectAfterMount };
-//# sourceMappingURL=use_effect_after_mount.js.map
+//# sourceMappingURL=use_effect_after_mount.js.map

package/build/esm/packages/aurora/src/hooks/use_effect_after_mount.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"use_effect_after_mount.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_effect_after_mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAc,EAAE,YAAwB;IACxE,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,SAAS,CAAC;QACN,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO,EAAE,EAAE,CAAC;SACf;QACD,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5B,uDAAuD;IAC3D,CAAC,EAAE,YAAY,CAAC,CAAC;AACrB,CAAC"}

package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.d.ts

@@ -1,10 +1,10 @@
-import React, { RefObject } from 'react';
-export declare const useFixedChildPosition: ({ useFixed, childRef, vPosition, hPosition }: {
-    useFixed?: boolean | undefined;
-    vPosition?: "top" | "bottom" | undefined;
-    hPosition?: "left" | "right" | "center" | undefined;
-    childRef?: React.RefObject<HTMLDivElement> | undefined;
-}) => {
-    style: React.CSSProperties;
-    onMouseEnter: (event: React.MouseEvent) => void;
-};
+import React, { RefObject } from 'react';
+export declare const useFixedChildPosition: ({ useFixed, childRef, vPosition, hPosition }: {
+    useFixed?: boolean | undefined;
+    vPosition?: "top" | "bottom" | undefined;
+    hPosition?: "left" | "center" | "right" | undefined;
+    childRef?: React.RefObject<HTMLDivElement> | undefined;
+}) => {
+    style: React.CSSProperties;
+    onMouseEnter: (event: React.MouseEvent) => void;
+};

package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js

@@ -1,37 +1,34 @@
 import { useState } from 'react';
-
-var useFixedChildPosition = function (_a) {
-    var useFixed = _a.useFixed, childRef = _a.childRef, vPosition = _a.vPosition, hPosition = _a.hPosition;
-    var _b = useState({ top: 0, left: 0 }), position = _b[0], setPosition = _b[1];
-    if (!useFixed) {
-        return {
-            style: {},
-            onMouseEnter: function () { }
-        };
-    }
-    var onMouseEnter = function (event) {
-        var _a;
-        var $hoveredElement = event.target;
-        var parentBoundingRect = $hoveredElement.getBoundingClientRect();
-        var childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
-        var top = vPosition === 'top'
-            ? parentBoundingRect.top - 0.5 * parentBoundingRect.height - childBoundingRect.height
-            : parentBoundingRect.top + parentBoundingRect.height;
-        var left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
-        setPosition({ top: top, left: left });
-    };
-    var style = {
-        position: 'fixed',
-        top: position.top,
-        left: position.left,
-        bottom: 'unset',
-        right: 'unset'
-    };
-    return {
-        style: style,
-        onMouseEnter: onMouseEnter
-    };
+export var useFixedChildPosition = function (_a) {
+    var useFixed = _a.useFixed, childRef = _a.childRef, vPosition = _a.vPosition, hPosition = _a.hPosition;
+    var _b = useState({ top: 0, left: 0 }), position = _b[0], setPosition = _b[1];
+    if (!useFixed) {
+        return {
+            style: {},
+            onMouseEnter: function () { }
+        };
+    }
+    var onMouseEnter = function (event) {
+        var _a;
+        var $hoveredElement = event.target;
+        var parentBoundingRect = $hoveredElement.getBoundingClientRect();
+        var childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
+        var top = vPosition === 'top'
+            ? parentBoundingRect.top - 0.5 * parentBoundingRect.height - childBoundingRect.height
+            : parentBoundingRect.top + parentBoundingRect.height;
+        var left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
+        setPosition({ top: top, left: left });
+    };
+    var style = {
+        position: 'fixed',
+        top: position.top,
+        left: position.left,
+        bottom: 'unset',
+        right: 'unset'
+    };
+    return {
+        style: style,
+        onMouseEnter: onMouseEnter
+    };
 };
-
-export { useFixedChildPosition };
-//# sourceMappingURL=use_fixed_child_position.js.map
+//# sourceMappingURL=use_fixed_child_position.js.map

package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"use_fixed_child_position.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_fixed_child_position.ts"],"names":[],"mappings":"AAAA,OAAc,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAUrC;QATG,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA;IAOH,IAAA,KAA0B,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAtD,QAAQ,QAAA,EAAE,WAAW,QAAiC,CAAC;IAE9D,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO;YACH,KAAK,EAAE,EAAE;YACT,YAAY,EAAE,cAAO,CAAC;SACzB,CAAC;KACL;IAED,IAAM,YAAY,GAAG,UAAC,KAAuB;;QACzC,IAAM,eAAe,GAAG,KAAK,CAAC,MAAqB,CAAC;QAEpD,IAAM,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,EAAE,CAAC;QACnE,IAAM,iBAAiB,GAAG,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,qBAAqB,EAAE,KAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAChG,IAAM,GAAG,GACL,SAAS,KAAK,KAAK;YACf,CAAC,CAAC,kBAAkB,CAAC,GAAG,GAAG,GAAG,GAAG,kBAAkB,CAAC,MAAM,GAAG,iBAAiB,CAAC,MAAM;YACrF,CAAC,CAAC,kBAAkB,CAAC,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC;QAC7D,IAAM,IAAI,GACN,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,GAAG,kBAAkB,CAAC,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC;QAElI,WAAW,CAAC,EAAE,GAAG,KAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,KAAK,GAAG;QACV,QAAQ,EAAE,OAAgB;QAC1B,GAAG,EAAE,QAAQ,CAAC,GAAG;QACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,MAAM,EAAE,OAAO;QACf,KAAK,EAAE,OAAO;KACjB,CAAC;IAEF,OAAO;QACH,KAAK,OAAA;QACL,YAAY,cAAA;KACf,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/hooks/use_key_down.d.ts

@@ -1,14 +1,14 @@
-import { RefObject } from 'react';
-/**
- * Bind keydown event and checks if specific sequence/s was pressed
- * Sequences is array of keys to listen to, key can be:
- * - specific one eg. 'a', 'A'
- * - if there are differences in string representing specific key, you can split every representation with "|" eg.
- * Esc|Escape
- * - key with modifiers eg ctrl+a or ctrl+alt+c, past position is key
- * @param keys array for key sequences to check if pressed
- * @param cb action to fire after specific sequence occured
- * @param ref reference to element that should have event listener when its focused, if is undefined then event
- *     listeners will be added to document object
- */
-export declare const useKeyDown: (keys: Array<string>, cb?: (() => void) | undefined, ref?: RefObject<HTMLElement> | undefined) => void;
+import { RefObject } from 'react';
+/**
+ * Bind keydown event and checks if specific sequence/s was pressed
+ * Sequences is array of keys to listen to, key can be:
+ * - specific one eg. 'a', 'A'
+ * - if there are differences in string representing specific key, you can split every representation with "|" eg.
+ * Esc|Escape
+ * - key with modifiers eg ctrl+a or ctrl+alt+c, past position is key
+ * @param keys array for key sequences to check if pressed
+ * @param cb action to fire after specific sequence occured
+ * @param ref reference to element that should have event listener when its focused, if is undefined then event
+ *     listeners will be added to document object
+ */
+export declare const useKeyDown: (keys: Array<string>, cb?: (() => void) | undefined, ref?: RefObject<HTMLElement> | undefined) => void;

package/build/esm/packages/aurora/src/hooks/use_key_down.js

@@ -1,45 +1,42 @@
 import { useEffect } from 'react';
-
-var checkKeyMatch = function (key, sequence) { return key.match(new RegExp(sequence, 'ig')); };
-/**
- * Bind keydown event and checks if specific sequence/s was pressed
- * Sequences is array of keys to listen to, key can be:
- * - specific one eg. 'a', 'A'
- * - if there are differences in string representing specific key, you can split every representation with "|" eg.
- * Esc|Escape
- * - key with modifiers eg ctrl+a or ctrl+alt+c, past position is key
- * @param keys array for key sequences to check if pressed
- * @param cb action to fire after specific sequence occured
- * @param ref reference to element that should have event listener when its focused, if is undefined then event
- *     listeners will be added to document object
- */
-var useKeyDown = function (keys, cb, ref) {
-    useEffect(function () {
-        if (!cb) {
-            return;
-        }
-        var onEscape = function (evt) {
-            keys.forEach(function (sequence) {
-                if (sequence.includes('+') && sequence.length > 1) {
-                    var parts = sequence.split('+');
-                    var key = parts.pop();
-                    var modifiers = parts;
-                    if (modifiers.every(function (modifier) { return evt["".concat(modifier, "Key")] === true; }) && key && checkKeyMatch(evt.key, key)) {
-                        cb();
-                    }
-                    return;
-                }
-                if (checkKeyMatch(evt.key, sequence)) {
-                    cb();
-                }
-            });
-        };
-        ((ref === null || ref === void 0 ? void 0 : ref.current) || document).addEventListener('keydown', onEscape);
-        return function () {
-            ((ref === null || ref === void 0 ? void 0 : ref.current) || document).removeEventListener('keydown', onEscape);
-        };
-    }, [ref, cb, keys]);
+var checkKeyMatch = function (key, sequence) { return key.match(new RegExp(sequence, 'ig')); };
+/**
+ * Bind keydown event and checks if specific sequence/s was pressed
+ * Sequences is array of keys to listen to, key can be:
+ * - specific one eg. 'a', 'A'
+ * - if there are differences in string representing specific key, you can split every representation with "|" eg.
+ * Esc|Escape
+ * - key with modifiers eg ctrl+a or ctrl+alt+c, past position is key
+ * @param keys array for key sequences to check if pressed
+ * @param cb action to fire after specific sequence occured
+ * @param ref reference to element that should have event listener when its focused, if is undefined then event
+ *     listeners will be added to document object
+ */
+export var useKeyDown = function (keys, cb, ref) {
+    useEffect(function () {
+        if (!cb) {
+            return;
+        }
+        var onEscape = function (evt) {
+            keys.forEach(function (sequence) {
+                if (sequence.includes('+') && sequence.length > 1) {
+                    var parts = sequence.split('+');
+                    var key = parts.pop();
+                    var modifiers = parts;
+                    if (modifiers.every(function (modifier) { return evt["".concat(modifier, "Key")] === true; }) && key && checkKeyMatch(evt.key, key)) {
+                        cb();
+                    }
+                    return;
+                }
+                if (checkKeyMatch(evt.key, sequence)) {
+                    cb();
+                }
+            });
+        };
+        ((ref === null || ref === void 0 ? void 0 : ref.current) || document).addEventListener('keydown', onEscape);
+        return function () {
+            ((ref === null || ref === void 0 ? void 0 : ref.current) || document).removeEventListener('keydown', onEscape);
+        };
+    }, [ref, cb, keys]);
 };
-
-export { useKeyDown };
-//# sourceMappingURL=use_key_down.js.map
+//# sourceMappingURL=use_key_down.js.map

package/build/esm/packages/aurora/src/hooks/use_key_down.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"use_key_down.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_key_down.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,IAAM,aAAa,GAAG,UAAC,GAAW,EAAE,QAAgB,IAAK,OAAA,GAAG,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,EAArC,CAAqC,CAAC;AAE/F;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,IAAmB,EAAE,EAAe,EAAE,GAA4B;IACzF,SAAS,CAAC;QACN,IAAI,CAAC,EAAE,EAAE;YACL,OAAO;SACV;QAED,IAAM,QAAQ,GAAG,UAAC,GAAkB;YAChC,IAAI,CAAC,OAAO,CAAC,UAAC,QAAQ;gBAClB,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC/C,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;oBAClC,IAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;oBACxB,IAAM,SAAS,GAAG,KAAK,CAAC;oBAExB,IAAI,SAAS,CAAC,KAAK,CAAC,UAAC,QAAQ,IAAK,OAAA,GAAG,CAAC,UAAG,QAAQ,QAAK,CAAC,KAAK,IAAI,EAA9B,CAA8B,CAAC,IAAI,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE;wBACrG,EAAE,EAAE,CAAC;qBACR;oBAED,OAAO;iBACV;gBAED,IAAI,aAAa,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE;oBAClC,EAAE,EAAE,CAAC;iBACR;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,QAAQ,CAAC,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAEjE,OAAO;YACH,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,QAAQ,CAAC,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QACxE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;AACxB,CAAC,CAAC"}

package/build/esm/packages/aurora/src/hooks/use_resize.d.ts

@@ -1,6 +1,6 @@
-/**
- * Hook to run function when window has been resized with possible delay
- * @param fn, function to call
- * @param wait, delay time
- */
-export declare const useResize: (fn: () => void, wait?: number) => void;
+/**
+ * Hook to run function when window has been resized with possible delay
+ * @param fn, function to call
+ * @param wait, delay time
+ */
+export declare const useResize: (fn: () => void, wait?: number) => void;

package/build/esm/packages/aurora/src/hooks/use_resize.js

@@ -1,21 +1,18 @@
 import { useEffect } from 'react';
-import debounce_1 from '../../../../external/lodash/debounce.js';
-
-/**
- * Hook to run function when window has been resized with possible delay
- * @param fn, function to call
- * @param wait, delay time
- */
-var useResize = function (fn, wait) {
-    if (wait === void 0) { wait = 0; }
-    useEffect(function () {
-        var debouncedFn = debounce_1(fn, wait);
-        window.addEventListener('resize', debouncedFn);
-        return function () {
-            window.removeEventListener('resize', debouncedFn);
-        };
-    }, [fn, wait]);
+import { debounce } from 'lodash';
+/**
+ * Hook to run function when window has been resized with possible delay
+ * @param fn, function to call
+ * @param wait, delay time
+ */
+export var useResize = function (fn, wait) {
+    if (wait === void 0) { wait = 0; }
+    useEffect(function () {
+        var debouncedFn = debounce(fn, wait);
+        window.addEventListener('resize', debouncedFn);
+        return function () {
+            window.removeEventListener('resize', debouncedFn);
+        };
+    }, [fn, wait]);
 };
-
-export { useResize };
-//# sourceMappingURL=use_resize.js.map
+//# sourceMappingURL=use_resize.js.map

package/build/esm/packages/aurora/src/hooks/use_resize.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,uBAAuB,yCAA6C;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"use_resize.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAc,EAAE,IAAgB;IAAhB,qBAAA,EAAA,QAAgB;IACtD,SAAS,CAAC;QACN,IAAM,WAAW,GAAG,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAE/C,OAAO;YACH,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;AACnB,CAAC,CAAC"}

package/build/esm/packages/aurora/src/hooks/use_screen_detect.d.ts

@@ -1 +1 @@
-export declare const useScreenDetect: () => string;
+export declare const useScreenDetect: () => string;