@dreamcommerce/aurora 0.3.18 → 0.3.21

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/css_classes.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC;AACzB,MAAM,CAAC,IAAM,SAAS,GAAG,UAAG,GAAG,aAAU,CAAC;AAE1C,MAAM,CAAC,IAAM,IAAI,GAAG,MAAM,CAAC;AAC3B,MAAM,CAAC,IAAM,SAAS,GAAG,UAAG,IAAI,WAAQ,CAAC"}

package/build/esm/packages/aurora/src/components/tag/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITagProps } from './types';
+declare const Tag: React.FC<ITagProps>;
+export default Tag;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import cssClasses from '@auroraCss/tag/main.module.less';
+import { tag, tagRemove, icon, iconClose } from './css_classes';
+import './types';
+var Tag = function (_a) {
+    var 
+    /**
+     * Label shown inside tag
+     */
+    label = _a.label, 
+    /**
+     * Has close icon
+     */
+    hasCloseIcon = _a.hasCloseIcon, 
+    /**
+     * Function called on whole tag component click event
+     */
+    onClick = _a.onClick;
+    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: "".concat(cssClasses[tagRemove], " ").concat(cssClasses[icon], " ").concat(cssClasses[iconClose]) })));
+};
+export default Tag;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAEhE,OAA0B,SAAS,CAAC;AAEpC,IAAM,GAAG,GAAwB,UAAC,EAejC;;IAdG;;OAEG;IACH,KAAK,WAAA;IAEL;;OAEG;IACH,YAAY,kBAAA;IAEZ;;OAEG;IACH,OAAO,aAAA;IAEP,OAAO,CACH,8BAAM,SAAS,EAAE,UAAG,UAAU,CAAC,GAAG,CAAC,CAAE,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,EAAhB,CAAgB;QACjE,KAAK;QACL,YAAY,IAAI,8BAAM,SAAS,EAAE,UAAG,UAAU,CAAC,SAAS,CAAC,cAAI,UAAU,CAAC,IAAI,CAAC,cAAI,UAAU,CAAC,SAAS,CAAC,CAAE,GAAS,CAC/G,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/build/esm/packages/aurora/src/components/tag/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface ITagProps {
+    label?: string;
+    hasCloseIcon?: boolean;
+    onClick?(label?: string): void;
+    children?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/tag/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/tag/types.ts"],"names":[],"mappings":"AAAA,OAA0B,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/tags_selector/components/list.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITagsList } from '../types';
+declare const TagsList: React.FC<ITagsList>;
+export default TagsList;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { tagsList, tagsListItem } from '../css_classes';
+import cssClasses from '@auroraCss/tag/main.module.less';
+import '../types';
+var TagsList = function (_a) {
+    var 
+    /**
+     * Array of tags passed to list
+     */
+    value = _a.value, 
+    /**
+     * Function called on tag click which passes tag value
+     */
+    onClick = _a.onClick;
+    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)))); })));
+};
+export default TagsList;
+//# sourceMappingURL=list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../../../src/components/tags_selector/components/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,UAAU,MAAM,iCAAiC,CAAC;AAEzD,OAA0B,UAAU,CAAC;AAErC,IAAM,QAAQ,GAAwB,UAAC,EAUtC;;IATG;;OAEG;IACH,KAAK,WAAA;IAEL;;OAEG;IACH,OAAO,aAAA;IAEP,OAAO,CACH,4BAAI,SAAS,EAAE,UAAG,UAAU,CAAC,QAAQ,CAAC,CAAE,IACnC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,4BAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa;QACxC,6BAAK,SAAS,EAAE,UAAG,UAAU,CAAC,YAAY,CAAC,CAAE;YACzC,mCAAQ,IAAI,CAAS,CACnB,CACL,CACR,EAN4B,CAM5B,CAAC,CACD,CACR,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/esm/packages/aurora/src/components/tags_selector/components/search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TagsSearch: React.FC;
+export default TagsSearch;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { tagsSearch } from '../css_classes';
+import cssClasses from '@auroraCss/tag/main.module.less';
+var TagsSearch = function (_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: "".concat(cssClasses[tagsSearch]) }, children);
+};
+export default TagsSearch;
+//# sourceMappingURL=search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../../../../../src/components/tags_selector/components/search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,UAAU,MAAM,iCAAiC,CAAC;AAEzD,IAAM,UAAU,GAAa,UAAC,EAAY;QAAV,QAAQ,cAAA;IACpC,OAAO,6BAAK,SAAS,EAAE,UAAG,UAAU,CAAC,UAAU,CAAC,CAAE,IAAG,QAAQ,CAAO,CAAC;AACzE,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/esm/packages/aurora/src/components/tags_selector/components/wrapper.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITagsWrapperProps } from '../types';
+declare const TagsWrapper: React.FC<ITagsWrapperProps>;
+export default TagsWrapper;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { tagsSelectedTags } from '../css_classes';
+import cssClasses from '@auroraCss/tag/main.module.less';
+import '../types';
+var TagsWrapper = function (_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: "".concat(cssClasses[tagsSelectedTags]) }, children);
+};
+export default TagsWrapper;
+//# sourceMappingURL=wrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../../../../../../../src/components/tags_selector/components/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,UAAU,MAAM,iCAAiC,CAAC;AAEzD,OAAkC,UAAU,CAAC;AAE7C,IAAM,WAAW,GAAgC,UAAC,EAAY;QAAV,QAAQ,cAAA;IACxD,OAAO,6BAAK,SAAS,EAAE,UAAG,UAAU,CAAC,gBAAgB,CAAC,CAAE,IAAG,QAAQ,CAAO,CAAC;AAC/E,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/esm/packages/aurora/src/components/tags_selector/css_classes.d.ts

@@ -0,0 +1,10 @@
+export declare const tags = "tags";
+export declare const tagsSelectedTags: string;
+export declare const tagsSearch: string;
+export declare const tagsList: string;
+export declare const tagsListItem: string;
+export declare const tag = "tag";
+export declare const tagRemove: string;
+export declare const icon = "icon";
+export declare const iconClose: string;
+export declare const pointer = "pointer";

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

@@ -0,0 +1,11 @@
+export var tags = 'tags';
+export var tagsSelectedTags = "".concat(tags, "__selected");
+export var tagsSearch = "".concat(tags, "__search");
+export var tagsList = "".concat(tags, "__list");
+export var tagsListItem = "".concat(tags, "__list-item");
+export var tag = 'tag';
+export var tagRemove = "".concat(tag, "__remove");
+export var icon = 'icon';
+export var iconClose = "".concat(icon, "-close");
+export var pointer = 'pointer';
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/tags_selector/css_classes.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,IAAI,GAAG,MAAM,CAAC;AAC3B,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAG,IAAI,eAAY,CAAC;AACpD,MAAM,CAAC,IAAM,UAAU,GAAG,UAAG,IAAI,aAAU,CAAC;AAC5C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAG,IAAI,WAAQ,CAAC;AACxC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAG,IAAI,gBAAa,CAAC;AAEjD,MAAM,CAAC,IAAM,GAAG,GAAG,KAAK,CAAC;AACzB,MAAM,CAAC,IAAM,SAAS,GAAG,UAAG,GAAG,aAAU,CAAC;AAE1C,MAAM,CAAC,IAAM,IAAI,GAAG,MAAM,CAAC;AAC3B,MAAM,CAAC,IAAM,SAAS,GAAG,UAAG,IAAI,WAAQ,CAAC;AAEzC,MAAM,CAAC,IAAM,OAAO,GAAG,SAAS,CAAC"}

package/build/esm/packages/aurora/src/components/tags_selector/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ITagsSelectorProps } from './types';
+declare const _default: React.FC<ITagsSelectorProps>;
+export default _default;

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

@@ -0,0 +1,100 @@
+import { __spreadArray } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
+import Button from '@auroraComponents/button';
+import Control from '@auroraComponents/controls';
+import './types';
+import List from './components/list';
+import Search from './components/search';
+import Tag from '@auroraComponents/tag';
+import Wrapper from './components/wrapper';
+import cssClasses from '@auroraCss/tag/main.module.less';
+import { tags } from './css_classes';
+import { useTranslation } from 'react-i18next';
+import withTranslation from '@auroraUtilities/translation/with_translation';
+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 () {
+        onChange === null || onChange === void 0 ? void 0 : onChange(tagsArray);
+    }, [tagsArray, onChange]);
+    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 __spreadArray(__spreadArray([], _tags, true), [inputValue], false); });
+            var event_1 = new CustomEvent('tagsSelector:change', {
+                detail: {
+                    changedTag: inputValue,
+                    tags: tagsArray
+                }
+            });
+            (_a = tagsSelectorRef.current) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event_1);
+            setInputValue('');
+        }
+    };
+    var removeTag = function (label) {
+        var _a;
+        setTagsArray(function (_tags) { return _tags.filter(function (_tag) { return _tag !== label; }); });
+        var event = new CustomEvent('tagsSelector:change', {
+            detail: {
+                changedTag: label,
+                tags: tagsArray
+            }
+        });
+        (_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(Wrapper, null, tagsArray.map(function (_tag, index) { return (React.createElement(Tag, { key: index, label: _tag, onClick: function () { return removeTag(_tag); }, hasCloseIcon: true })); }))),
+        React.createElement(Search, 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.Element, null,
+                    React.createElement(Button, { variant: "outline", size: "small", onClick: function () { return addTag(); } }, t('Add'))))),
+        withList && (React.createElement(List, { 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 })); })));
+};
+export default withTranslation(TagsSelector);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/tags_selector/index.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/components/tags_selector/types.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export interface ITagsSelectorProps {
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    defaultTags?: Array<string>;
+    minTagLength?: number;
+    withList?: boolean;
+    tagsListValue?: Array<string>;
+    onListItemClick?(value: string): void;
+    onChange?(value: Array<string>): void;
+}
+export interface ITagProps {
+    label?: string;
+    withClose?: boolean;
+    onClick?(value?: string): void;
+    children?: ReactNode;
+}
+export interface ITagsWrapperProps {
+    children?: ReactNode;
+}
+export interface ITagsList {
+    value?: Array<string>;
+    onClick(value: string): void;
+}

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

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/tags_selector/types.ts"],"names":[],"mappings":"AAAA,OAA0B,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/tooltip/index.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactElement } from 'react';
+export interface ITooltip {
+    content: string | ReactElement;
+    fixed?: boolean;
+    left?: boolean;
+    top?: boolean;
+    disabled?: boolean;
+}
+declare const Tooltip: React.FC<ITooltip>;
+export default Tooltip;

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

@@ -0,0 +1,20 @@
+import React, { useRef } from 'react';
+import cssClasses from '@auroraCss/tooltip/main.module.less';
+import { classNames } from '@auroraUtilities/styles/classNames';
+import { useFixedChildPosition } from '@auroraHooks/use_fixed_child_position';
+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({
+        useFixed: fixed,
+        hPosition: left ? 'left' : 'right',
+        vPosition: top ? 'top' : 'bottom',
+        childRef: childRef
+    }), onMouseEnter = _b.onMouseEnter, style = _b.style;
+    return (React.createElement("span", { className: className, onMouseEnter: onMouseEnter },
+        children,
+        !disabled && (React.createElement("div", { style: style, ref: childRef, className: cssClasses['tooltip__container'] }, content))));
+};
+export default Tooltip;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAU9E,IAAM,OAAO,GAAuB,UAAC,EAAiD;QAA/C,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA;IAChF,IAAM,SAAS,GAAG,UAAU,CAAC,CAAC,SAAS,EAAE,IAAI,IAAI,cAAc,EAAE,GAAG,IAAI,aAAa,CAAC,EAAE,UAAU,CAAC,CAAC;IACpG,IAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxC,IAAA,KAA0B,qBAAqB,CAAC;QAClD,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;QAClC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;QACjC,QAAQ,UAAA;KACX,CAAC,EALM,YAAY,kBAAA,EAAE,KAAK,WAKzB,CAAC;IAEH,OAAO,CACH,8BAAM,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY;QACjD,QAAQ;QACR,CAAC,QAAQ,IAAI,CACV,6BAAK,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,oBAAoB,CAAC,IACxE,OAAO,CACN,CACT,CACE,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/with_loader/css_classes.d.ts

@@ -0,0 +1 @@
+export declare const cssWithLoader = "with-loader";

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

@@ -0,0 +1,2 @@
+export var cssWithLoader = 'with-loader';
+//# sourceMappingURL=css_classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/with_loader/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,aAAa,GAAG,aAAa,CAAC"}

package/build/esm/packages/aurora/src/components/with_loader/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IWithLoader } from '@auroraComponents/with_loader/types';
+declare const WithLoader: React.FC<IWithLoader>;
+export default WithLoader;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import classnames from 'classnames';
+import cssClasses from '@auroraCss/with-loader/main.module.less';
+import Loader from '@auroraComponents/loader';
+import '@auroraComponents/with_loader/types';
+import { cssWithLoader } from '@auroraComponents/with_loader/css_classes';
+var WithLoader = function (_a) {
+    var isLoading = _a.isLoading, children = _a.children, size = _a.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));
+};
+export default WithLoader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/with_loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,UAAU,MAAM,yCAAyC,CAAC;AACjE,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAA4B,qCAAqC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE1E,IAAM,UAAU,GAA0B,UAAC,EAA6B;QAA3B,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IAClE,OAAO,SAAS,CAAC,CAAC,CAAC,CACf,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,kBAAe,QAAQ;QACxE,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,GAAI,CACpB,CACT,CAAC,CAAC,CAAC,CACA,0CAAG,QAAQ,CAAI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/esm/packages/aurora/src/components/with_loader/types.d.ts

@@ -0,0 +1,4 @@
+import { ILoaderProps } from '@auroraComponents/loader/types';
+export interface IWithLoader extends ILoaderProps {
+    isLoading: boolean;
+}

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

@@ -0,0 +1,2 @@
+import '@auroraComponents/loader/types';
+//# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/components/with_loader/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/with_loader/types.ts"],"names":[],"mappings":"AAAA,OAA6B,gCAAgC,CAAC"}

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

@@ -0,0 +1,10 @@
+export declare const HORIZONTAL_POSITION: {
+    readonly left: "left";
+    readonly center: "center";
+    readonly right: "right";
+};
+export declare const VERTICAL_POSITION: {
+    readonly top: "top";
+    readonly center: "center";
+    readonly bottom: "bottom";
+};

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

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

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

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

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

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

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

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

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

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

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

@@ -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/packages/aurora/src/hooks/index.js

@@ -0,0 +1,5 @@
+import { useClickOutside } from './use_click_outside';
+import { useEffectAfterMount } from './use_effect_after_mount';
+import { useScreenDetect } from './use_screen_detect';
+export { useClickOutside, useEffectAfterMount, useScreenDetect };
+//# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/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/packages/aurora/src/hooks/use_click_outside.d.ts

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

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

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

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

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

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

@@ -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/packages/aurora/src/hooks/use_effect_after_mount.js

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

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

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

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

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

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

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