@dreamcommerce/aurora 0.3.4-166 → 0.3.4-167

package/build/esm/packages/aurora/src/components/grid/components/box.js

@@ -14,7 +14,7 @@ var boxClassName = function (_a) {
             horizontal: horizontal,
             vertical: vertical,
         }),
-        color && "box_" + color,
+        color && "box_".concat(color),
     ], styles);
 };
 var Box = function (_a) {

package/build/esm/packages/aurora/src/components/grid/components/col.js

@@ -7,11 +7,11 @@ var colClassName = function (_a) {
     var auto = _a.auto, _b = _a.col, col = _b === void 0 ? 1 : _b, md = _a.md, sm = _a.sm, xs = _a.xs, lg = _a.lg, order = _a.order, className = _a.className;
     return classNames([
         className,
-        auto && "col_" + auto,
-        (xs || col) && "col_xs-" + (xs || col),
-        (sm || col) && "col_sm-" + (sm || col),
-        (md || col) && "col_md-" + (md || col),
-        (lg || col) && "col_lg-" + (lg || col),
+        auto && "col_".concat(auto),
+        (xs || col) && "col_xs-".concat(xs || col),
+        (sm || col) && "col_sm-".concat(sm || col),
+        (md || col) && "col_md-".concat(md || col),
+        (lg || col) && "col_lg-".concat(lg || col),
         columnOrderClass(order || {}),
     ], styles);
 };

package/build/esm/packages/aurora/src/components/grid/components/row.js

@@ -17,14 +17,14 @@ var rowClassName = function (_a) {
 };
 var Row = function (_a) {
     var className = _a.className, children = _a.children, verticalPosition = _a.verticalPosition, horizontalPosition = _a.horizontalPosition, vertical = _a.vertical, inner = _a.inner, noWrap = _a.noWrap;
-    return (React.createElement("div", { className: "" + rowClassName({
+    return (React.createElement("div", { className: "".concat(rowClassName({
             verticalPosition: verticalPosition,
             horizontalPosition: horizontalPosition,
             vertical: vertical,
             inner: inner,
             noWrap: noWrap,
             className: className,
-        }) }, children));
+        })) }, children));
 };
 
 export default Row;

package/build/esm/packages/aurora/src/components/grid/utils.js

@@ -6,7 +6,7 @@ import 'react';
 var boxSpacing = function (_a) {
     var size = _a.size, spacing = _a.spacing, horizontal = _a.horizontal, vertical = _a.vertical;
     return spacing || horizontal || vertical || size
-        ? "box_spacing" + (horizontal ? '-horizontal' : '') + (vertical ? '-vertical' : '') + (size ? "-" + size : '')
+        ? "box_spacing".concat(horizontal ? '-horizontal' : '').concat(vertical ? '-vertical' : '').concat(size ? "-".concat(size) : '')
         : '';
 };
 /**
@@ -15,10 +15,10 @@ var boxSpacing = function (_a) {
 var columnOrderClass = function (_a) {
     var col = _a.col, md = _a.md, sm = _a.sm, xs = _a.xs, lg = _a.lg;
     return [
-        (xs || col) && "col_order-xs-" + (xs || col),
-        (sm || col) && "col_order-sm-" + (sm || col),
-        (md || col) && "col_order-md-" + (md || col),
-        (lg || col) && "col_order-lg-" + (lg || col),
+        (xs || col) && "col_order-xs-".concat(xs || col),
+        (sm || col) && "col_order-sm-".concat(sm || col),
+        (md || col) && "col_order-md-".concat(md || col),
+        (lg || col) && "col_order-lg-".concat(lg || col),
     ]
         .filter(function (col) { return col; })
         .join(' ');

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

@@ -6,7 +6,7 @@ var Heading = function (_a) {
     var _b = _a.as, as = _b === void 0 ? 'h1' : _b, isSubheading = _a.isSubheading, withHeadline = _a.withHeadline, children = _a.children;
     var classes = classnames(cssClasses[as], withHeadline && cssClasses.head_line);
     if (!isSubheading) {
-        return React.createElement("" + as, {
+        return React.createElement("".concat(as), {
             className: classes,
         }, children);
     }

package/build/esm/packages/aurora/src/components/heading/types.js

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1,6 +1,6 @@
 var cssLabel = 'label';
-var cssLabelRequired = cssLabel + "_required";
-var cssLabelError = cssLabel + "_error";
+var cssLabelRequired = "".concat(cssLabel, "_required");
+var cssLabelError = "".concat(cssLabel, "_error");
 
 export { cssLabel, cssLabelError, cssLabelRequired };
 //# sourceMappingURL=css_classes.js.map

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

@@ -1,7 +1,7 @@
 var cssLoader = 'loader';
-var cssLoaderSizeSmall = cssLoader + "_s";
-var cssLoaderSizeLarge = cssLoader + "_l";
-var cssLoaderSizeExtraLarge = cssLoader + "_xl";
+var cssLoaderSizeSmall = "".concat(cssLoader, "_s");
+var cssLoaderSizeLarge = "".concat(cssLoader, "_l");
+var cssLoaderSizeExtraLarge = "".concat(cssLoader, "_xl");
 
 export { cssLoader, cssLoaderSizeExtraLarge, cssLoaderSizeLarge, cssLoaderSizeSmall };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/message-box/index.js

@@ -4,7 +4,7 @@ import cssClasses from '../../css/message-box/main.module.less.js';
 
 var MessageBox = function (_a) {
     var children = _a.children, header = _a.header, type = _a.type, withoutIcon = _a.withoutIcon, fullWidth = _a.fullWidth, className = _a.className;
-    var messageBoxClassName = classNames([className, 'message-box', type && "message-box_" + type, fullWidth && "message-box_full-width"], cssClasses);
+    var messageBoxClassName = classNames([className, 'message-box', type && "message-box_".concat(type), fullWidth && "message-box_full-width"], cssClasses);
     return (React.createElement("div", { className: messageBoxClassName },
         !withoutIcon && React.createElement("div", { className: cssClasses['message-box__icon'] }),
         React.createElement("div", { className: cssClasses['message-box__content'] },

package/build/esm/packages/aurora/src/components/message-box/types.js

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/modal/components/modal.js

@@ -3,7 +3,7 @@ import cssClasses from '../../../css/modal/main.module.less.js';
 
 var Modal = function (_a) {
     var children = _a.children, className = _a.className, modalRef = _a.modalRef;
-    return (React.createElement("div", { "data-test-id": "modal", ref: modalRef, className: cssClasses['modal-window'] + " " + cssClasses['modal-window_visible'] + " " + className },
+    return (React.createElement("div", { "data-test-id": "modal", ref: modalRef, className: "".concat(cssClasses['modal-window'], " ").concat(cssClasses['modal-window_visible'], " ").concat(className) },
         React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
 };
 

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -53,7 +53,7 @@ var AbsoluteModal = function (_a) {
             animationDirection: animationDirection,
         }));
     }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);
-    return createPortal(React.createElement(Modal, __assign({ className: classes.modal + " " + (isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
+    return createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
 };
 
 export default AbsoluteModal;

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js

@@ -59,7 +59,7 @@ var RelativeModal = function (_a) {
             modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect(),
         }));
     }, 50);
-    return createPortal(React.createElement(Modal, __assign({ className: classes.modal + " " + (isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
+    return createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
 };
 
 export default RelativeModal;

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

@@ -6,7 +6,7 @@ import Footer from './components/footer.js';
 
 var Modal = function (_a) {
     var children = _a.children, className = _a.className, modalRef = _a.modalRef;
-    return (React.createElement("div", { ref: modalRef, className: cssClasses['modal-window'] + " " + className },
+    return (React.createElement("div", { ref: modalRef, className: "".concat(cssClasses['modal-window'], " ").concat(className) },
         React.createElement("div", { className: cssClasses['modal-window__body'] }, children)));
 };
 Modal.Header = Header;

package/build/esm/packages/aurora/src/components/modal/utilities.js

@@ -14,15 +14,15 @@ var getTransformFromAnimationDirection = function (_a) {
         return transform({ isVisible: isVisible });
     }
     if (animationDirection === 'bottomTop') {
-        return "translate(0px, " + (isVisible ? "-" + transformLength + "px" : '0px') + ")";
+        return "translate(0px, ".concat(isVisible ? "-".concat(transformLength, "px") : '0px', ")");
     }
     if (animationDirection === 'leftRight') {
-        return "translate(" + (isVisible ? transformLength + "px" : '0px') + ", 0px)";
+        return "translate(".concat(isVisible ? "".concat(transformLength, "px") : '0px', ", 0px)");
     }
     if (animationDirection === 'rightLeft') {
-        return "translate(" + (isVisible ? "-" + transformLength + "px" : '0px') + ", 0px)";
+        return "translate(".concat(isVisible ? "-".concat(transformLength, "px") : '0px', ", 0px)");
     }
-    return "translate(0px, " + (isVisible ? transformLength + "px" : '0px') + ")";
+    return "translate(0px, ".concat(isVisible ? "".concat(transformLength, "px") : '0px', ")");
 };
 /**
  * Function for relative to check if modal is still in viewport

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

@@ -1,5 +1,5 @@
 var CSS_RANGE = 'range';
-var CSS_RANGE_POINTER = CSS_RANGE + "__pointer";
+var CSS_RANGE_POINTER = "".concat(CSS_RANGE, "__pointer");
 var CSS_RANGE_POINTER_DISABLED = CSS_RANGE_POINTER + '_disabled';
 var CSS_RANGE_POINTER_INSIDE = CSS_RANGE_POINTER + '-inside';
 var CSS_RANGE_POINTER_INSIDE_DISABLED = CSS_RANGE_POINTER_INSIDE + '_disabled';

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

@@ -10,7 +10,7 @@ var useStyles = createUseStyles({
     pointer: {
         transform: function (_a) {
             var left = _a.left;
-            return "translate3d(" + (left - 10) + "px,0px,0px)";
+            return "translate3d(".concat(left - 10, "px,0px,0px)");
         },
         background: function (_a) {
             var isDragged = _a.isDragged, isDisabled = _a.isDisabled;
@@ -86,9 +86,9 @@ var Range = function (_a) {
         onRangeChangeEvent(mapTouchEventToPosition(event));
         registerOnTouchEvents(onRangeChangeEvent);
     };
-    return (React.createElement("div", { className: styles[CSS_CLASSES.range] + " " + (isDisabled ? styles[CSS_CLASSES.rangePointerDisabled] : ''), ref: rangeRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
-        React.createElement("div", { className: styles[CSS_CLASSES.rangePointer] + " " + classes.pointer, onDrag: onRangeChangeEvent, onTouchStart: onTouchStart },
-            React.createElement("div", { className: styles[CSS_CLASSES.rangePointerInside] + " " + (isDisabled ? styles[CSS_CLASSES.rangePointerInsideDisabled] : '') })),
+    return (React.createElement("div", { className: "".concat(styles[CSS_CLASSES.range], " ").concat(isDisabled ? styles[CSS_CLASSES.rangePointerDisabled] : ''), ref: rangeRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
+        React.createElement("div", { className: "".concat(styles[CSS_CLASSES.rangePointer], " ").concat(classes.pointer), onDrag: onRangeChangeEvent, onTouchStart: onTouchStart },
+            React.createElement("div", { className: "".concat(styles[CSS_CLASSES.rangePointerInside], " ").concat(isDisabled ? styles[CSS_CLASSES.rangePointerInsideDisabled] : '') })),
         name && React.createElement("input", { type: "hidden", name: name, value: value })));
 };
 

package/build/esm/packages/aurora/src/components/range/types.js

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/range/utilities.js

@@ -2,8 +2,8 @@ import 'react';
 import { constrainToRange } from '../../utilities/range/range_mappings.js';
 
 var getPositionFromValue = function (_a) {
-    var value = _a.value, rangeRef = _a.rangeRef, max = _a.max, min = _a.min;
     var _b;
+    var value = _a.value, rangeRef = _a.rangeRef, max = _a.max, min = _a.min;
     var _c = ((_b = rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || {}, _d = _c.width, width = _d === void 0 ? 0 : _d, _e = _c.height, height = _e === void 0 ? 0 : _e;
     var difference = max - min;
     return {
@@ -12,8 +12,8 @@ var getPositionFromValue = function (_a) {
     };
 };
 var getValueFromPosition = function (_a) {
-    var rangeRectangle = _a.rangeRectangle, position = _a.position, _b = _a.rotation, rotation = _b === void 0 ? 'horizontal' : _b, _c = _a.step, step = _c === void 0 ? 1 : _c, _d = _a.max, max = _d === void 0 ? 100 : _d, _e = _a.min, min = _e === void 0 ? 0 : _e;
-    var _f, _g;
+    var _b, _c;
+    var rangeRectangle = _a.rangeRectangle, position = _a.position, _d = _a.rotation, rotation = _d === void 0 ? 'horizontal' : _d, _e = _a.step, step = _e === void 0 ? 1 : _e, _f = _a.max, max = _f === void 0 ? 100 : _f, _g = _a.min, min = _g === void 0 ? 0 : _g;
     var clientY = position.clientY, clientX = position.clientX;
     var top = rangeRectangle.top, height = rangeRectangle.height, width = rangeRectangle.width, left = rangeRectangle.left;
     var difference = max - min;
@@ -22,7 +22,7 @@ var getValueFromPosition = function (_a) {
     var flooredValue = Math.floor(rawValue / step) * step;
     var ceiledValue = Math.ceil(rawValue / step) * step + step;
     var value = ceiledValue - rawValue < step / 2 ? flooredValue : ceiledValue;
-    var fractionDigits = ((_g = (_f = ("" + step).split('.')) === null || _f === void 0 ? void 0 : _f[1]) === null || _g === void 0 ? void 0 : _g.length) || 0;
+    var fractionDigits = ((_c = (_b = "".concat(step).split('.')) === null || _b === void 0 ? void 0 : _b[1]) === null || _c === void 0 ? void 0 : _c.length) || 0;
     var fixedValue = (value + min - step).toFixed(fractionDigits);
     return Number(fixedValue);
 };

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

@@ -6,7 +6,7 @@ var getClassNames = function (props) {
     for (var _i = 0, _a = Object.entries(props); _i < _a.length; _i++) {
         var _b = _a[_i], key = _b[0], value = _b[1];
         if (typeof value === 'number') {
-            var cssClassName = key + "_" + value;
+            var cssClassName = "".concat(key, "_").concat(value);
             var className = cssClasses[cssClassName];
             if (className) {
                 classes.push(className);
@@ -16,7 +16,7 @@ var getClassNames = function (props) {
     return classes.join(' ');
 };
 var Spacing = function (props) {
-    return React.createElement("" + props.as, {
+    return React.createElement("".concat(props.as), {
         className: getClassNames(props),
     }, props.children);
 };

package/build/esm/packages/aurora/src/components/table/components/cell.js

@@ -10,8 +10,8 @@ var cellClassName = function (_a) {
         highlight && 'cell_highlight',
         sticky && 'cell_sticky',
         header && 'cell_header',
-        color && "cell_" + color,
-        size && "cell_" + size,
+        color && "cell_".concat(color),
+        size && "cell_".concat(size),
     ], cssClasses);
 };
 var Cell = function (_a) {

package/build/esm/packages/aurora/src/components/table/hoc/data-table.js

@@ -7,11 +7,11 @@ var DataTable = function (_a) {
     return (React.createElement(Table, null,
         React.createElement(Table.THead, null, columns.map(function (_a) {
             var name = _a.name, header = _a.header;
-            return (React.createElement("th", { key: "headers-header-" + name }, header));
+            return (React.createElement("th", { key: "headers-header-".concat(name) }, header));
         })),
-        React.createElement(Table.TBody, null, data.map(function (item, rowIndex) { return (React.createElement(Table.Row, { key: "table-tr-" + rowIndex }, columns.map(function (_a, colIndex) {
+        React.createElement(Table.TBody, null, data.map(function (item, rowIndex) { return (React.createElement(Table.Row, { key: "table-tr-".concat(rowIndex) }, columns.map(function (_a, colIndex) {
             var name = _a.name, CustomCell = _a.CustomCell, modifiers = _a.modifiers, header = _a.header;
-            return (React.createElement(Table.Cell, __assign({ key: "table-tr-" + rowIndex + "-td-" + colIndex }, modifiers), CustomCell ? (React.createElement(CustomCell, { item: item, column: {
+            return (React.createElement(Table.Cell, __assign({ key: "table-tr-".concat(rowIndex, "-td-").concat(colIndex) }, modifiers), CustomCell ? (React.createElement(CustomCell, { item: item, column: {
                     name: name,
                     CustomCell: CustomCell,
                     modifiers: modifiers,

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

@@ -1,7 +1,7 @@
 var tag = 'tag';
-var tagRemove = tag + "__remove";
+var tagRemove = "".concat(tag, "__remove");
 var icon = 'icon';
-var iconClose = icon + "-close";
+var iconClose = "".concat(icon, "-close");
 
 export { icon, iconClose, tag, tagRemove };
 //# sourceMappingURL=css_classes.js.map

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

@@ -16,9 +16,9 @@ var Tag = function (_a) {
      * Function called on whole tag component click event
      */
     onClick = _a.onClick;
-    return (React.createElement("span", { className: "" + cssClasses[tag], onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(label); } },
+    return (React.createElement("span", { className: "".concat(cssClasses[tag]), onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(label); } },
         label,
-        hasCloseIcon && React.createElement("span", { className: cssClasses[tagRemove] + " " + cssClasses[icon] + " " + cssClasses[iconClose] })));
+        hasCloseIcon && React.createElement("span", { className: "".concat(cssClasses[tagRemove], " ").concat(cssClasses[icon], " ").concat(cssClasses[iconClose]) })));
 };
 
 export default Tag;

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

@@ -12,8 +12,8 @@ var TagsList = function (_a) {
      * Function called on tag click which passes tag value
      */
     onClick = _a.onClick;
-    return (React.createElement("ul", { className: "" + cssClasses[tagsList] }, value === null || value === void 0 ? void 0 : value.map(function (_tag, index) { return (React.createElement("li", { key: index, onClick: function () { return onClick(_tag); } },
-        React.createElement("div", { className: "" + cssClasses[tagsListItem] },
+    return (React.createElement("ul", { className: "".concat(cssClasses[tagsList]) }, value === null || value === void 0 ? void 0 : value.map(function (_tag, index) { return (React.createElement("li", { key: index, onClick: function () { return onClick(_tag); } },
+        React.createElement("div", { className: "".concat(cssClasses[tagsListItem]) },
             React.createElement("label", null, _tag)))); })));
 };
 

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

@@ -4,7 +4,7 @@ import cssClasses from '../../../css/tag/main.module.less.js';
 
 var TagsSearch = function (_a) {
     var children = _a.children;
-    return React.createElement("div", { className: "" + cssClasses[tagsSearch] }, children);
+    return React.createElement("div", { className: "".concat(cssClasses[tagsSearch]) }, children);
 };
 
 export default TagsSearch;

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

@@ -4,7 +4,7 @@ import cssClasses from '../../../css/tag/main.module.less.js';
 
 var TagsWrapper = function (_a) {
     var children = _a.children;
-    return React.createElement("div", { className: "" + cssClasses[tagsSelectedTags] }, children);
+    return React.createElement("div", { className: "".concat(cssClasses[tagsSelectedTags]) }, children);
 };
 
 export default TagsWrapper;

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

@@ -1,8 +1,8 @@
 var tags = 'tags';
-var tagsSelectedTags = tags + "__selected";
-var tagsSearch = tags + "__search";
-var tagsList = tags + "__list";
-var tagsListItem = tags + "__list-item";
+var tagsSelectedTags = "".concat(tags, "__selected");
+var tagsSearch = "".concat(tags, "__search");
+var tagsList = "".concat(tags, "__list");
+var tagsListItem = "".concat(tags, "__list-item");
 
 export { tags, tagsList, tagsListItem, tagsSearch, tagsSelectedTags };
 //# sourceMappingURL=css_classes.js.map

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

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect } from 'react';
 import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
-import { __spreadArrays } from '../../../../../_virtual/_tslib.js';
+import { __spreadArray } from '../../../../../_virtual/_tslib.js';
 import Button from '../button/index.js';
 import Control from '../controls/index.js';
 import { tags } from './css_classes.js';
@@ -59,7 +59,7 @@ var TagsSelector = function (_a) {
     var addTag = function () {
         var _a;
         if (!tagsArray.includes(inputValue) && inputValue.length >= (minTagLength !== null && minTagLength !== void 0 ? minTagLength : 0) && inputValue.length > 0) {
-            setTagsArray(function (_tags) { return __spreadArrays(_tags, [inputValue]); });
+            setTagsArray(function (_tags) { return __spreadArray(__spreadArray([], _tags, true), [inputValue], false); });
             var event_1 = new CustomEvent('tagsSelector:change', {
                 detail: {
                     changedTag: inputValue,
@@ -81,7 +81,7 @@ var TagsSelector = function (_a) {
         });
         (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
     };
-    return (React.createElement("div", { id: id, className: "" + cssClasses[tags], ref: tagsSelectorRef },
+    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 })); }))),
         React.createElement(TagsSearch, null,
             React.createElement(Control.Content, null,

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

@@ -25,7 +25,7 @@ var useKeyDown = function (keys, cb, ref) {
                     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)) {
+                    if (modifiers.every(function (modifier) { return evt["".concat(modifier, "Key")] === true; }) && key && checkKeyMatch(evt.key, key)) {
                         cb();
                     }
                     return;

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

@@ -9,7 +9,7 @@ var useUniqueId = function () {
     var uniqueId = function () {
         return function (prefix) {
             if (prefix === void 0) { prefix = 'id'; }
-            return prefix + "-" + counter++;
+            return "".concat(prefix, "-").concat(counter++);
         };
     };
     return {

package/build/esm/packages/aurora/src/typings/general.js

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=general.js.map

package/build/esm/packages/aurora/src/utilities/colors/color_converter.js

@@ -10,7 +10,7 @@ var ColorConverter = /** @class */ (function () {
     };
     ColorConverter.hsl2hex = function (_a) {
         var hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness;
-        return "#" + colorConvert.hsl.hex([hue, saturation, lightness]);
+        return "#".concat(colorConvert.hsl.hex([hue, saturation, lightness]));
     };
     return ColorConverter;
 }());

package/build/esm/packages/aurora/src/utilities/colors/types.js

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/utilities/events/event_registration.d.ts

@@ -5,6 +5,6 @@ export declare const registerOnMouseEvents: (listener: (event: IPosition) => voi
  *
  * @param e, TouchEvent which us mapped to MouseEvent
  */
-export declare const mapMouseEventToPosition: (e: MouseEvent | React.MouseEvent<HTMLElement, MouseEvent>) => IPosition;
-export declare const mapTouchEventToPosition: (e: React.TouchEvent<Element> | TouchEvent) => IPosition;
+export declare const mapMouseEventToPosition: (e: React.MouseEvent<HTMLElement, MouseEvent> | MouseEvent) => IPosition;
+export declare const mapTouchEventToPosition: (e: React.TouchEvent | TouchEvent) => IPosition;
 export declare const registerOnTouchEvents: (listener: (event: IPosition) => void) => void;

package/build/esm/packages/aurora/src/utilities/fuzzy_search/fuzzy_search.js

@@ -1,4 +1,4 @@
-import { __spreadArrays } from '../../../../../_virtual/_tslib.js';
+import { __spreadArray } from '../../../../../_virtual/_tslib.js';
 import union_1 from '../../../../../external/lodash/union.js';
 
 /**
@@ -62,7 +62,7 @@ function fuzzySearch(searchQuery, arrayToFilter, key) {
         return union_1(exact_1, first_1, loose_1, fuzzy_1);
     }
     else {
-        return __spreadArrays(arrayToFilter);
+        return __spreadArray([], arrayToFilter, true);
     }
 }
 

package/build/esm/packages/aurora/src/utilities/styles/classNames.d.ts

@@ -5,4 +5,4 @@
  *
  * @param cssClasses,   object of less classNames taken
  */
-export declare const classNames: (classList: (string | false | null | undefined)[], cssClasses: Object) => string;
+export declare const classNames: (classList: Array<string | null | undefined | false>, cssClasses: Object) => string;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.1.1",
   "sideEffects": false,
-  "version": "0.3.4-166",
+  "version": "0.3.4-167",
   "description": "aurora",
   "author": "k0ssak",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "react-transition-group": "4.3.0"
   },
   "scripts": {
-    "prepublishOnly": "npm run tests:unit",
+    "prepublishOnly": "yarn run tests:unit",
     "build": "rimraf ./build/ && tsc -p . && rollup -c",
     "start": "rollup -c -w",
     "storybook": "start-storybook -p 6006",
@@ -50,5 +50,5 @@
     "update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot",
     "clear-install": "rm -rf node_modules && rm package-lock.json && npm install"
   },
-  "stableVersion": "0.3.4-165"
+  "stableVersion": "0.3.4-166"
 }