@dreamcommerce/aurora 0.4.4 → 0.4.5

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

@@ -14,63 +14,57 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var useStyles = reactJss_esm.createUseStyles({
+const useStyles = reactJss_esm.createUseStyles({
     pointer: {
-        transform: function (_a) {
-            var left = _a.left;
-            return "translate3d(".concat(left - 10, "px,0px,0px)");
-        },
-        background: function (_a) {
-            var isDragged = _a.isDragged, isDisabled = _a.isDisabled;
+        transform: ({ left }) => `translate3d(${left - 10}px,0px,0px)`,
+        background: ({ isDragged, isDisabled }) => {
             if (isDisabled) {
                 return '#ececec';
             }
-            return isDragged ? "rgb(19, 92, 200)" : 'none';
+            return isDragged ? `rgb(19, 92, 200)` : 'none';
         },
         '&:hover': {
-            background: function (_a) {
-                var isDragged = _a.isDragged, isDisabled = _a.isDisabled;
+            background: ({ isDragged, isDisabled }) => {
                 if (isDisabled) {
                     return '#ececec';
                 }
-                return isDragged ? "rgb(19, 92, 200)" : 'rgba(19, 92, 200, 0.2)';
+                return isDragged ? `rgb(19, 92, 200)` : 'rgba(19, 92, 200, 0.2)';
             }
         }
     }
 });
-var Range = function (_a) {
-    var initialValue = _a.initialValue, _b = _a.max, max = _b === void 0 ? 100 : _b, _c = _a.min, min = _c === void 0 ? 0 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d, onChange = _a.onChange, isDisabled = _a.isDisabled, name = _a.name, _e = _a.orientation, orientation = _e === void 0 ? 'horizontal' : _e;
-    var rangeRef = React.useRef(null);
-    var _f = React.useState(initialValue || min), value = _f[0], setValue = _f[1];
-    var _g = React.useState(false), isDragged = _g[0], setDragged = _g[1];
-    var _h = React.useState({ top: 0, left: 0 }), rangePosition = _h[0], setRangePosition = _h[1];
-    var classes = useStyles({ top: rangePosition.top, left: rangePosition.left, isDragged: isDragged, isDisabled: isDisabled });
-    React.useEffect(function () {
+const Range = ({ initialValue, max = 100, min = 0, step = 1, onChange, isDisabled, name, orientation = 'horizontal' }) => {
+    const rangeRef = React.useRef(null);
+    const [value, setValue] = React.useState(initialValue || min);
+    const [isDragged, setDragged] = React.useState(false);
+    const [rangePosition, setRangePosition] = React.useState({ top: 0, left: 0 });
+    const classes = useStyles({ top: rangePosition.top, left: rangePosition.left, isDragged, isDisabled });
+    React.useEffect(() => {
         if (rangeRef) {
-            var _a = utilities.getPositionFromValue({ value: initialValue || min, max: max, min: min, rangeRef: rangeRef }), top_1 = _a.top, left = _a.left;
+            const { top, left } = utilities.getPositionFromValue({ value: initialValue || min, max, min, rangeRef });
             if (orientation === 'horizontal') {
-                setRangePosition({ left: left, top: 0 });
+                setRangePosition({ left, top: 0 });
             }
             else {
-                setRangePosition({ left: 0, top: top_1 });
+                setRangePosition({ left: 0, top });
             }
         }
     }, [initialValue, max, min, orientation, rangeRef]);
-    var onRangeChangeEvent = function (position) {
+    const onRangeChangeEvent = (position) => {
         if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current) || isDisabled) {
             return;
         }
-        var _a = range_mappings.getIndicatorPositionFromPosition({
+        const { positionY, positionX } = range_mappings.getIndicatorPositionFromPosition({
             elementRect: rangeRef.current.getBoundingClientRect(),
-            position: position
-        }), positionY = _a.positionY, positionX = _a.positionX;
+            position
+        });
         setRangePosition({ top: positionY, left: positionX });
-        var newValue = utilities.getValueFromPosition({
-            position: position,
+        const newValue = utilities.getValueFromPosition({
+            position,
             rangeRectangle: rangeRef.current.getBoundingClientRect(),
-            max: max,
-            min: min,
-            step: step
+            max,
+            min,
+            step
         });
         onChange === null || onChange === void 0 ? void 0 : onChange({
             value: newValue,
@@ -78,25 +72,25 @@ var Range = function (_a) {
         });
         setValue(newValue);
     };
-    var onSliderDown = function (event) {
+    const onSliderDown = (event) => {
         if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current)) {
             return;
         }
         setDragged(true);
         onRangeChangeEvent(event_registration.mapMouseEventToPosition(event));
-        var onEndListener = function () { return setDragged(false); };
+        const onEndListener = () => setDragged(false);
         event_registration.registerOnMouseEvents(onRangeChangeEvent, onEndListener);
     };
-    var onTouchStart = function (event) {
+    const onTouchStart = (event) => {
         if (!(rangeRef === null || rangeRef === void 0 ? void 0 : rangeRef.current)) {
             return;
         }
         onRangeChangeEvent(event_registration.mapTouchEventToPosition(event));
         event_registration.registerOnTouchEvents(onRangeChangeEvent);
     };
-    return (React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes['default'].range], " ").concat(isDisabled ? main_module['default'][css_classes['default'].rangePointerDisabled] : ''), ref: rangeRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
-        React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes['default'].rangePointer], " ").concat(classes.pointer), onDrag: onRangeChangeEvent, onTouchStart: onTouchStart },
-            React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes['default'].rangePointerInside], " ").concat(isDisabled ? main_module['default'][css_classes['default'].rangePointerInsideDisabled] : '') })),
+    return (React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].range]} ${isDisabled ? main_module['default'][css_classes['default'].rangePointerDisabled] : ''}`, ref: rangeRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
+        React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].rangePointer]} ${classes.pointer}`, onDrag: onRangeChangeEvent, onTouchStart: onTouchStart },
+            React__default['default'].createElement("div", { className: `${main_module['default'][css_classes['default'].rangePointerInside]} ${isDisabled ? main_module['default'][css_classes['default'].rangePointerInsideDisabled] : ''}` })),
         name && React__default['default'].createElement("input", { type: "hidden", name: name, value: value })));
 };
 

package/build/cjs/packages/aurora/src/components/range/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/cjs/packages/aurora/src/components/range/utilities.js

@@ -5,29 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 var range_mappings = require('../../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: range_mappings.constrainToRange(((value - min) / difference) * width, 0, width),
         top: range_mappings.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' ? range_mappings.constrainToRange(clientX - left, 0, width) : range_mappings.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' ? range_mappings.constrainToRange(clientX - left, 0, width) : range_mappings.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/cjs/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;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;"}

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

@@ -9,13 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 = main_module['default'][cssClassName];
+            const cssClassName = `${key}_${value}`;
+            const className = main_module['default'][cssClassName];
             if (className) {
                 classes.push(className);
             }
@@ -23,8 +22,8 @@ var getClassNames = function (props) {
     }
     return classes.join(' ');
 };
-var Spacing = function (props) {
-    return React__default['default'].createElement("".concat(props.as), {
+const Spacing = (props) => {
+    return React__default['default'].createElement(`${props.as}`, {
         className: getClassNames(props)
     }, props.children);
 };

package/build/cjs/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;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;"}

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

@@ -10,22 +10,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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.classNames([
-        'cell',
-        clearPadding && 'cell_clear-padding',
-        highlight && 'cell_highlight',
-        sticky && 'cell_sticky',
-        header && 'cell_header',
-        color && "cell_".concat(color),
-        size && "cell_".concat(size)
-    ], main_module['default']);
-};
-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__default['default'].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.classNames([
+    'cell',
+    clearPadding && 'cell_clear-padding',
+    highlight && 'cell_highlight',
+    sticky && 'cell_sticky',
+    header && 'cell_header',
+    color && `cell_${color}`,
+    size && `cell_${size}`
+], main_module['default']);
+const Cell = ({ children, clearPadding, color, header, highlight, size, sticky }) => (React__default['default'].createElement("td", { className: cellClassName({ clearPadding, color, header, highlight, size, sticky }) }, children));
 
 exports.default = Cell;
 //# sourceMappingURL=cell.js.map

package/build/cjs/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;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;"}

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

@@ -9,14 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var rowClassName = function (_a) {
-    var responsive = _a.responsive, responsiveWithoutAction = _a.responsiveWithoutAction;
-    return main_module['default'][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__default['default'].createElement("tr", { className: rowClassName({ responsive: responsive, responsiveWithoutAction: responsiveWithoutAction }) }, children));
-};
+const rowClassName = ({ responsive, responsiveWithoutAction }) => main_module['default'][responsiveWithoutAction ? 'tr_responsive-columns_without-actions' : responsive ? 'tr_responsive-columns' : ''];
+const Row = ({ responsiveWithoutAction, responsive, children }) => (React__default['default'].createElement("tr", { className: rowClassName({ responsive, responsiveWithoutAction }) }, children));
 
 exports.default = Row;
 //# sourceMappingURL=row.js.map

package/build/cjs/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;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/cjs/packages/aurora/src/components/table/components/t_body.js

@@ -8,10 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var TBody = function (_a) {
-    var children = _a.children;
-    return React__default['default'].createElement("tbody", null, children);
-};
+const TBody = ({ children }) => React__default['default'].createElement("tbody", null, children);
 
 exports.default = TBody;
 //# sourceMappingURL=t_body.js.map

package/build/cjs/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;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;"}

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

@@ -8,11 +8,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var THead = function (_a) {
-    var children = _a.children;
-    return (React__default['default'].createElement("thead", null,
-        React__default['default'].createElement("tr", null, children)));
-};
+const THead = ({ children }) => (React__default['default'].createElement("thead", null,
+    React__default['default'].createElement("tr", null, children)));
 
 exports.default = THead;
 //# sourceMappingURL=t_head.js.map

package/build/cjs/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;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/cjs/packages/aurora/src/components/table/hoc/data-table.js

@@ -3,29 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _tslib = require('../../../../../../_virtual/_tslib.js');
 var index = require('../index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var DataTable = function (_a) {
-    var columns = _a.columns, data = _a.data;
+const DataTable = ({ columns, data }) => {
     return (React__default['default'].createElement(index['default'], null,
-        React__default['default'].createElement(index['default'].THead, null, columns.map(function (_a) {
-            var name = _a.name, header = _a.header;
-            return (React__default['default'].createElement("th", { key: "headers-header-".concat(name) }, header));
-        })),
-        React__default['default'].createElement(index['default'].TBody, null, data.map(function (item, rowIndex) { return (React__default['default'].createElement(index['default'].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__default['default'].createElement(index['default'].Cell, _tslib.__assign({ key: "table-tr-".concat(rowIndex, "-td-").concat(colIndex) }, modifiers), CustomCell ? (React__default['default'].createElement(CustomCell, { item: item, column: {
-                    name: name,
-                    CustomCell: CustomCell,
-                    modifiers: modifiers,
-                    header: header
-                } })) : (item[name])));
-        }))); }))));
+        React__default['default'].createElement(index['default'].THead, null, columns.map(({ name, header }) => (React__default['default'].createElement("th", { key: `headers-header-${name}` }, header)))),
+        React__default['default'].createElement(index['default'].TBody, null, data.map((item, rowIndex) => (React__default['default'].createElement(index['default'].Row, { key: `table-tr-${rowIndex}` }, columns.map(({ name, CustomCell, modifiers, header }, colIndex) => (React__default['default'].createElement(index['default'].Cell, { key: `table-tr-${rowIndex}-td-${colIndex}`, ...modifiers }, CustomCell ? (React__default['default'].createElement(CustomCell, { item: item, column: {
+                name,
+                CustomCell,
+                modifiers,
+                header
+            } })) : (item[name]))))))))));
 };
 
 exports.default = DataTable;

package/build/cjs/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;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/cjs/packages/aurora/src/components/table/index.js

@@ -14,15 +14,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var tableClassName = function (_a) {
-    var zebra = _a.zebra, clear = _a.clear, zebraOrders = _a.zebraOrders, main = _a.main;
-    return classNames.classNames(['table', zebra && 'table_zebra', zebraOrders && 'table_zebra-orders', clear && 'table_clear', main && 'table_main'], main_module['default']);
-};
-var Table = function (_a) {
-    var children = _a.children, zebra = _a.zebra, clear = _a.clear, zebraOrders = _a.zebraOrders, main = _a.main;
-    return (React__default['default'].createElement("div", { className: main_module['default']['table-container'] },
-        React__default['default'].createElement("table", { className: tableClassName({ zebra: zebra, clear: clear, zebraOrders: zebraOrders, main: main }) }, children)));
-};
+const tableClassName = ({ zebra, clear, zebraOrders, main }) => classNames.classNames(['table', zebra && 'table_zebra', zebraOrders && 'table_zebra-orders', clear && 'table_clear', main && 'table_main'], main_module['default']);
+const Table = ({ children, zebra, clear, zebraOrders, main }) => (React__default['default'].createElement("div", { className: main_module['default']['table-container'] },
+    React__default['default'].createElement("table", { className: tableClassName({ zebra, clear, zebraOrders, main }) }, children)));
 Table.Cell = cell['default'];
 Table.THead = t_head['default'];
 Table.TBody = t_body['default'];

package/build/cjs/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;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;"}

package/build/cjs/packages/aurora/src/components/tabs/components/tab_item.js

@@ -12,17 +12,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var TabItem = function (_a) {
-    var children = _a.children, initial = _a.initial;
-    var _b = React.useContext(context.TabContext), setSelected = _b.setSelected, isSelected = _b.isSelected;
-    var uniqueId = use_unique_id.useUniqueId().uniqueId;
-    var uniqueTabId = React.useState(uniqueId())[0];
-    React.useEffect(function () {
+const TabItem = ({ children, initial }) => {
+    const { setSelected, isSelected } = React.useContext(context.TabContext);
+    const { uniqueId } = use_unique_id.useUniqueId();
+    const [uniqueTabId] = React.useState(uniqueId());
+    React.useEffect(() => {
         if (initial) {
             setSelected(uniqueTabId);
         }
     }, [uniqueTabId, initial, setSelected]);
-    return (React__default['default'].createElement("li", { className: classNames.classNames(['tabs__item', isSelected(uniqueTabId) && 'tabs__item_active'], main_module['default']), onClick: function () {
+    return (React__default['default'].createElement("li", { className: classNames.classNames(['tabs__item', isSelected(uniqueTabId) && 'tabs__item_active'], main_module['default']), onClick: () => {
             setSelected(uniqueTabId);
         } }, children));
 };

package/build/cjs/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;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;"}

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

@@ -11,11 +11,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Tabs = function (_a) {
-    var children = _a.children, _b = _a.small, small = _b === void 0 ? false : _b;
-    var _c = React.useState(null), selected = _c[0], setSelected = _c[1];
-    var isSelected = function (tabId) { return tabId === selected; };
-    return (React__default['default'].createElement(context.TabContext.Provider, { value: { selected: selected, setSelected: setSelected, isSelected: isSelected } },
+const Tabs = ({ children, small = false }) => {
+    const [selected, setSelected] = React.useState(null);
+    const isSelected = (tabId) => tabId === selected;
+    return (React__default['default'].createElement(context.TabContext.Provider, { value: { selected, setSelected, isSelected } },
         React__default['default'].createElement("nav", { className: classNames.classNames(['tabs', small && 'tabs_small'], main_module['default']) },
             React__default['default'].createElement("ul", { className: main_module['default']['tabs__list'] }, children))));
 };

package/build/cjs/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;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/cjs/packages/aurora/src/components/tabs/context.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var TabContext = React.createContext({
+const TabContext = React.createContext({
     selected: null,
-    setSelected: function () { },
-    isSelected: function () { return false; }
+    setSelected: () => { },
+    isSelected: () => false
 });
 
 exports.TabContext = TabContext;

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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`;
 
 exports.icon = icon;
 exports.iconClose = iconClose;

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

@@ -10,23 +10,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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__default['default'].createElement("span", { className: "".concat(main_module['default'][css_classes.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__default['default'].createElement("span", { className: `${main_module['default'][css_classes.tag]}`, onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(label) },
         label,
-        hasCloseIcon && React__default['default'].createElement("span", { className: "".concat(main_module['default'][css_classes.tagRemove], " ").concat(main_module['default'][css_classes.icon], " ").concat(main_module['default'][css_classes.iconClose]) })));
+        hasCloseIcon && React__default['default'].createElement("span", { className: `${main_module['default'][css_classes.tagRemove]} ${main_module['default'][css_classes.icon]} ${main_module['default'][css_classes.iconClose]}` })));
 };
 
 exports.default = Tag;

package/build/cjs/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;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;"}

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

@@ -10,19 +10,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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__default['default'].createElement("ul", { className: "".concat(main_module['default'][css_classes.tagsList]) }, value === null || value === void 0 ? void 0 : value.map(function (_tag, index) { return (React__default['default'].createElement("li", { key: index, onClick: function () { return onClick(_tag); } },
-        React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.tagsListItem]) },
-            React__default['default'].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__default['default'].createElement("ul", { className: `${main_module['default'][css_classes.tagsList]}` }, value === null || value === void 0 ? void 0 : value.map((_tag, index) => (React__default['default'].createElement("li", { key: index, onClick: () => onClick(_tag) },
+        React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.tagsListItem]}` },
+            React__default['default'].createElement("label", null, _tag)))))));
 };
 
 exports.default = TagsList;

package/build/cjs/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;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;"}

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

@@ -10,9 +10,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var TagsSearch = function (_a) {
-    var children = _a.children;
-    return React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.tagsSearch]) }, children);
+const TagsSearch = ({ children }) => {
+    return React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.tagsSearch]}` }, children);
 };
 
 exports.default = TagsSearch;

package/build/cjs/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;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/cjs/packages/aurora/src/components/tags_selector/components/wrapper.js

@@ -10,9 +10,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var TagsWrapper = function (_a) {
-    var children = _a.children;
-    return React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.tagsSelectedTags]) }, children);
+const TagsWrapper = ({ children }) => {
+    return React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.tagsSelectedTags]}` }, children);
 };
 
 exports.default = TagsWrapper;

package/build/cjs/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;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;"}