@dreamcommerce/aurora 0.4.3 → 0.4.4-1

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

@@ -1,29 +1,27 @@
 import 'react';
 import { constrainToRange } from '../../utilities/range/range_mappings.js';
 
-var getPositionFromValue = function (_a) {
-    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;
+const getPositionFromValue = ({ value, rangeRef, max, min }) => {
+    var _a;
+    const { width = 0, height = 0 } = ((_a = rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {};
+    const difference = max - min;
     return {
         left: constrainToRange(((value - min) / difference) * width, 0, width),
         top: constrainToRange(((value - min) / difference) * height, 0, height)
     };
 };
-var getValueFromPosition = function (_a) {
-    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;
-    var distance = rotation === 'horizontal' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);
-    var rawValue = rotation === 'horizontal' ? (distance * difference) / width : (distance * difference) / height;
-    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 = ((_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);
+const getValueFromPosition = ({ rangeRectangle, position, rotation = 'horizontal', step = 1, max = 100, min = 0 }) => {
+    var _a, _b;
+    const { clientY, clientX } = position;
+    const { top, height, width, left } = rangeRectangle;
+    const difference = max - min;
+    const distance = rotation === 'horizontal' ? constrainToRange(clientX - left, 0, width) : constrainToRange(clientY - top, 0, height);
+    const rawValue = rotation === 'horizontal' ? (distance * difference) / width : (distance * difference) / height;
+    const flooredValue = Math.floor(rawValue / step) * step;
+    const ceiledValue = Math.ceil(rawValue / step) * step + step;
+    const value = ceiledValue - rawValue < step / 2 ? flooredValue : ceiledValue;
+    const fractionDigits = ((_b = (_a = `${step}`.split('.')) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.length) || 0;
+    const fixedValue = (value + min - step).toFixed(fractionDigits);
     return Number(fixedValue);
 };
 

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

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

@@ -1,13 +1,12 @@
 import React from 'react';
 import cssClasses from '../../css/spacing/main.module.less.js';
 
-var getClassNames = function (props) {
-    var classes = [];
-    for (var _i = 0, _a = Object.entries(props); _i < _a.length; _i++) {
-        var _b = _a[_i], key = _b[0], value = _b[1];
+const getClassNames = (props) => {
+    const classes = [];
+    for (const [key, value] of Object.entries(props)) {
         if (typeof value === 'number') {
-            var cssClassName = "".concat(key, "_").concat(value);
-            var className = cssClasses[cssClassName];
+            const cssClassName = `${key}_${value}`;
+            const className = cssClasses[cssClassName];
             if (className) {
                 classes.push(className);
             }
@@ -15,8 +14,8 @@ var getClassNames = function (props) {
     }
     return classes.join(' ');
 };
-var Spacing = function (props) {
-    return React.createElement("".concat(props.as), {
+const Spacing = (props) => {
+    return React.createElement(`${props.as}`, {
         className: getClassNames(props)
     }, props.children);
 };

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

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

@@ -2,22 +2,16 @@ import React from 'react';
 import { classNames } from '../../../utilities/styles/classNames.js';
 import cssClasses from '../../../css/table/main.module.less.js';
 
-var cellClassName = function (_a) {
-    var _b = _a === void 0 ? {} : _a, clearPadding = _b.clearPadding, color = _b.color, header = _b.header, highlight = _b.highlight, size = _b.size, sticky = _b.sticky;
-    return classNames([
-        'cell',
-        clearPadding && 'cell_clear-padding',
-        highlight && 'cell_highlight',
-        sticky && 'cell_sticky',
-        header && 'cell_header',
-        color && "cell_".concat(color),
-        size && "cell_".concat(size)
-    ], cssClasses);
-};
-var Cell = function (_a) {
-    var children = _a.children, clearPadding = _a.clearPadding, color = _a.color, header = _a.header, highlight = _a.highlight, size = _a.size, sticky = _a.sticky;
-    return (React.createElement("td", { className: cellClassName({ clearPadding: clearPadding, color: color, header: header, highlight: highlight, size: size, sticky: sticky }) }, children));
-};
+const cellClassName = ({ clearPadding, color, header, highlight, size, sticky } = {}) => classNames([
+    'cell',
+    clearPadding && 'cell_clear-padding',
+    highlight && 'cell_highlight',
+    sticky && 'cell_sticky',
+    header && 'cell_header',
+    color && `cell_${color}`,
+    size && `cell_${size}`
+], cssClasses);
+const Cell = ({ children, clearPadding, color, header, highlight, size, sticky }) => (React.createElement("td", { className: cellClassName({ clearPadding, color, header, highlight, size, sticky }) }, children));
 
 export default Cell;
 //# sourceMappingURL=cell.js.map

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

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

@@ -1,14 +1,8 @@
 import React from 'react';
 import cssClasses from '../../../css/table/main.module.less.js';
 
-var rowClassName = function (_a) {
-    var responsive = _a.responsive, responsiveWithoutAction = _a.responsiveWithoutAction;
-    return cssClasses[responsiveWithoutAction ? 'tr_responsive-columns_without-actions' : responsive ? 'tr_responsive-columns' : ''];
-};
-var Row = function (_a) {
-    var responsiveWithoutAction = _a.responsiveWithoutAction, responsive = _a.responsive, children = _a.children;
-    return (React.createElement("tr", { className: rowClassName({ responsive: responsive, responsiveWithoutAction: responsiveWithoutAction }) }, children));
-};
+const rowClassName = ({ responsive, responsiveWithoutAction }) => cssClasses[responsiveWithoutAction ? 'tr_responsive-columns_without-actions' : responsive ? 'tr_responsive-columns' : ''];
+const Row = ({ responsiveWithoutAction, responsive, children }) => (React.createElement("tr", { className: rowClassName({ responsive, responsiveWithoutAction }) }, children));
 
 export default Row;
 //# sourceMappingURL=row.js.map

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

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

@@ -1,9 +1,6 @@
 import React from 'react';
 
-var TBody = function (_a) {
-    var children = _a.children;
-    return React.createElement("tbody", null, children);
-};
+const TBody = ({ children }) => React.createElement("tbody", null, children);
 
 export default TBody;
 //# sourceMappingURL=t_body.js.map

package/build/esm/packages/aurora/src/components/table/components/t_body.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

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

@@ -1,10 +1,7 @@
 import React from 'react';
 
-var THead = function (_a) {
-    var children = _a.children;
-    return (React.createElement("thead", null,
-        React.createElement("tr", null, children)));
-};
+const THead = ({ children }) => (React.createElement("thead", null,
+    React.createElement("tr", null, children)));
 
 export default THead;
 //# sourceMappingURL=t_head.js.map

package/build/esm/packages/aurora/src/components/table/components/t_head.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,23 +1,15 @@
 import React from 'react';
-import { __assign } from '../../../../../../_virtual/_tslib.js';
 import Table from '../index.js';
 
-var DataTable = function (_a) {
-    var columns = _a.columns, data = _a.data;
+const DataTable = ({ columns, data }) => {
     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-".concat(name) }, header));
-        })),
-        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-".concat(rowIndex, "-td-").concat(colIndex) }, modifiers), CustomCell ? (React.createElement(CustomCell, { item: item, column: {
-                    name: name,
-                    CustomCell: CustomCell,
-                    modifiers: modifiers,
-                    header: header
-                } })) : (item[name])));
-        }))); }))));
+        React.createElement(Table.THead, null, columns.map(({ name, header }) => (React.createElement("th", { key: `headers-header-${name}` }, header)))),
+        React.createElement(Table.TBody, null, data.map((item, rowIndex) => (React.createElement(Table.Row, { key: `table-tr-${rowIndex}` }, columns.map(({ name, CustomCell, modifiers, header }, colIndex) => (React.createElement(Table.Cell, { key: `table-tr-${rowIndex}-td-${colIndex}`, ...modifiers }, CustomCell ? (React.createElement(CustomCell, { item: item, column: {
+                name,
+                CustomCell,
+                modifiers,
+                header
+            } })) : (item[name]))))))))));
 };
 
 export default DataTable;

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

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

@@ -6,15 +6,9 @@ import THead from './components/t_head.js';
 import TBody from './components/t_body.js';
 import Row from './components/row.js';
 
-var tableClassName = function (_a) {
-    var zebra = _a.zebra, clear = _a.clear, zebraOrders = _a.zebraOrders, main = _a.main;
-    return classNames(['table', zebra && 'table_zebra', zebraOrders && 'table_zebra-orders', clear && 'table_clear', main && 'table_main'], cssClasses);
-};
-var Table = function (_a) {
-    var children = _a.children, zebra = _a.zebra, clear = _a.clear, zebraOrders = _a.zebraOrders, main = _a.main;
-    return (React.createElement("div", { className: cssClasses['table-container'] },
-        React.createElement("table", { className: tableClassName({ zebra: zebra, clear: clear, zebraOrders: zebraOrders, main: main }) }, children)));
-};
+const tableClassName = ({ zebra, clear, zebraOrders, main }) => classNames(['table', zebra && 'table_zebra', zebraOrders && 'table_zebra-orders', clear && 'table_clear', main && 'table_main'], cssClasses);
+const Table = ({ children, zebra, clear, zebraOrders, main }) => (React.createElement("div", { className: cssClasses['table-container'] },
+    React.createElement("table", { className: tableClassName({ zebra, clear, zebraOrders, main }) }, children)));
 Table.Cell = Cell;
 Table.THead = THead;
 Table.TBody = TBody;

package/build/esm/packages/aurora/src/components/table/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;"}
+{"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/components/tabs/components/tab_item.js

@@ -4,17 +4,16 @@ import cssClasses from '../../../css/tabs/main.module.less.js';
 import { TabContext } from '../context.js';
 import { useUniqueId } from '../../../hooks/use_unique_id.js';
 
-var TabItem = function (_a) {
-    var children = _a.children, initial = _a.initial;
-    var _b = useContext(TabContext), setSelected = _b.setSelected, isSelected = _b.isSelected;
-    var uniqueId = useUniqueId().uniqueId;
-    var uniqueTabId = useState(uniqueId())[0];
-    useEffect(function () {
+const TabItem = ({ children, initial }) => {
+    const { setSelected, isSelected } = useContext(TabContext);
+    const { uniqueId } = useUniqueId();
+    const [uniqueTabId] = useState(uniqueId());
+    useEffect(() => {
         if (initial) {
             setSelected(uniqueTabId);
         }
     }, [uniqueTabId, initial, setSelected]);
-    return (React.createElement("li", { className: classNames(['tabs__item', isSelected(uniqueTabId) && 'tabs__item_active'], cssClasses), onClick: function () {
+    return (React.createElement("li", { className: classNames(['tabs__item', isSelected(uniqueTabId) && 'tabs__item_active'], cssClasses), onClick: () => {
             setSelected(uniqueTabId);
         } }, children));
 };

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

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

@@ -3,11 +3,10 @@ import { classNames } from '../../../utilities/styles/classNames.js';
 import cssClasses from '../../../css/tabs/main.module.less.js';
 import { TabContext } from '../context.js';
 
-var Tabs = function (_a) {
-    var children = _a.children, _b = _a.small, small = _b === void 0 ? false : _b;
-    var _c = useState(null), selected = _c[0], setSelected = _c[1];
-    var isSelected = function (tabId) { return tabId === selected; };
-    return (React.createElement(TabContext.Provider, { value: { selected: selected, setSelected: setSelected, isSelected: isSelected } },
+const Tabs = ({ children, small = false }) => {
+    const [selected, setSelected] = useState(null);
+    const isSelected = (tabId) => tabId === selected;
+    return (React.createElement(TabContext.Provider, { value: { selected, setSelected, isSelected } },
         React.createElement("nav", { className: classNames(['tabs', small && 'tabs_small'], cssClasses) },
             React.createElement("ul", { className: cssClasses['tabs__list'] }, children))));
 };

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

package/build/esm/packages/aurora/src/components/tabs/context.js

@@ -1,9 +1,9 @@
 import { createContext } from 'react';
 
-var TabContext = createContext({
+const TabContext = createContext({
     selected: null,
-    setSelected: function () { },
-    isSelected: function () { return false; }
+    setSelected: () => { },
+    isSelected: () => false
 });
 
 export { TabContext };

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

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

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

@@ -2,23 +2,22 @@ import React from 'react';
 import cssClasses from '../../css/tag/main.module.less.js';
 import { tag, tagRemove, icon, iconClose } from './css_classes.js';
 
-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); } },
+const Tag = ({ 
+/**
+ * Label shown inside tag
+ */
+label, 
+/**
+ * Has close icon
+ */
+hasCloseIcon, 
+/**
+ * Function called on whole tag component click event
+ */
+onClick }) => {
+    return (React.createElement("span", { className: `${cssClasses[tag]}`, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(label) },
         label,
-        hasCloseIcon && React.createElement("span", { className: "".concat(cssClasses[tagRemove], " ").concat(cssClasses[icon], " ").concat(cssClasses[iconClose]) })));
+        hasCloseIcon && React.createElement("span", { className: `${cssClasses[tagRemove]} ${cssClasses[icon]} ${cssClasses[iconClose]}` })));
 };
 
 export default Tag;

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

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

@@ -2,19 +2,18 @@ import React from 'react';
 import { tagsList, tagsListItem } from '../css_classes.js';
 import cssClasses from '../../../css/tag/main.module.less.js';
 
-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)))); })));
+const TagsList = ({ 
+/**
+ * Array of tags passed to list
+ */
+value, 
+/**
+ * Function called on tag click which passes tag value
+ */
+onClick }) => {
+    return (React.createElement("ul", { className: `${cssClasses[tagsList]}` }, value === null || value === void 0 ? void 0 : value.map((_tag, index) => (React.createElement("li", { key: index, onClick: () => onClick(_tag) },
+        React.createElement("div", { className: `${cssClasses[tagsListItem]}` },
+            React.createElement("label", null, _tag)))))));
 };
 
 export default TagsList;

package/build/esm/packages/aurora/src/components/tags_selector/components/list.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;AACA;AACA;"}

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

@@ -2,9 +2,8 @@ import React from 'react';
 import { tagsSearch } from '../css_classes.js';
 import cssClasses from '../../../css/tag/main.module.less.js';
 
-var TagsSearch = function (_a) {
-    var children = _a.children;
-    return React.createElement("div", { className: "".concat(cssClasses[tagsSearch]) }, children);
+const TagsSearch = ({ children }) => {
+    return React.createElement("div", { className: `${cssClasses[tagsSearch]}` }, children);
 };
 
 export default TagsSearch;

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

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

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

@@ -2,9 +2,8 @@ import React from 'react';
 import { tagsSelectedTags } from '../css_classes.js';
 import cssClasses from '../../../css/tag/main.module.less.js';
 
-var TagsWrapper = function (_a) {
-    var children = _a.children;
-    return React.createElement("div", { className: "".concat(cssClasses[tagsSelectedTags]) }, children);
+const TagsWrapper = ({ children }) => {
+    return React.createElement("div", { className: `${cssClasses[tagsSelectedTags]}` }, children);
 };
 
 export default TagsWrapper;

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

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

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

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