@dreamcommerce/aurora 0.3.4-15 → 0.3.4-150

package/build/esm/src/css/tag/main.module.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tag__1nsp2 {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 31px;\n  padding: 0.215rem 0.7rem;\n  text-align: center;\n  color: #5c657e;\n  font-size: 11px;\n  font-size: 0.7857142857142857rem;\n  background-color: #e1e6f3;\n  border-radius: 10px;\n  margin-bottom: 0.5rem;\n}\n.main-module_tag__1nsp2:not(:last-child) {\n  margin-right: 0.5rem;\n}\n.main-module_tag__1nsp2:hover {\n  cursor: pointer;\n}\n.main-module_tag__remove__b1ote {\n  color: #5c657e;\n  font-size: 0.65rem;\n  margin-left: 0.5rem;\n}\n.main-module_tags__1TTHc {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  border: 1px solid #abb4cd;\n  border-radius: 3px;\n}\n.main-module_tags__search__1b4tI {\n  padding: 0.5rem 1rem 0.5rem;\n  display: flex;\n}\n.main-module_tags__selected__1EUHZ {\n  scrollbar-color: #79829c #f3f4f8;\n  scrollbar-width: thin;\n  max-height: 135px;\n  overflow-y: auto;\n  padding: 0.5rem 1rem 0;\n  text-align: left;\n}\n.main-module_tags__selected__1EUHZ::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_tags__selected__1EUHZ::-webkit-scrollbar-track {\n  background-color: #f3f4f8;\n}\n.main-module_tags__selected__1EUHZ::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_tags__selected__1EUHZ::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_tags__selected__1EUHZ::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_tags__list__3Fg2m {\n  scrollbar-color: #79829c #f3f4f8;\n  scrollbar-width: thin;\n  max-height: 180px;\n  overflow-y: auto;\n  text-align: left;\n}\n.main-module_tags__list__3Fg2m::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_tags__list__3Fg2m::-webkit-scrollbar-track {\n  background-color: #f3f4f8;\n}\n.main-module_tags__list__3Fg2m::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_tags__list__3Fg2m::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_tags__list__3Fg2m::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_tags__list-item__3Gh4f {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_tags__list-item_active__3ftA5,\n.main-module_tags__list-item__3Gh4f:hover {\n  background-color: #f5f7ff;\n}\n.main-module_tags__list-item_disabled__2nn95 {\n  color: #abb4cd;\n}\n.main-module_tags__list-item_in-group__3y4rs {\n  padding: 0.5rem 2rem;\n}\n.main-module_tags__list-item__3Gh4f::first-letter {\n  text-transform: uppercase;\n}\n";
+var cssClasses = {"tag":"main-module_tag__1nsp2","tag__remove":"main-module_tag__remove__b1ote","tags":"main-module_tags__1TTHc","tags__search":"main-module_tags__search__1b4tI","tags__selected":"main-module_tags__selected__1EUHZ","tags__list":"main-module_tags__list__3Fg2m","tags__list-item":"main-module_tags__list-item__3Gh4f","tags__list-item_active":"main-module_tags__list-item_active__3ftA5","tags__list-item_disabled":"main-module_tags__list-item_disabled__2nn95","tags__list-item_in-group":"main-module_tags__list-item_in-group__3y4rs"};
+styleInject(css_248z);
+
+export default cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/esm/src/css/tag/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.module.less.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +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 };

package/build/esm/src/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,8 @@
+/// <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/src/hooks/use_click_outside.js

@@ -0,0 +1,25 @@
+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);
+        };
+    });
+}
+
+export { useClickOutside };
+//# sourceMappingURL=use_click_outside.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_click_outside.js","sources":["../../../../src/hooks/use_click_outside.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * 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\n * @param {Array<React.RefObject<HTMLElement>>} refs array of refs\n * @param {Function} callback called when click is made outside refs elements\n * @returns {void} void\n */\nexport function useClickOutside(refs: Array<React.RefObject<HTMLElement>>, callback: () => void) {\n    function handleClickOutside(event: Event) {\n        const callCallback = refs.every((ref) => ref.current && !ref.current.contains(event.target as Node));\n        if (callCallback === true) {\n            callback();\n        }\n    }\n\n    useEffect(() => {\n        document.addEventListener('mousedown', handleClickOutside);\n        return () => {\n            document.removeEventListener('mousedown', handleClickOutside);\n        };\n    });\n}\n"],"names":[],"mappings":";;AAEA;;;;;;SAMgB,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,GAAA,CAAC,CAAC;QACrG,IAAI,YAAY,KAAK,IAAI,EAAE;YACvB,QAAQ,EAAE,CAAC;SACd;KACJ;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;SACjE,CAAC;KACL,CAAC,CAAC;AACP;;;;"}

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

@@ -0,0 +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;

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

@@ -0,0 +1,21 @@
+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);
+}
+
+export { useEffectAfterMount };
+//# sourceMappingURL=use_effect_after_mount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_effect_after_mount.js","sources":["../../../../src/hooks/use_effect_after_mount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * uses effect only if component is allready mounted\n * @param {Function} cb callback\n * @param dependencies array of dependencies\n * @returns {void} void\n */\nexport function useEffectAfterMount(cb: () => void, dependencies: Array<any>): void {\n    const justMounted = useRef(true);\n    useEffect(() => {\n        if (!justMounted.current) {\n            return cb();\n        }\n        justMounted.current = false;\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, dependencies);\n}\n"],"names":[],"mappings":";;AAEA;;;;;;SAMgB,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;;KAE/B,EAAE,YAAY,CAAC,CAAC;AACrB;;;;"}

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

@@ -0,0 +1,12 @@
+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: string[], cb?: (() => void) | undefined, ref?: RefObject<HTMLElement> | undefined) => void;

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

@@ -0,0 +1,49 @@
+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 () {
+        var _a;
+        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[modifier + "Key"] === true; }) && key && checkKeyMatch(evt.key, key)) {
+                        cb();
+                    }
+                    return;
+                }
+                if (checkKeyMatch(evt.key, sequence)) {
+                    cb();
+                }
+            });
+        };
+        if (ref) {
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', onEscape);
+        }
+        return function () {
+            var _a;
+            if (ref) {
+                (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', onEscape);
+            }
+        };
+    }, [ref, cb, keys]);
+};
+
+export { useKeyDown };
+//# sourceMappingURL=use_key_down.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_key_down.js","sources":["../../../../src/hooks/use_key_down.ts"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nconst checkKeyMatch = (key: string, sequence: string) => key.match(new RegExp(sequence, 'ig'));\n\n/**\n * Bind keydown event and checks if specific sequence/s was pressed\n * Sequences is array of keys to listen to, key can be:\n * - specific one eg. 'a', 'A'\n * - if there are differences in string representing specific key, you can split every representation with \"|\" eg. Esc|Escape\n * - key with modifiers eg ctrl+a or ctrl+alt+c, past position is key\n * @param keys array for key sequences to check if pressed\n * @param cb action to fire after specific sequence occured\n * @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\n */\nexport const useKeyDown = (keys: Array<string>, cb?: () => void, ref?: RefObject<HTMLElement>) => {\n    useEffect(() => {\n        if (!cb) {\n            return;\n        }\n\n        const onEscape = (evt: KeyboardEvent) => {\n            keys.forEach((sequence) => {\n                if (sequence.includes('+') && sequence.length > 1) {\n                    const parts = sequence.split('+');\n                    const key = parts.pop();\n                    const modifiers = parts;\n\n                    if (modifiers.every((modifier) => evt[`${modifier}Key`] === true) && key && checkKeyMatch(evt.key, key)) {\n                        cb();\n                    }\n\n                    return;\n                }\n\n                if (checkKeyMatch(evt.key, sequence)) {\n                    cb();\n                }\n            });\n        };\n        if (ref) {\n            ref.current?.addEventListener('keydown', onEscape);\n        }\n\n        return () => {\n            if (ref) {\n                ref?.current?.removeEventListener('keydown', onEscape);\n            }\n        };\n    }, [ref, cb, keys]);\n};\n"],"names":[],"mappings":";;AAEA,IAAM,aAAa,GAAG,UAAC,GAAW,EAAE,QAAgB,IAAK,OAAA,GAAG,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,GAAA,CAAC;AAE/F;;;;;;;;;;IAUa,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,CAAI,QAAQ,QAAK,CAAC,KAAK,IAAI,GAAA,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;aACJ,CAAC,CAAC;SACN,CAAC;QACF,IAAI,GAAG,EAAE;YACL,MAAA,GAAG,CAAC,OAAO,0CAAE,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE;SACtD;QAED,OAAO;;YACH,IAAI,GAAG,EAAE;gBACL,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,0CAAE,mBAAmB,CAAC,SAAS,EAAE,QAAQ,EAAE;aAC1D;SACJ,CAAC;KACL,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;AACxB;;;;"}

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

@@ -0,0 +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;

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

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+import debounce_1 from '../../node_modules/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]);
+};
+
+export { useResize };
+//# sourceMappingURL=use_resize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_resize.js","sources":["../../../../src/hooks/use_resize.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { debounce } from 'lodash';\n\n/**\n * Hook to run function when window has been resized with possible delay\n * @param fn, function to call\n * @param wait, delay time\n */\nexport const useResize = (fn: () => void, wait: number = 0) => {\n    useEffect(() => {\n        const debouncedFn = debounce(fn, wait);\n\n        window.addEventListener('resize', debouncedFn);\n\n        return () => {\n            window.removeEventListener('resize', debouncedFn);\n        };\n    }, [fn, wait]);\n};\n"],"names":["debounce"],"mappings":";;;AAGA;;;;;IAKa,SAAS,GAAG,UAAC,EAAc,EAAE,IAAgB;IAAhB,qBAAA,EAAA,QAAgB;IACtD,SAAS,CAAC;QACN,IAAM,WAAW,GAAGA,UAAQ,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;SACrD,CAAC;KACL,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;AACnB;;;;"}

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

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

package/build/esm/src/hooks/use_screen_detect.js

@@ -0,0 +1,48 @@
+import { useState, useEffect } from 'react';
+import { breakpoints } from '../constants/responsive_breakpoints.js';
+import { useResize } from './use_resize.js';
+
+var useScreenDetect = function () {
+    var _a = useState(''), screenName = _a[0], setScreenName = _a[1];
+    /**
+     * Setting screen name hook to one of the names from array of breakpoints
+     */
+    var detectResolution = function () {
+        var screenWidth = window.innerWidth;
+        breakpoints.forEach(function (_a, index) {
+            var width = _a.width, name = _a.name;
+            if (index < breakpoints.length - 1 && index > 0) {
+                // index between first and last in array
+                if (screenWidth <= width && screenWidth > breakpoints[index + 1].width) {
+                    setScreenName(name);
+                }
+            }
+            else if (index === 0) {
+                // index first in array
+                if (screenWidth > width) {
+                    setScreenName(name);
+                }
+            }
+            else if (index === breakpoints.length - 1) {
+                // index last in array
+                if (screenWidth <= width) {
+                    setScreenName(name);
+                }
+            }
+        });
+    };
+    /**
+     * Event listener for window resize, which calls detectResolution() on resize
+     */
+    useResize(function () { return detectResolution(); }, 10);
+    useEffect(function () {
+        /**
+         * Runs once after render to set actual window size name
+         */
+        detectResolution();
+    }, []);
+    return screenName;
+};
+
+export { useScreenDetect };
+//# sourceMappingURL=use_screen_detect.js.map

package/build/esm/src/hooks/use_screen_detect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_screen_detect.js","sources":["../../../../src/hooks/use_screen_detect.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { breakpoints } from '@constants/responsive_breakpoints';\nimport { useResize } from './use_resize';\n\nexport const useScreenDetect = () => {\n    const [screenName, setScreenName] = useState('');\n\n    /**\n     * Setting screen name hook to one of the names from array of breakpoints\n     */\n    const detectResolution = () => {\n        const screenWidth = window.innerWidth;\n\n        breakpoints.forEach(({ width, name }, index) => {\n            if (index < breakpoints.length - 1 && index > 0) {\n                // index between first and last in array\n                if (screenWidth <= width && screenWidth > breakpoints[index + 1].width) {\n                    setScreenName(name);\n                }\n            } else if (index === 0) {\n                // index first in array\n                if (screenWidth > width) {\n                    setScreenName(name);\n                }\n            } else if (index === breakpoints.length - 1) {\n                // index last in array\n                if (screenWidth <= width) {\n                    setScreenName(name);\n                }\n            }\n        });\n    };\n\n    /**\n     * Event listener for window resize, which calls detectResolution() on resize\n     */\n    useResize(() => detectResolution(), 10);\n\n    useEffect(() => {\n        /**\n         * Runs once after render to set actual window size name\n         */\n        detectResolution();\n    }, []);\n\n    return screenName;\n};\n"],"names":[],"mappings":";;;;IAKa,eAAe,GAAG;IACrB,IAAA,iBAA0C,EAAzC,kBAAU,EAAE,qBAA6B,CAAC;;;;IAKjD,IAAM,gBAAgB,GAAG;QACrB,IAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QAEtC,WAAW,CAAC,OAAO,CAAC,UAAC,EAAe,EAAE,KAAK;gBAApB,gBAAK,EAAE,cAAI;YAC9B,IAAI,KAAK,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE;;gBAE7C,IAAI,WAAW,IAAI,KAAK,IAAI,WAAW,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE;oBACpE,aAAa,CAAC,IAAI,CAAC,CAAC;iBACvB;aACJ;iBAAM,IAAI,KAAK,KAAK,CAAC,EAAE;;gBAEpB,IAAI,WAAW,GAAG,KAAK,EAAE;oBACrB,aAAa,CAAC,IAAI,CAAC,CAAC;iBACvB;aACJ;iBAAM,IAAI,KAAK,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;;gBAEzC,IAAI,WAAW,IAAI,KAAK,EAAE;oBACtB,aAAa,CAAC,IAAI,CAAC,CAAC;iBACvB;aACJ;SACJ,CAAC,CAAC;KACN,CAAC;;;;IAKF,SAAS,CAAC,cAAM,OAAA,gBAAgB,EAAE,GAAA,EAAE,EAAE,CAAC,CAAC;IAExC,SAAS,CAAC;;;;QAIN,gBAAgB,EAAE,CAAC;KACtB,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACtB;;;;"}

package/build/esm/src/hooks/use_unique_id.d.ts

@@ -0,0 +1,9 @@
+/**
+ * hook to generate unique Id
+ * @return {
+ *     uniqueId, function to generate uniqueId
+ * }
+ */
+export declare const useUniqueId: () => {
+    uniqueId: () => (prefix?: string) => string;
+};

package/build/esm/src/hooks/use_unique_id.js

@@ -0,0 +1,19 @@
+var counter = 0;
+/**
+ * hook to generate unique Id
+ * @return {
+ *     uniqueId, function to generate uniqueId
+ * }
+ */
+var useUniqueId = function () {
+    var uniqueId = function () { return function (prefix) {
+        if (prefix === void 0) { prefix = 'id'; }
+        return prefix + "-" + counter++;
+    }; };
+    return {
+        uniqueId: uniqueId
+    };
+};
+
+export { useUniqueId };
+//# sourceMappingURL=use_unique_id.js.map

package/build/esm/src/hooks/use_unique_id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_unique_id.js","sources":["../../../../src/hooks/use_unique_id.ts"],"sourcesContent":["let counter = 0;\n\n/**\n * hook to generate unique Id\n * @return {\n *     uniqueId, function to generate uniqueId\n * }\n */\nexport const useUniqueId = () => {\n    const uniqueId = () => (prefix = 'id') => {\n        return `${prefix}-${counter++}`;\n    };\n\n    return {\n        uniqueId\n    };\n};\n"],"names":[],"mappings":"AAAA,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB;;;;;;IAMa,WAAW,GAAG;IACvB,IAAM,QAAQ,GAAG,cAAM,OAAA,UAAC,MAAa;QAAb,uBAAA,EAAA,aAAa;QACjC,OAAU,MAAM,SAAI,OAAO,EAAI,CAAC;KACnC,GAAA,CAAC;IAEF,OAAO;QACH,QAAQ,UAAA;KACX,CAAC;AACN;;;;"}

package/build/esm/src/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

package/build/esm/src/i18n.js

@@ -0,0 +1,23 @@
+import i18next from '../node_modules/i18next/dist/esm/i18next.js';
+export { default } from '../node_modules/i18next/dist/esm/i18next.js';
+import { initReactI18next } from '../node_modules/react-i18next/dist/es/context.js';
+import en from './translations/en.json.js';
+import pl from './translations/pl.json.js';
+
+var resources = {
+    en: {
+        translation: en
+    },
+    pl: {
+        translation: pl
+    }
+};
+i18next.use(initReactI18next).init({
+    resources: resources,
+    lng: 'pl',
+    keySeparator: false,
+    interpolation: {
+        escapeValue: false
+    }
+});
+//# sourceMappingURL=i18n.js.map

package/build/esm/src/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","sources":["../../../src/i18n.ts"],"sourcesContent":["import i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\nimport en from '@translations/en.json';\nimport pl from '@translations/pl.json';\n\nconst resources = {\n    en: {\n        translation: en\n    },\n    pl: {\n        translation: pl\n    }\n};\n\ni18n.use(initReactI18next).init({\n    resources,\n    lng: 'pl',\n    keySeparator: false,\n    interpolation: {\n        escapeValue: false\n    }\n});\n\nexport default i18n;\n"],"names":["i18n"],"mappings":";;;;;;AAKA,IAAM,SAAS,GAAG;IACd,EAAE,EAAE;QACA,WAAW,EAAE,EAAE;KAClB;IACD,EAAE,EAAE;QACA,WAAW,EAAE,EAAE;KAClB;CACJ,CAAC;AAEFA,OAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;IAC5B,SAAS,WAAA;IACT,GAAG,EAAE,IAAI;IACT,YAAY,EAAE,KAAK;IACnB,aAAa,EAAE;QACX,WAAW,EAAE,KAAK;KACrB;CACJ,CAAC"}

package/build/esm/src/index.d.ts

@@ -0,0 +1,75 @@
+import './i18n';
+/**
+ * import components for export
+ */
+import Button from "./components/button";
+import ButtonsGroup from "./components/buttons_group";
+import ColorPicker from "./components/color_picker";
+import ControlInput from "./components/controls/hoc/control_input";
+import ControlCheckbox from "./components/controls/hoc/control_checkbox";
+import ControlCheckboxSwitch from "./components/controls/hoc/control_checkbox_switch";
+import ControlRadio from "./components/controls/hoc/control_radio";
+import ControlRange from "./components/controls/hoc/control_range";
+import ControlDatepicker from "./components/controls/hoc/control_date_picker";
+import ControlColorPicker from "./components/controls/hoc/control_color_picker";
+import ControlTagsSelector from "./components/controls/hoc/control_tags_selector";
+import ControlTextarea from "./components/controls/hoc/control_textarea";
+import ControlSelect from "./components/controls/hoc/control_select";
+import ControlMultiSelect from "./components/controls/hoc/control_multi_select";
+import ControlFilePicker from "./components/controls/hoc/control_file_picker";
+import ControlCellSelector from "./components/controls/hoc/control_cell_selector";
+import Datepicker from "./components/date_picker";
+import Dropdown from "./components/dropdown";
+import Gallery from "./components/gallery";
+import Grid from "./components/grid";
+import Heading from "./components/heading";
+import Label from "./components/label";
+import FilePicker from "./components/file_picker";
+import ModalProvider from "./components/modal/hoc/modal_provider";
+import AbsoluteModal from "./components/modal/hoc/absolute_modal";
+import RelativeModal from "./components/modal/hoc/relative_modal";
+import MultiSelect from "./components/dropdown/hoc/multiselect";
+import Modal from "./components/modal";
+import Select from "./components/dropdown/hoc/select";
+import Spacing from "./components/spacing";
+import Table from "./components/table";
+import DataTable from "./components/table/hoc/data-table";
+import { Tabs, TabItem } from "./components/tabs";
+import Tag from "./components/tag";
+import TagsSelector from "./components/tags_selector";
+import Hint from "./components/hint";
+/**
+ * Assets
+ */
+import IconCalendar from "./assets/icon_calendar";
+import IconArrow from "./assets/icon_arrow";
+import IconTick from "./assets/icon_tick";
+/**
+ * import context for export
+ */
+import { DropdownContext } from "./components/dropdown/context";
+import { ModalContext } from "./components/modal/context/modal_context";
+/**
+ * import types for export
+ */
+import { IDropdownProps, ISelectOption } from "./components/dropdown/types";
+import { IHeadingProps } from "./components/heading/types";
+import { ICellProps, IIRowProps, ITableProps } from "./components/table/types";
+import { IDropdownContext } from "./components/dropdown/context/types";
+import ControlRadioGroup from "./components/controls/hoc/control_radio_group";
+import { IControlRadioGroupOption } from "./components/controls/types";
+import { IColor } from "./components/color_picker/types";
+import { IDatepickerRange } from "./components/date_picker/types";
+import { TFilePickerFile } from "./components/file_picker/types";
+import MessageBox from "./components/message-box";
+import FlashMessenger from "./components/flash_messenger";
+import { TMessageBoxType } from "./components/message-box/types";
+import { useFlashMessenger } from "./components/flash_messenger/context";
+/**
+ * export components
+ */
+export { Button, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, };
+/**
+ * export types
+ */
+export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, };

package/build/esm/src/index.js

@@ -0,0 +1,49 @@
+import 'react';
+import './i18n.js';
+export { default as Button } from './components/button/index.js';
+export { default as ButtonsGroup } from './components/buttons_group/index.js';
+export { DropdownContext } from './components/dropdown/context/index.js';
+export { default as ColorPicker } from './components/color_picker/index.js';
+export { default as Label } from './components/label/index.js';
+export { default as IconTick } from './assets/icon_tick.js';
+export { default as Hint } from './components/hint/index.js';
+export { default as ControlInput } from './components/controls/hoc/control_input/index.js';
+export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
+export { default as ControlCheckboxSwitch } from './components/controls/hoc/control_checkbox_switch/index.js';
+export { default as ControlRadio } from './components/controls/hoc/control_radio/index.js';
+export { default as ControlRange } from './components/controls/hoc/control_range/index.js';
+export { default as IconArrow } from './assets/icon_arrow.js';
+export { default as Dropdown } from './components/dropdown/index.js';
+export { default as IconCalendar } from './assets/icon_calendar.js';
+export { default as Select } from './components/dropdown/hoc/select/index.js';
+export { default as Datepicker } from './components/date_picker/index.js';
+export { default as ControlDatepicker } from './components/controls/hoc/control_date_picker/index.js';
+export { default as ControlColorPicker } from './components/controls/hoc/control_color_picker/index.js';
+export { default as Tag } from './components/tag/index.js';
+export { default as TagsSelector } from './components/tags_selector/index.js';
+export { default as ControlTagsSelector } from './components/controls/hoc/control_tags_selector/index.js';
+export { default as ControlTextarea } from './components/controls/hoc/control_textarea/index.js';
+export { default as ControlSelect } from './components/controls/hoc/control_select/index.js';
+export { default as MultiSelect } from './components/dropdown/hoc/multiselect/index.js';
+export { default as ControlMultiSelect } from './components/controls/hoc/control_multi_select/index.js';
+export { default as FilePicker } from './components/file_picker/index.js';
+export { default as ControlFilePicker } from './components/controls/hoc/control_file_picker/index.js';
+export { default as ControlCellSelector } from './components/controls/hoc/control_cell_selector/index.js';
+export { default as Gallery } from './components/gallery/index.js';
+export { default as Grid } from './components/grid/index.js';
+export { default as Heading } from './components/heading/index.js';
+export { ModalContext } from './components/modal/context/modal_context.js';
+export { default as ModalProvider } from './components/modal/hoc/modal_provider.js';
+export { default as AbsoluteModal } from './components/modal/hoc/absolute_modal/index.js';
+export { default as RelativeModal } from './components/modal/hoc/relative_modal/index.js';
+export { default as Modal } from './components/modal/index.js';
+export { default as Spacing } from './components/spacing/index.js';
+export { default as Table } from './components/table/index.js';
+export { default as DataTable } from './components/table/hoc/data-table.js';
+export { default as Tabs } from './components/tabs/components/tabs.js';
+export { TabItem } from './components/tabs/components/tab_item.js';
+export { default as ControlRadioGroup } from './components/controls/hoc/control_radio_group/index.js';
+export { default as MessageBox } from './components/message-box/index.js';
+export { useFlashMessenger } from './components/flash_messenger/context.js';
+export { default as FlashMessenger } from './components/flash_messenger/index.js';
+//# sourceMappingURL=index.js.map

package/build/esm/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/esm/src/translations/en.json

@@ -0,0 +1,50 @@
+{
+    "date": "date",
+    "cancel": "cancel",
+    "choose": "choose",
+    "color": "color",
+    "choose date": "choose date",
+    "january": "january",
+    "february": "february",
+    "march": "march",
+    "april": "april",
+    "may": "may",
+    "june": "june",
+    "july": "july",
+    "august": "august",
+    "september": "september",
+    "october": "october",
+    "november": "november",
+    "december": "december",
+    "monday": "monday",
+    "tuesday": "tuesday",
+    "wednesday": "wednesday",
+    "thursday": "thursday",
+    "friday": "friday",
+    "saturday": "saturday",
+    "sunday": "sunday",
+    "Go back": "Go back",
+    "Yesterday": "Yesterday",
+    "Last 3 days": "Last 3 days",
+    "Last 7 days": "Last 7 days",
+    "Current Week": "Current Week",
+    "Last Week": "Last Week",
+    "Current Month": "Current Month",
+    "Last Month": "Last Month",
+    "Current Quarter": "Current Quarter",
+    "Last Quarter": "Last Quarter",
+    "Current Year": "Current Year",
+    "Last Year": "Last Year",
+    "Add": "Add",
+    "Search": "Search",
+    "Selected cell -1": "Not selected",
+    "Selected cell 0": "Góra z lewej",
+    "Selected cell 1": "Góra na środku",
+    "Selected cell 2": "Góra z prawej",
+    "Selected cell 3": "Środek z lewej",
+    "Selected cell 4": "Środek",
+    "Selected cell 5": "Środek z prawej",
+    "Selected cell 6": "Dół z lewej",
+    "Selected cell 7": "Dół na środku",
+    "Selected cell 8": "Dół z prawej"
+}

package/build/esm/src/translations/en.json.js

@@ -0,0 +1,80 @@
+var date = "date";
+var cancel = "cancel";
+var choose = "choose";
+var color = "color";
+var january = "january";
+var february = "february";
+var march = "march";
+var april = "april";
+var may = "may";
+var june = "june";
+var july = "july";
+var august = "august";
+var september = "september";
+var october = "october";
+var november = "november";
+var december = "december";
+var monday = "monday";
+var tuesday = "tuesday";
+var wednesday = "wednesday";
+var thursday = "thursday";
+var friday = "friday";
+var saturday = "saturday";
+var sunday = "sunday";
+var Yesterday = "Yesterday";
+var Add = "Add";
+var Search = "Search";
+var en = {
+	date: date,
+	cancel: cancel,
+	choose: choose,
+	color: color,
+	"choose date": "choose date",
+	january: january,
+	february: february,
+	march: march,
+	april: april,
+	may: may,
+	june: june,
+	july: july,
+	august: august,
+	september: september,
+	october: october,
+	november: november,
+	december: december,
+	monday: monday,
+	tuesday: tuesday,
+	wednesday: wednesday,
+	thursday: thursday,
+	friday: friday,
+	saturday: saturday,
+	sunday: sunday,
+	"Go back": "Go back",
+	Yesterday: Yesterday,
+	"Last 3 days": "Last 3 days",
+	"Last 7 days": "Last 7 days",
+	"Current Week": "Current Week",
+	"Last Week": "Last Week",
+	"Current Month": "Current Month",
+	"Last Month": "Last Month",
+	"Current Quarter": "Current Quarter",
+	"Last Quarter": "Last Quarter",
+	"Current Year": "Current Year",
+	"Last Year": "Last Year",
+	Add: Add,
+	Search: Search,
+	"Selected cell -1": "Not selected",
+	"Selected cell 0": "Góra z lewej",
+	"Selected cell 1": "Góra na środku",
+	"Selected cell 2": "Góra z prawej",
+	"Selected cell 3": "Środek z lewej",
+	"Selected cell 4": "Środek",
+	"Selected cell 5": "Środek z prawej",
+	"Selected cell 6": "Dół z lewej",
+	"Selected cell 7": "Dół na środku",
+	"Selected cell 8": "Dół z prawej"
+};
+
+export default en;
+export { Add, Search, Yesterday, april, august, cancel, choose, color, date, december, february, friday, january, july, june, march, may, monday, november, october, saturday, september, sunday, thursday, tuesday, wednesday };
+//# sourceMappingURL=en.json.js.map

package/build/esm/src/translations/en.json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}