@dreamcommerce/aurora 0.4.4 → 0.4.7

package/build/esm/packages/aurora/src/components/tags_selector/index.js

@@ -1,6 +1,5 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
-import { __spreadArray } from '../../../../../_virtual/_tslib.js';
 import Button from '../button/index.js';
 import withTranslation from '../../utilities/translation/with_translation.js';
 import Control from '../controls/index.js';
@@ -11,70 +10,64 @@ import TagsSearch from './components/search.js';
 import Tag from '../tag/index.js';
 import TagsWrapper from './components/wrapper.js';
 
-var TagsSelector = function (_a) {
-    var id = _a.id, name = _a.name, 
-    /**
-     * Placeholder for tag value input
-     */
-    placeholder = _a.placeholder, 
-    /**
-     * Default tags array of strings
-     * Example: defaultTags = ["tag 1", "tag 2"];
-     */
-    _b = _a.defaultTags, 
-    /**
-     * Default tags array of strings
-     * Example: defaultTags = ["tag 1", "tag 2"];
-     */
-    defaultTags = _b === void 0 ? [] : _b, 
-    /**
-     * Minimum tag string length to accept by addTag function
-     * Example: minTagLength = 2;
-     */
-    minTagLength = _a.minTagLength, 
-    /**
-     * Is tags list visible
-     * Example: withList = true;
-     */
-    withList = _a.withList, 
-    /**
-     * Default tags list array
-     * Example: listDefaultValue = ["tag 1", "tag 2"];
-     */
-    tagsListValue = _a.tagsListValue, 
-    /**
-     * Triggered on tags list item click
-     */
-    onListItemClick = _a.onListItemClick, 
-    /**
-     * Triggered on change of private tags array
-     */
-    onChange = _a.onChange;
-    var _c = useState(''), inputValue = _c[0], setInputValue = _c[1];
-    var _d = useState(defaultTags), tagsArray = _d[0], setTagsArray = _d[1];
-    var tagsSelectorRef = useRef(null);
-    var t = useTranslation()[0];
-    useEffect(function () {
+const TagsSelector = ({ id, name, 
+/**
+ * Placeholder for tag value input
+ */
+placeholder, 
+/**
+ * Default tags array of strings
+ * Example: defaultTags = ["tag 1", "tag 2"];
+ */
+defaultTags = [], 
+/**
+ * Minimum tag string length to accept by addTag function
+ * Example: minTagLength = 2;
+ */
+minTagLength, 
+/**
+ * Is tags list visible
+ * Example: withList = true;
+ */
+withList, 
+/**
+ * Default tags list array
+ * Example: listDefaultValue = ["tag 1", "tag 2"];
+ */
+tagsListValue, 
+/**
+ * Triggered on tags list item click
+ */
+onListItemClick, 
+/**
+ * Triggered on change of private tags array
+ */
+onChange }) => {
+    const [inputValue, setInputValue] = useState('');
+    const [tagsArray, setTagsArray] = useState(defaultTags);
+    const tagsSelectorRef = useRef(null);
+    const [t] = useTranslation();
+    useEffect(() => {
         onChange === null || onChange === void 0 ? void 0 : onChange(tagsArray);
     }, [tagsArray, onChange]);
-    var addTag = function () {
+    const addTag = () => {
         var _a;
         if (!tagsArray.includes(inputValue) && inputValue.length >= (minTagLength !== null && minTagLength !== void 0 ? minTagLength : 0) && inputValue.length > 0) {
-            setTagsArray(function (_tags) { return __spreadArray(__spreadArray([], _tags, true), [inputValue], false); });
-            var event_1 = new CustomEvent('tagsSelector:change', {
+            setTagsArray((_tags) => [..._tags, inputValue]);
+            const event = new CustomEvent('tagsSelector:change', {
                 detail: {
                     changedTag: inputValue,
                     tags: tagsArray
                 }
             });
-            (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
+            (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
             setInputValue('');
         }
     };
-    var removeTag = function (label) {
+    const removeTag = (label) => {
         var _a;
-        setTagsArray(function (_tags) { return _tags.filter(function (_tag) { return _tag !== label; }); });
-        var event = new CustomEvent('tagsSelector:change', {
+        setTagsArray((_tags) => _tags.filter((_tag) => _tag !== label));
+        const event = new CustomEvent('tagsSelector:change', {
             detail: {
                 changedTag: label,
                 tags: tagsArray
@@ -82,19 +75,16 @@ var TagsSelector = function (_a) {
         });
         (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
     };
-    return (React.createElement("div", { id: id, className: "".concat(cssClasses[tags]), ref: tagsSelectorRef },
-        tagsArray.length > 0 && (React.createElement(TagsWrapper, null, tagsArray.map(function (_tag, index) { return (React.createElement(Tag, { key: index, label: _tag, onClick: function () { return removeTag(_tag); }, hasCloseIcon: true })); }))),
+    return (React.createElement("div", { id: id, className: `${cssClasses[tags]}`, ref: tagsSelectorRef },
+        tagsArray.length > 0 && (React.createElement(TagsWrapper, null, tagsArray.map((_tag, index) => (React.createElement(Tag, { key: index, label: _tag, onClick: () => removeTag(_tag), hasCloseIcon: true }))))),
         React.createElement(TagsSearch, null,
             React.createElement(Control.Content, null,
                 React.createElement(Control.Element, null,
-                    React.createElement(Control.Input, { name: name, padding: "small", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('Search'), value: inputValue, onChange: function (_a) {
-                            var value = _a.target.value;
-                            return setInputValue(value);
-                        }, onKeyPress: function (event) { return event.key === 'Enter' && inputValue.length > 0 && addTag(); } })),
+                    React.createElement(Control.Input, { name: name, padding: "small", placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('Search'), value: inputValue, onChange: ({ target: { value } }) => setInputValue(value), onKeyPress: (event) => event.key === 'Enter' && inputValue.length > 0 && addTag() })),
                 React.createElement(Control.Element, null,
-                    React.createElement(Button, { variant: "outline", size: "small", onClick: function () { return addTag(); } }, t('Add'))))),
-        withList && (React.createElement(TagsList, { value: tagsListValue === null || tagsListValue === void 0 ? void 0 : tagsListValue.filter(function (_tag) { return _tag.toLowerCase().includes(inputValue.toLowerCase()); }), onClick: function (value) { return onListItemClick === null || onListItemClick === void 0 ? void 0 : onListItemClick(value); } })),
-        tagsArray.map(function (_tag, index) { return (React.createElement("input", { key: index, type: "hidden", name: "new_tags[]", value: _tag })); })));
+                    React.createElement(Button, { variant: "outline", size: "small", onClick: () => addTag() }, t('Add'))))),
+        withList && (React.createElement(TagsList, { value: tagsListValue === null || tagsListValue === void 0 ? void 0 : tagsListValue.filter((_tag) => _tag.toLowerCase().includes(inputValue.toLowerCase())), onClick: (value) => onListItemClick === null || onListItemClick === void 0 ? void 0 : onListItemClick(value) })),
+        tagsArray.map((_tag, index) => (React.createElement("input", { key: index, type: "hidden", name: "new_tags[]", value: _tag })))));
 };
 var TagsSelector$1 = withTranslation(TagsSelector);
 

package/build/esm/packages/aurora/src/components/tags_selector/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;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;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;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/tooltip/index.js

@@ -3,16 +3,15 @@ import { classNames } from '../../utilities/styles/classNames.js';
 import { useFixedChildPosition } from '../../hooks/use_fixed_child_position.js';
 import cssClasses from '../../css/tooltip/main.module.less.js';
 
-var Tooltip = function (_a) {
-    var fixed = _a.fixed, left = _a.left, top = _a.top, disabled = _a.disabled, children = _a.children, content = _a.content;
-    var className = classNames(['tooltip', left && 'tooltip_left', top && 'tooltip_top'], cssClasses);
-    var childRef = useRef(null);
-    var _b = useFixedChildPosition({
+const Tooltip = ({ fixed, left, top, disabled, children, content }) => {
+    const className = classNames(['tooltip', left && 'tooltip_left', top && 'tooltip_top'], cssClasses);
+    const childRef = useRef(null);
+    const { onMouseEnter, style } = useFixedChildPosition({
         useFixed: fixed,
         hPosition: left ? 'left' : 'right',
         vPosition: top ? 'top' : 'bottom',
-        childRef: childRef
-    }), onMouseEnter = _b.onMouseEnter, style = _b.style;
+        childRef
+    });
     return (React.createElement("span", { className: className, onMouseEnter: onMouseEnter },
         children,
         !disabled && (React.createElement("div", { style: style, ref: childRef, className: cssClasses['tooltip__container'] }, content))));

package/build/esm/packages/aurora/src/components/tooltip/index.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/with_loader/css_classes.js

@@ -1,4 +1,4 @@
-var cssWithLoader = 'with-loader';
+const cssWithLoader = 'with-loader';
 
 export { cssWithLoader };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/with_loader/index.js

@@ -1,12 +1,10 @@
 import React from 'react';
 import classnames from 'classnames';
-import '../loader/constants.js';
 import Loader from '../loader/index.js';
 import cssClasses from '../../css/with-loader/main.module.less.js';
 import { cssWithLoader } from './css_classes.js';
 
-var WithLoader = function (_a) {
-    var isLoading = _a.isLoading, children = _a.children, size = _a.size;
+const WithLoader = ({ isLoading, children, size }) => {
     return isLoading ? (React.createElement("div", { className: classnames(cssClasses[cssWithLoader]), "data-test-id": "loader" },
         React.createElement(Loader, { size: size }))) : (React.createElement(React.Fragment, null, children));
 };

package/build/esm/packages/aurora/src/components/with_loader/index.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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,4 +1,4 @@
-var VERTICAL_POSITION = {
+const VERTICAL_POSITION = {
     top: 'top',
     center: 'center',
     bottom: 'bottom'

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

@@ -1,9 +1,9 @@
-var SCREEN_XS = 'xs';
-var SCREEN_SM = 'sm';
-var SCREEN_MD = 'md';
-var SCREEN_LG = 'lg';
-var SCREEN_XL = 'xl';
-var breakpoints = [
+const SCREEN_XS = 'xs';
+const SCREEN_SM = 'sm';
+const SCREEN_MD = 'md';
+const SCREEN_LG = 'lg';
+const SCREEN_XL = 'xl';
+const breakpoints = [
     {
         width: 1440,
         name: SCREEN_XL

package/build/esm/packages/aurora/src/css/file_picker/main.module.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../../../external/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_file-picker__-1oIW {\n  border: 2px dashed #6fb9f7;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  cursor: pointer;\n}\n.main-module_file-picker__input__2mak8 {\n  display: none;\n}\n.main-module_file-picker__description__1h8h0 {\n  padding: 2rem;\n  text-align: center;\n  color: #3c83ec;\n}\n.main-module_file-picker__upload-icon__1KiVG {\n  width: 2rem;\n  height: 2rem;\n  padding-top: 1rem;\n}\n.main-module_file-picker__upload-icon__1KiVG * {\n  fill: #3c83ec;\n}\n.main-module_file-picker__delete-icon__1R1QW {\n  fill: #3c83ec;\n}\n.main-module_file-picker__delete-icon__1R1QW * {\n  fill: #3c83ec;\n}\n.main-module_file-picker__selected-file__22rCw {\n  display: flex;\n  align-items: center;\n}\n.main-module_file-picker__selected-file-description__1Mo1D {\n  padding-right: 1rem;\n  color: #3c83ec;\n}\n.main-module_file-picker__image-preview__1IgcV {\n  max-width: 100%;\n  max-height: 100%;\n}\n";
-var styles = {"file-picker":"main-module_file-picker__-1oIW","file-picker__input":"main-module_file-picker__input__2mak8","file-picker__description":"main-module_file-picker__description__1h8h0","file-picker__upload-icon":"main-module_file-picker__upload-icon__1KiVG","file-picker__delete-icon":"main-module_file-picker__delete-icon__1R1QW","file-picker__selected-file":"main-module_file-picker__selected-file__22rCw","file-picker__selected-file-description":"main-module_file-picker__selected-file-description__1Mo1D","file-picker__image-preview":"main-module_file-picker__image-preview__1IgcV"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_file-picker__-1oIW {\n  border: 2px dashed #6fb9f7;\n  cursor: pointer;\n}\n.main-module_file-picker__input__2mak8 {\n  display: none;\n}\n.main-module_file-picker__description__1h8h0 {\n  padding: 2rem;\n  text-align: center;\n  color: #3c83ec;\n}\n.main-module_file-picker__upload-icon__1KiVG {\n  width: 2rem;\n  height: 2rem;\n  padding-top: 1rem;\n}\n.main-module_file-picker__upload-icon__1KiVG * {\n  fill: #3c83ec;\n}\n.main-module_file-picker__delete-button__2xst6 {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: #3c83ec;\n}\n.main-module_file-picker__delete-button__2xst6:hover .main-module_file-picker__delete-label__3jP2f {\n  text-decoration: underline;\n}\n.main-module_file-picker__delete-icon__1R1QW {\n  fill: #3c83ec;\n  margin-right: 0.5rem;\n}\n.main-module_file-picker__selected-image__3_H5B {\n  display: flex;\n  justify-content: center;\n}\n.main-module_file-picker__selected-file__22rCw {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.main-module_file-picker__selected-file-name-wrapper__2A8Ta,\n.main-module_file-picker__selected-file-remove-wrapper__1Ii8n {\n  flex: 1;\n  max-width: 50%;\n  padding: 1rem;\n}\n.main-module_file-picker__selected-file-remove-wrapper__1Ii8n {\n  display: flex;\n  justify-content: flex-end;\n}\n.main-module_file-picker__selected-file-full-name__3pdSe {\n  display: flex;\n}\n.main-module_file-picker__selected-file-name__13MMl {\n  max-width: 90%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.main-module_file-picker__image-preview__1IgcV {\n  max-width: 100%;\n  max-height: 100%;\n}\n";
+var styles = {"file-picker":"main-module_file-picker__-1oIW","file-picker__input":"main-module_file-picker__input__2mak8","file-picker__description":"main-module_file-picker__description__1h8h0","file-picker__upload-icon":"main-module_file-picker__upload-icon__1KiVG","file-picker__delete-button":"main-module_file-picker__delete-button__2xst6","file-picker__delete-label":"main-module_file-picker__delete-label__3jP2f","file-picker__delete-icon":"main-module_file-picker__delete-icon__1R1QW","file-picker__selected-image":"main-module_file-picker__selected-image__3_H5B","file-picker__selected-file":"main-module_file-picker__selected-file__22rCw","file-picker__selected-file-name-wrapper":"main-module_file-picker__selected-file-name-wrapper__2A8Ta","file-picker__selected-file-remove-wrapper":"main-module_file-picker__selected-file-remove-wrapper__1Ii8n","file-picker__selected-file-full-name":"main-module_file-picker__selected-file-full-name__3pdSe","file-picker__selected-file-name":"main-module_file-picker__selected-file-name__13MMl","file-picker__image-preview":"main-module_file-picker__image-preview__1IgcV"};
 styleInject(css_248z);
 
 export default styles;

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

@@ -9,14 +9,14 @@ import { useEffect } from 'react';
  */
 function useClickOutside(refs, callback) {
     function handleClickOutside(event) {
-        var callCallback = refs.every(function (ref) { return ref.current && !ref.current.contains(event.target); });
+        const callCallback = refs.every((ref) => ref.current && !ref.current.contains(event.target));
         if (callCallback === true) {
             callback();
         }
     }
-    useEffect(function () {
+    useEffect(() => {
         document.addEventListener('mousedown', handleClickOutside);
-        return function () {
+        return () => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     });

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

@@ -7,8 +7,8 @@ import { useRef, useEffect } from 'react';
  * @returns {void} void
  */
 function useEffectAfterMount(cb, dependencies) {
-    var justMounted = useRef(true);
-    useEffect(function () {
+    const justMounted = useRef(true);
+    useEffect(() => {
         if (!justMounted.current) {
             return cb();
         }

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

@@ -1,26 +1,25 @@
 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];
+const useFixedChildPosition = ({ useFixed, childRef, vPosition, hPosition }) => {
+    const [position, setPosition] = useState({ top: 0, left: 0 });
     if (!useFixed) {
         return {
             style: {},
-            onMouseEnter: function () { }
+            onMouseEnter: () => { }
         };
     }
-    var onMouseEnter = function (event) {
+    const onMouseEnter = (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'
+        const $hoveredElement = event.target;
+        const parentBoundingRect = $hoveredElement.getBoundingClientRect();
+        const childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
+        const 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 });
+        const left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
+        setPosition({ top, left });
     };
-    var style = {
+    const style = {
         position: 'fixed',
         top: position.top,
         left: position.left,
@@ -28,8 +27,8 @@ var useFixedChildPosition = function (_a) {
         right: 'unset'
     };
     return {
-        style: style,
-        onMouseEnter: onMouseEnter
+        style,
+        onMouseEnter
     };
 };
 

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":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;"}

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

@@ -11,4 +11,4 @@ import { RefObject } from 'react';
  * @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;
+export declare const useKeyDown: (keys: Array<string>, cb?: () => void, ref?: RefObject<HTMLElement>) => void;

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

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 
-var checkKeyMatch = function (key, sequence) { return key.match(new RegExp(sequence, 'ig')); };
+const checkKeyMatch = (key, sequence) => 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:
@@ -13,18 +13,18 @@ var checkKeyMatch = function (key, sequence) { return key.match(new RegExp(seque
  * @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 () {
+const useKeyDown = (keys, cb, ref) => {
+    useEffect(() => {
         if (!cb) {
             return;
         }
-        var onEscape = function (evt) {
-            keys.forEach(function (sequence) {
+        const onEscape = (evt) => {
+            keys.forEach((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)) {
+                    const parts = sequence.split('+');
+                    const key = parts.pop();
+                    const modifiers = parts;
+                    if (modifiers.every((modifier) => evt[`${modifier}Key`] === true) && key && checkKeyMatch(evt.key, key)) {
                         cb();
                     }
                     return;
@@ -35,7 +35,7 @@ var useKeyDown = function (keys, cb, ref) {
             });
         };
         ((ref === null || ref === void 0 ? void 0 : ref.current) || document).addEventListener('keydown', onEscape);
-        return function () {
+        return () => {
             ((ref === null || ref === void 0 ? void 0 : ref.current) || document).removeEventListener('keydown', onEscape);
         };
     }, [ref, cb, keys]);

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

@@ -6,12 +6,11 @@ import debounce_1 from '../../../../external/lodash/debounce.js';
  * @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);
+const useResize = (fn, wait = 0) => {
+    useEffect(() => {
+        const debouncedFn = debounce_1(fn, wait);
         window.addEventListener('resize', debouncedFn);
-        return function () {
+        return () => {
             window.removeEventListener('resize', debouncedFn);
         };
     }, [fn, wait]);

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":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;"}

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

@@ -2,15 +2,14 @@ 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];
+const useScreenDetect = () => {
+    const [screenName, setScreenName] = useState('');
     /**
      * 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;
+    const detectResolution = () => {
+        const screenWidth = window.innerWidth;
+        breakpoints.forEach(({ width, name }, index) => {
             if (index < breakpoints.length - 1 && index > 0) {
                 // index between first and last in array
                 if (screenWidth <= width && screenWidth > breakpoints[index + 1].width) {
@@ -34,8 +33,8 @@ var useScreenDetect = function () {
     /**
      * Event listener for window resize, which calls detectResolution() on resize
      */
-    useResize(function () { return detectResolution(); }, 10);
-    useEffect(function () {
+    useResize(() => detectResolution(), 10);
+    useEffect(() => {
         /**
          * Runs once after render to set actual window size name
          */

package/build/esm/packages/aurora/src/hooks/use_screen_detect.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;AACA;AACA;AACA;"}
+{"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;AACA;AACA;"}

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

@@ -1,19 +1,16 @@
-var counter = 0;
+let 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 "".concat(prefix, "-").concat(counter++);
-        };
+const useUniqueId = () => {
+    const uniqueId = () => (prefix = 'id') => {
+        return `${prefix}-${counter++}`;
     };
     return {
-        uniqueId: uniqueId
+        uniqueId
     };
 };
 

package/build/esm/packages/aurora/src/hooks/use_unique_id.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":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/i18n.js

@@ -3,7 +3,7 @@ import i18next from '../../../external/i18next/dist/esm/i18next.js';
 import { initReactI18next } from '../../../external/react-i18next/dist/es/context.js';
 import pl from './translations/pl.json.js';
 
-var resources = {
+const resources = {
     en: {
         translation: en
     },
@@ -11,9 +11,9 @@ var resources = {
         translation: pl
     }
 };
-var i18n = i18next.createInstance();
+const i18n = i18next.createInstance();
 i18n.use(initReactI18next).init({
-    resources: resources,
+    resources,
     keySeparator: false,
     interpolation: {
         escapeValue: false

package/build/esm/packages/aurora/src/index.js

@@ -1,5 +1,3 @@
-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, useDropdownContext } from './components/dropdown/context/index.js';
@@ -42,7 +40,6 @@ 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';
-import './components/loader/constants.js';
 export { default as Loader } from './components/loader/index.js';
 export { default as WithLoader } from './components/with_loader/index.js';
 export { default as Tooltip } from './components/tooltip/index.js';

package/build/esm/packages/aurora/src/index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -36,6 +36,7 @@
     "Current Year": "Current Year",
     "Last Year": "Last Year",
     "Add": "Add",
+    "Remove": "Remove",
     "Search": "Search",
     "Selected cell -1": "Not selected",
     "Selected cell 0": "Top left",

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

@@ -23,6 +23,7 @@ var saturday = "saturday";
 var sunday = "sunday";
 var Yesterday = "Yesterday";
 var Add = "Add";
+var Remove = "Remove";
 var Search = "Search";
 var en = {
 	date: date,
@@ -62,6 +63,7 @@ var en = {
 	"Current Year": "Current Year",
 	"Last Year": "Last Year",
 	Add: Add,
+	Remove: Remove,
 	Search: Search,
 	"Selected cell -1": "Not selected",
 	"Selected cell 0": "Top left",
@@ -77,5 +79,5 @@ var en = {
 };
 
 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 };
+export { Add, Remove, 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/packages/aurora/src/translations/en.json.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;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":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;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;"}

package/build/esm/packages/aurora/src/translations/pl.json

@@ -36,6 +36,7 @@
     "Current Year": "Aktualny Rok",
     "Last Year": "Ostatni Rok",
     "Add": "Dodaj",
+    "Remove": "Usuń",
     "Search": "Szukaj",
     "Selected cell -1": "Nie wybrano",
     "Selected cell 0": "Góra z lewej",

package/build/esm/packages/aurora/src/translations/pl.json.js

@@ -23,6 +23,7 @@ var saturday = "sobota";
 var sunday = "niedziela";
 var Yesterday = "Wczoraj";
 var Add = "Dodaj";
+var Remove = "Usuń";
 var Search = "Szukaj";
 var pl = {
 	date: date,
@@ -62,6 +63,7 @@ var pl = {
 	"Current Year": "Aktualny Rok",
 	"Last Year": "Ostatni Rok",
 	Add: Add,
+	Remove: Remove,
 	Search: Search,
 	"Selected cell -1": "Nie wybrano",
 	"Selected cell 0": "Góra z lewej",
@@ -77,5 +79,5 @@ var pl = {
 };
 
 export default pl;
-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 };
+export { Add, Remove, 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=pl.json.js.map

package/build/esm/packages/aurora/src/translations/pl.json.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;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":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;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;"}