@dreamcommerce/aurora 0.3.4-166 → 0.3.4-167

package/build/cjs/_virtual/_tslib.js

@@ -40,14 +40,16 @@ function __rest(s, e) {
     return t;
 }
 
-function __spreadArrays() {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 
 exports.__rest = __rest;
-exports.__spreadArrays = __spreadArrays;
+exports.__spreadArray = __spreadArray;
 //# sourceMappingURL=_tslib.js.map

package/build/cjs/_virtual/_tslib.js.map

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

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var cssButton = 'btn';
-var cssButtonOutline = cssButton + "_outline";
-var cssButtonBg = cssButton + "_bg";
-var cssButtonS = cssButton + "_s";
-var cssButtonLink = cssButton + "_link";
-var cssButtonSecondary = cssButton + "_secondary";
-var cssButtonInactive = cssButton + "_inactive";
+var cssButtonOutline = "".concat(cssButton, "_outline");
+var cssButtonBg = "".concat(cssButton, "_bg");
+var cssButtonS = "".concat(cssButton, "_s");
+var cssButtonLink = "".concat(cssButton, "_link");
+var cssButtonSecondary = "".concat(cssButton, "_secondary");
+var cssButtonInactive = "".concat(cssButton, "_inactive");
 
 exports.cssButton = cssButton;
 exports.cssButtonBg = cssButtonBg;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var cssButtonsGroup = 'buttons-group';
-var cssButtonsGroupHCenter = cssButtonsGroup + "_hcenter";
-var cssButtonsGroupHRight = cssButtonsGroup + "_hright";
-var cssButtonsGroupReverseOrder = cssButtonsGroup + "_reverse-order";
+var cssButtonsGroupHCenter = "".concat(cssButtonsGroup, "_hcenter");
+var cssButtonsGroupHRight = "".concat(cssButtonsGroup, "_hright");
+var cssButtonsGroupReverseOrder = "".concat(cssButtonsGroup, "_reverse-order");
 
 exports.cssButtonsGroup = cssButtonsGroup;
 exports.cssButtonsGroupHCenter = cssButtonsGroupHCenter;

package/build/cjs/packages/aurora/src/components/color_picker/components/hue_picker.js

@@ -50,7 +50,7 @@ var HuePicker = function (_a) {
         event_registration.registerOnTouchEvents(onSliderEvent);
     };
     return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerHuePicker], ref: hueSliderRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
-        React__default['default'].createElement("div", { className: classes.huePointer + " " + main_module['default'][css_classes.cssColorPickerPointer], onDrag: onSliderEvent, onTouchStart: onTouchStart },
+        React__default['default'].createElement("div", { className: "".concat(classes.huePointer, " ").concat(main_module['default'][css_classes.cssColorPickerPointer]), onDrag: onSliderEvent, onTouchStart: onTouchStart },
             React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerPointerInside] }))));
 };
 

package/build/cjs/packages/aurora/src/components/color_picker/components/label.js

@@ -34,7 +34,7 @@ var ColorPickerLabel = function (_a) {
         // eslint-disable-next-line
     }, [isOpen]);
     return (React__default['default'].createElement(React__default['default'].Fragment, null,
-        React__default['default'].createElement(input_wrapper['default'], { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React__default['default'].createElement("div", { className: classes.colorPreview + " " + main_module['default'][css_classes.cssColorPickerInputColorPreview] }) }),
+        React__default['default'].createElement(input_wrapper['default'], { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React__default['default'].createElement("div", { className: "".concat(classes.colorPreview, " ").concat(main_module['default'][css_classes.cssColorPickerInputColorPreview]) }) }),
         React__default['default'].createElement("input", { type: "hidden", id: id, name: name, value: (color === null || color === void 0 ? void 0 : color.hex) || '', "aria-required": isRequired })));
 };
 

package/build/cjs/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js

@@ -26,8 +26,7 @@ var SaturationLightnessPicker = function (_a) {
         var elementRect = saturationLightnessPanelRef.current.getBoundingClientRect();
         var _a = range_mappings.getIndicatorPositionFromPosition({ elementRect: elementRect, position: position }), positionX = _a.positionX, positionY = _a.positionY;
         var _b = utilities.getSaturationLightnessFromPosition({ elementRect: elementRect, position: position }), lightness = _b.lightness, saturation = _b.saturation;
-        setColor(function (color) { return (_tslib.__assign(_tslib.__assign({}, color), { saturation: saturation,
-            lightness: lightness, hex: color_converter.ColorConverter.hsl2hex({ hue: color.hue, lightness: lightness, saturation: saturation }) })); });
+        setColor(function (color) { return (_tslib.__assign(_tslib.__assign({}, color), { saturation: saturation, lightness: lightness, hex: color_converter.ColorConverter.hsl2hex({ hue: color.hue, lightness: lightness, saturation: saturation }) })); });
         setSaturationLightnessPointer({
             left: positionX,
             top: positionY,
@@ -49,10 +48,10 @@ var SaturationLightnessPicker = function (_a) {
         saturationLightnessPickerEvent(event_registration.mapTouchEventToPosition(event));
         event_registration.registerOnTouchEvents(saturationLightnessPickerEvent);
     };
-    return (React__default['default'].createElement("div", { className: classes.saturationLightnessPanel + " " + main_module['default'][css_classes.cssColorPickerSaturationLightnessPicker], ref: saturationLightnessPanelRef, onMouseDown: onMouseDown, onTouchStart: onTouchStart },
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerMask] + " " + main_module['default'][css_classes.cssColorPickerMaskWhite] }),
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerMask] + " " + main_module['default'][css_classes.cssColorPickerMaskBlack] }),
-        React__default['default'].createElement("div", { className: classes.saturationLightnessPointer + " " + main_module['default'][css_classes.cssColorPickerPointer], onDrag: saturationLightnessPickerEvent, onTouchStart: onTouchStart },
+    return (React__default['default'].createElement("div", { className: "".concat(classes.saturationLightnessPanel, " ").concat(main_module['default'][css_classes.cssColorPickerSaturationLightnessPicker]), ref: saturationLightnessPanelRef, onMouseDown: onMouseDown, onTouchStart: onTouchStart },
+        React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cssColorPickerMask], " ").concat(main_module['default'][css_classes.cssColorPickerMaskWhite]) }),
+        React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cssColorPickerMask], " ").concat(main_module['default'][css_classes.cssColorPickerMaskBlack]) }),
+        React__default['default'].createElement("div", { className: "".concat(classes.saturationLightnessPointer, " ").concat(main_module['default'][css_classes.cssColorPickerPointer]), onDrag: saturationLightnessPickerEvent, onTouchStart: onTouchStart },
             React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerPointerInside] }))));
 };
 

package/build/cjs/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js.map

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

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var cssColorPicker = 'color-picker';
-var cssColorPickerInputColorPreview = cssColorPicker + "__input-color-preview";
-var cssColorPickerButtonsGroup = cssColorPicker + "__buttons-group";
-var cssColorPickerHuePicker = cssColorPicker + "__hue-picker";
-var cssColorPickerPointer = cssColorPicker + "__pointer";
-var cssColorPickerPointerInside = cssColorPicker + "__pointer-inside";
-var cssColorPickerSaturationLightnessPicker = cssColorPicker + "__saturation-lightness-picker";
-var cssColorPickerMask = cssColorPicker + "__mask";
-var cssColorPickerMaskWhite = cssColorPickerMask + "_white";
-var cssColorPickerMaskBlack = cssColorPickerMask + "_black";
-var cssColorPickerPreviewContainer = cssColorPicker + "__preview-container";
-var cssColorPickerPreview = cssColorPicker + "__preview";
+var cssColorPickerInputColorPreview = "".concat(cssColorPicker, "__input-color-preview");
+var cssColorPickerButtonsGroup = "".concat(cssColorPicker, "__buttons-group");
+var cssColorPickerHuePicker = "".concat(cssColorPicker, "__hue-picker");
+var cssColorPickerPointer = "".concat(cssColorPicker, "__pointer");
+var cssColorPickerPointerInside = "".concat(cssColorPicker, "__pointer-inside");
+var cssColorPickerSaturationLightnessPicker = "".concat(cssColorPicker, "__saturation-lightness-picker");
+var cssColorPickerMask = "".concat(cssColorPicker, "__mask");
+var cssColorPickerMaskWhite = "".concat(cssColorPickerMask, "_white");
+var cssColorPickerMaskBlack = "".concat(cssColorPickerMask, "_black");
+var cssColorPickerPreviewContainer = "".concat(cssColorPicker, "__preview-container");
+var cssColorPickerPreview = "".concat(cssColorPicker, "__preview");
 
 exports.cssColorPicker = cssColorPicker;
 exports.cssColorPickerButtonsGroup = cssColorPickerButtonsGroup;

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

@@ -23,13 +23,13 @@ var useStyles = reactJss_esm.createUseStyles({
     saturationLightnessPanel: {
         background: function (_a) {
             var hue = _a.color.hue;
-            return "hsl(" + hue + ",100%, 50%)";
+            return "hsl(".concat(hue, ",100%, 50%)");
         },
     },
     saturationLightnessPointer: {
         transform: function (_a) {
             var _b = _a.saturationLightnessPointer, left = _b.left, top = _b.top;
-            return "translate3d(" + (left - 10) + "px," + (top - 10) + "px,0px)";
+            return "translate3d(".concat(left - 10, "px,").concat(top - 10, "px,0px)");
         },
         '& > div': {
             background: function (_a) {
@@ -47,12 +47,12 @@ var useStyles = reactJss_esm.createUseStyles({
     huePointer: {
         transform: function (_a) {
             var _b = _a.hueSliderPointer, top = _b.top, left = _b.left, screenName = _a.screenName;
-            return screenName === 'xs' ? "translate3d(" + (left - 10) + "px,0px,0px)" : "translate3d(0px," + (top - 10) + "px,0px)";
+            return screenName === 'xs' ? "translate3d(".concat(left - 10, "px,0px,0px)") : "translate3d(0px,".concat(top - 10, "px,0px)");
         },
         '& > div': {
             background: function (_a) {
                 var hue = _a.color.hue;
-                return "hsl(" + hue + ",100%, 50%)";
+                return "hsl(".concat(hue, ",100%, 50%)");
             },
         },
     },
@@ -92,11 +92,11 @@ var PureColorPicker = function (_a) {
     var restoreInitialColor = function () {
         setColor(initialColor);
     };
-    return (React__default['default'].createElement("div", { className: "" + main_module['default'][css_classes.cssColorPicker] },
+    return (React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cssColorPicker]) },
         React__default['default'].createElement(saturation_lightness_picker['default'], { classes: classes, saturationLightnessPanelRef: saturationLightnessPanelRef }),
         React__default['default'].createElement(hue_picker['default'], { hueSliderRef: hueSliderRef, classes: classes }),
         React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerPreviewContainer] },
-            React__default['default'].createElement("div", { className: classes.preview + " " + main_module['default'][css_classes.cssColorPickerPreview] }),
+            React__default['default'].createElement("div", { className: "".concat(classes.preview, " ").concat(main_module['default'][css_classes.cssColorPickerPreview]) }),
             React__default['default'].createElement("div", null,
                 React__default['default'].createElement(input['default'], { id: "color-picker-id", value: color === null || color === void 0 ? void 0 : color.hex, onChange: inputOnChange }))),
         !hideChooseCancelButtons && React__default['default'].createElement(buttons['default'], { restoreInitialColor: restoreInitialColor })));

package/build/cjs/packages/aurora/src/components/color_picker/utilities.js

@@ -15,8 +15,8 @@ var color_converter = require('../../utilities/colors/color_converter.js');
  * @return
  */
 var getIndicatorPositionsFromHEX = function (_a) {
-    var saturationLightnessPanelRef = _a.saturationLightnessPanelRef, hueSliderRef = _a.hueSliderRef, hex = _a.hex;
     var _b, _c;
+    var saturationLightnessPanelRef = _a.saturationLightnessPanelRef, hueSliderRef = _a.hueSliderRef, hex = _a.hex;
     var _d = color_converter.ColorConverter.hex2hsl(hex), hue = _d.hue, saturation = _d.saturation, lightness = _d.lightness;
     var _e = ((_b = saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || {}, _f = _e.width, width = _f === void 0 ? 0 : _f, _g = _e.height, height = _g === void 0 ? 0 : _g;
     var hueSliderRect = (_c = hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();

package/build/cjs/packages/aurora/src/components/controls/components/cell_selector.js

@@ -27,7 +27,7 @@ var CellSelector = function (_a) {
         if (selectedCell === undefined) {
             return false;
         }
-        if (parseInt("" + selectedCell / cols) !== row) {
+        if (parseInt("".concat(selectedCell / cols)) !== row) {
             return false;
         }
         if (selectedCell % cols !== col) {
@@ -40,8 +40,8 @@ var CellSelector = function (_a) {
         setSelectedCell(cellIndex);
         onChange === null || onChange === void 0 ? void 0 : onChange(cellIndex + (withValueOffset ? 1 : 0));
     };
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelector] + " " + className },
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelectorContainer] }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex, className: main_module['default'][css_classes.cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex + "-Col-" + colIndex, className: main_module['default'][css_classes.cellSelectorCell] + " " + (isSelected(rowIndex, colIndex) ? main_module['default'][css_classes.cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); }))));
+    return (React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cellSelector], " ").concat(className) },
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cellSelectorContainer] }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-".concat(name, "-Row-").concat(rowIndex), className: main_module['default'][css_classes.cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React__default['default'].createElement("div", { key: "CellSelector-".concat(name, "-Row-").concat(rowIndex, "-Col-").concat(colIndex), className: "".concat(main_module['default'][css_classes.cellSelectorCell], " ").concat(isSelected(rowIndex, colIndex) ? main_module['default'][css_classes.cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); }))));
 };
 
 exports.default = CellSelector;

package/build/cjs/packages/aurora/src/components/controls/components/errors.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Errors = function () {
     var _a = context.useControlContext(), errors = _a.errors, id = _a.id;
     return errors ? (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsErrors] },
-        React__default['default'].createElement("ul", { className: main_module['default'][css_classes.cssControlsErrorsList] }, errors.map(function (error, key) { return (React__default['default'].createElement("label", { htmlFor: id, key: "error-item-" + id + "-" + key },
+        React__default['default'].createElement("ul", { className: main_module['default'][css_classes.cssControlsErrorsList] }, errors.map(function (error, key) { return (React__default['default'].createElement("label", { htmlFor: id, key: "error-item-".concat(id, "-").concat(key) },
             React__default['default'].createElement("li", { className: main_module['default'][css_classes.cssControlsErrorsListItem] }, error))); })))) : null;
 };
 

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

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var cssControls = 'controls';
 var cssControlsError = 'controls_error';
-var cssControlsLabel = cssControls + "__label";
-var cssControlsContent = cssControls + "__content";
-var cssControlsElement = cssControls + "__element";
-var cssControlsElementPrefix = cssControls + "__element_prefix";
-var cssControlsElementPostfix = cssControls + "__element_postfix";
-var cssControlsElementCheckbox = cssControls + "__element_checkbox";
-var cssControlsElementRadio = cssControls + "__element_radio";
-var cssControlsErrors = cssControls + "__errors";
-var cssControlsErrorsList = cssControls + "__errors-list";
-var cssControlsErrorsListItem = cssControls + "__errors-list-item";
+var cssControlsLabel = "".concat(cssControls, "__label");
+var cssControlsContent = "".concat(cssControls, "__content");
+var cssControlsElement = "".concat(cssControls, "__element");
+var cssControlsElementPrefix = "".concat(cssControls, "__element_prefix");
+var cssControlsElementPostfix = "".concat(cssControls, "__element_postfix");
+var cssControlsElementCheckbox = "".concat(cssControls, "__element_checkbox");
+var cssControlsElementRadio = "".concat(cssControls, "__element_radio");
+var cssControlsErrors = "".concat(cssControls, "__errors");
+var cssControlsErrorsList = "".concat(cssControls, "__errors-list");
+var cssControlsErrorsListItem = "".concat(cssControls, "__errors-list-item");
 var cssControl = 'control';
 var cssControlS = 'control_s';
 var cssControlWrapper = 'control_wrapper';
@@ -23,24 +23,24 @@ var cssControlReadonly = 'control_readonly';
 var cssControlError = 'control_error';
 var cssControlInput = 'control__input';
 var checkbox = 'checkbox';
-var checkboxDisabled = checkbox + "_disabled";
-var checkboxControl = checkbox + "__control";
-var checkboxLabel = checkbox + "__label";
-var checkboxIcon = checkbox + "__icon";
+var checkboxDisabled = "".concat(checkbox, "_disabled");
+var checkboxControl = "".concat(checkbox, "__control");
+var checkboxLabel = "".concat(checkbox, "__label");
+var checkboxIcon = "".concat(checkbox, "__icon");
 var checkboxSwitch = 'checkbox-switch';
-var checkboxSwitchDisabled = checkboxSwitch + "_disabled";
-var checkboxSwitchControl = checkboxSwitch + "__control";
-var checkboxSwitchLabel = checkboxSwitch + "__label";
-var checkboxSwitchIcon = checkboxSwitch + "__icon";
+var checkboxSwitchDisabled = "".concat(checkboxSwitch, "_disabled");
+var checkboxSwitchControl = "".concat(checkboxSwitch, "__control");
+var checkboxSwitchLabel = "".concat(checkboxSwitch, "__label");
+var checkboxSwitchIcon = "".concat(checkboxSwitch, "__icon");
 var radio = 'radio';
-var radioDisabled = radio + "_disabled";
-var radioControl = radio + "__control";
-var radioLabel = radio + "__label";
+var radioDisabled = "".concat(radio, "_disabled");
+var radioControl = "".concat(radio, "__control");
+var radioLabel = "".concat(radio, "__label");
 var cellSelector = 'cell-selector';
-var cellSelectorContainer = cellSelector + "__container";
-var cellSelectorRow = cellSelector + "__row";
-var cellSelectorCell = cellSelector + "__cell";
-var cellSelectorCellActive = cellSelectorCell + "_active";
+var cellSelectorContainer = "".concat(cellSelector, "__container");
+var cellSelectorRow = "".concat(cellSelector, "__row");
+var cellSelectorCell = "".concat(cellSelector, "__cell");
+var cellSelectorCellActive = "".concat(cellSelectorCell, "_active");
 
 exports.cellSelector = cellSelector;
 exports.cellSelectorCell = cellSelectorCell;

package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js

@@ -19,7 +19,7 @@ var ControlRadioGroup = function (_a) {
             hint && React__default['default'].createElement(index$1['default'], { spacingLeft: true, hint: hint }))),
         options.map(function (_a, optionIndex) {
             var value = _a.value, label = _a.label, hint = _a.hint, disabled = _a.disabled;
-            return (React__default['default'].createElement(index$2['default'], { key: "RadioGroup" + id + "-RadioElement-" + optionIndex, label: label, id: "RadioGroup" + id + "-Radio-" + optionIndex, value: value, hint: hint, disabled: disabled, name: name, initiallyChecked: value === initiallyCheckedValue, onClick: onClick }));
+            return (React__default['default'].createElement(index$2['default'], { key: "RadioGroup".concat(id, "-RadioElement-").concat(optionIndex), label: label, id: "RadioGroup".concat(id, "-Radio-").concat(optionIndex), value: value, hint: hint, disabled: disabled, name: name, initiallyChecked: value === initiallyCheckedValue, onClick: onClick }));
         }),
         React__default['default'].createElement(index['default'].Errors, null)));
 };

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

@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Control = function (_a) {
     var children = _a.children, errors = _a.errors, name = _a.name, id = _a.id;
     return (React__default['default'].createElement(context.ControlContext.Provider, { value: { errors: errors, name: name, id: id } },
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControls] + " " + (errors ? main_module['default'][css_classes.cssControlsError] : '') }, children)));
+        React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cssControls], " ").concat(errors ? main_module['default'][css_classes.cssControlsError] : '') }, children)));
 };
 Control.Label = label['default'];
 Control.Input = input['default'];

package/build/cjs/packages/aurora/src/components/date_picker/components/days_grid.js

@@ -21,10 +21,10 @@ var DaysGrid = function () {
     var updateDate = React.useContext(value_controller_context['default']).updateDate;
     var weekNameShortcuts = use_date_names['default']().weekNameShortcuts;
     return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerDaysGrid] },
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerDaysGridRow] }, weekNameShortcuts.map(function (weekName, index) { return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerDaysGridWeekName], key: "week-name-" + index }, weekName)); })),
-        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerDaysGridRow] + " " + animationClassName },
-            Array.from(Array(firstWeekDay).keys()).map(function (_, index) { return (React__default['default'].createElement("div", { key: "empty-day-" + index })); }),
-            Array.from(Array(daysInMonth).keys()).map(function (_, index) { return (React__default['default'].createElement(single_day['default'], { date: index + 1, month: month, year: year, updateDate: updateDate, key: "day-" + index })); }))));
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerDaysGridRow] }, weekNameShortcuts.map(function (weekName, index) { return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerDaysGridWeekName], key: "week-name-".concat(index) }, weekName)); })),
+        React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cssDatePickerDaysGridRow], " ").concat(animationClassName) },
+            Array.from(Array(firstWeekDay).keys()).map(function (_, index) { return (React__default['default'].createElement("div", { key: "empty-day-".concat(index) })); }),
+            Array.from(Array(daysInMonth).keys()).map(function (_, index) { return (React__default['default'].createElement(single_day['default'], { date: index + 1, month: month, year: year, updateDate: updateDate, key: "day-".concat(index) })); }))));
 };
 
 exports.default = DaysGrid;

package/build/cjs/packages/aurora/src/components/date_picker/components/month_controller.js

@@ -23,14 +23,14 @@ var MonthController = function (_a) {
     var monthNames = use_date_names['default']().monthNames;
     var controllerRef = React.useRef(null);
     use_keyboard_navigation.useKeyboardNavigation();
-    return (React__default['default'].createElement("div", { className: "" + main_module['default'][css_classes.cssDatePickerController], ref: controllerRef, "data-test-id": constants.DATE_PICKER_TEST_ID.controller },
-        React__default['default'].createElement("div", { onClick: previousMonth, className: main_module['default'][css_classes.cssDatePickerControllerArrow] + " " + main_module['default'][css_classes.cssDatePickerControllerArrowLeft], "data-test-id": constants.DATE_PICKER_TEST_ID.arrowLeft }),
+    return (React__default['default'].createElement("div", { className: "".concat(main_module['default'][css_classes.cssDatePickerController]), ref: controllerRef, "data-test-id": constants.DATE_PICKER_TEST_ID.controller },
+        React__default['default'].createElement("div", { onClick: previousMonth, className: "".concat(main_module['default'][css_classes.cssDatePickerControllerArrow], " ").concat(main_module['default'][css_classes.cssDatePickerControllerArrowLeft]), "data-test-id": constants.DATE_PICKER_TEST_ID.arrowLeft }),
         React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerControllerTitle] },
             React__default['default'].createElement(index['default'], null,
-                React__default['default'].createElement(index['default'].Label, { cssClass: animationClassName, label: monthNames[month] + " " + year }),
+                React__default['default'].createElement(index['default'].Label, { cssClass: animationClassName, label: "".concat(monthNames[month], " ").concat(year) }),
                 React__default['default'].createElement(index['default'].Content, { portalContainer: controllerRef },
                     React__default['default'].createElement(index$1['default'], { month: month, year: year })))),
-        React__default['default'].createElement("div", { onClick: nextMonth, className: main_module['default'][css_classes.cssDatePickerControllerArrow] + " " + main_module['default'][css_classes.cssDatePickerControllerArrowRight], "data-test-id": constants.DATE_PICKER_TEST_ID.arrowRight })));
+        React__default['default'].createElement("div", { onClick: nextMonth, className: "".concat(main_module['default'][css_classes.cssDatePickerControllerArrow], " ").concat(main_module['default'][css_classes.cssDatePickerControllerArrowRight]), "data-test-id": constants.DATE_PICKER_TEST_ID.arrowRight })));
 };
 
 exports.default = MonthController;

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js

@@ -23,7 +23,7 @@ var MonthView = function () {
         setMonth(monthIndex);
         toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
     }; };
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerMonthTable] }, Array.from(Array(constants.MONTHS_IN_YEAR).keys()).map(function (index) { return (React__default['default'].createElement("span", { key: "month-picker-month-" + index, onClick: onMonthClick(index), className: main_module['default'][css_classes.cssDatePickerMonthTableItem] + " " + (index === month ? main_module['default'][css_classes.cssDatePickerMonthTableItemSelected] : '') }, monthNameShortcuts[index])); })));
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerMonthTable] }, Array.from(Array(constants.MONTHS_IN_YEAR).keys()).map(function (index) { return (React__default['default'].createElement("span", { key: "month-picker-month-".concat(index), onClick: onMonthClick(index), className: "".concat(main_module['default'][css_classes.cssDatePickerMonthTableItem], " ").concat(index === month ? main_module['default'][css_classes.cssDatePickerMonthTableItemSelected] : '') }, monthNameShortcuts[index])); })));
 };
 
 exports.default = MonthView;

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js

@@ -14,9 +14,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var MonthYearPickerController = function () {
     var _a = React.useContext(context.MonthYearPickerContext), onArrowLeft = _a.onArrowLeft, onArrowRight = _a.onArrowRight, monthPickerTitle = _a.monthPickerTitle, toggleView = _a.toggleView;
     return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerController] },
-        React__default['default'].createElement("div", { "data-test-id": "month-year-left-arrow", onClick: onArrowLeft, className: main_module['default'][css_classes.cssDatePickerControllerArrow] + " " + main_module['default'][css_classes.cssDatePickerControllerArrowLeft] }),
+        React__default['default'].createElement("div", { "data-test-id": "month-year-left-arrow", onClick: onArrowLeft, className: "".concat(main_module['default'][css_classes.cssDatePickerControllerArrow], " ").concat(main_module['default'][css_classes.cssDatePickerControllerArrowLeft]) }),
         React__default['default'].createElement("div", { onClick: toggleView, className: main_module['default'][css_classes.cssDatePickerControllerTitle] }, monthPickerTitle),
-        React__default['default'].createElement("div", { "data-test-id": "month-year-right-arrow", onClick: onArrowRight, className: main_module['default'][css_classes.cssDatePickerControllerArrow] + " " + main_module['default'][css_classes.cssDatePickerControllerArrowRight] })));
+        React__default['default'].createElement("div", { "data-test-id": "month-year-right-arrow", onClick: onArrowRight, className: "".concat(main_module['default'][css_classes.cssDatePickerControllerArrow], " ").concat(main_module['default'][css_classes.cssDatePickerControllerArrowRight]) })));
 };
 
 exports.default = MonthYearPickerController;

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.js

@@ -43,7 +43,7 @@ var MonthYearPickerContextManager = function (_a) {
             setView(constants.MONTH_VIEW);
         }
     };
-    var monthPickerTitle = view === constants.MONTH_VIEW ? "" + year : yearRange + "-" + (yearRange + constants$1.YEARS_IN_VIEW);
+    var monthPickerTitle = view === constants.MONTH_VIEW ? "".concat(year) : "".concat(yearRange, "-").concat(yearRange + constants$1.YEARS_IN_VIEW);
     return (React__default['default'].createElement(context.MonthYearPickerContext.Provider, { value: {
             onArrowLeft: onArrowLeft,
             onArrowRight: onArrowRight,

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js

@@ -22,7 +22,7 @@ var YearView = function () {
         setYear(yearRange + yearIndex);
         setView(constants$1.MONTH_VIEW);
     }; };
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerMonthTable] }, Array.from(Array(constants.YEARS_IN_VIEW).keys()).map(function (index) { return (React__default['default'].createElement("span", { key: "month-picker-month-" + index, onClick: onYearClick(index), className: main_module['default'][css_classes.cssDatePickerMonthTableItem] + " " + (yearRange + index === year ? main_module['default'][css_classes.cssDatePickerMonthTableItemSelected] : '') }, yearRange + index)); })));
+    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerMonthTable] }, Array.from(Array(constants.YEARS_IN_VIEW).keys()).map(function (index) { return (React__default['default'].createElement("span", { key: "month-picker-month-".concat(index), onClick: onYearClick(index), className: "".concat(main_module['default'][css_classes.cssDatePickerMonthTableItem], " ").concat(yearRange + index === year ? main_module['default'][css_classes.cssDatePickerMonthTableItemSelected] : '') }, yearRange + index)); })));
 };
 
 exports.default = YearView;

package/build/cjs/packages/aurora/src/components/date_picker/components/pure_date_picker.js

@@ -66,7 +66,7 @@ var PureDatepicker = function (_a) {
         var month = _a.month;
         return ({ month: month, year: year });
     }); };
-    return (React__default['default'].createElement("div", { className: className + " " + main_module['default'][css_classes.cssDatePickerContainer] },
+    return (React__default['default'].createElement("div", { className: "".concat(className, " ").concat(main_module['default'][css_classes.cssDatePickerContainer]) },
         React__default['default'].createElement(month_year_navigation_context['default'].Provider, { value: {
                 previousMonth: prevMonthWithAnimation,
                 nextMonth: nextMonthWithAnimation,

package/build/cjs/packages/aurora/src/components/date_picker/constants.js

@@ -8,12 +8,12 @@ var MAX_MONTH = 11;
 var MIN_MONTH = 0;
 var MILLIS_IN_DAY = 1000 * 3600 * 24;
 var DATE_PICKER = 'datepicker';
-var DATE_PICKER__CONTROLLER = DATE_PICKER + "__controller";
-var DATE_PICKER__CONTROLLER_TITLE = DATE_PICKER__CONTROLLER + "-title";
-var DATE_PICKER__CONTROLLER_ARROW = DATE_PICKER__CONTROLLER + "-arrow";
-var DATE_PICKER__CONTROLLER_ARROW_LEFT = DATE_PICKER__CONTROLLER_ARROW + "_left";
-var DATE_PICKER__CONTROLLER_ARROW_RIGHT = DATE_PICKER__CONTROLLER_ARROW + "_right";
-var DATE_PICKER__DAY_CONTENT = DATE_PICKER__CONTROLLER + "-day-content";
+var DATE_PICKER__CONTROLLER = "".concat(DATE_PICKER, "__controller");
+var DATE_PICKER__CONTROLLER_TITLE = "".concat(DATE_PICKER__CONTROLLER, "-title");
+var DATE_PICKER__CONTROLLER_ARROW = "".concat(DATE_PICKER__CONTROLLER, "-arrow");
+var DATE_PICKER__CONTROLLER_ARROW_LEFT = "".concat(DATE_PICKER__CONTROLLER_ARROW, "_left");
+var DATE_PICKER__CONTROLLER_ARROW_RIGHT = "".concat(DATE_PICKER__CONTROLLER_ARROW, "_right");
+var DATE_PICKER__DAY_CONTENT = "".concat(DATE_PICKER__CONTROLLER, "-day-content");
 var DATE_PICKER_TEST_ID = {
     controller: DATE_PICKER__CONTROLLER,
     controllerTitle: DATE_PICKER__CONTROLLER_TITLE,

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

@@ -3,37 +3,37 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var cssDatePicker = 'date-picker';
-var cssDatePickerContainer = cssDatePicker + "__container";
-var cssDatePickerCommonRanges = cssDatePicker + "__common-ranges";
-var cssDatePickerController = cssDatePicker + "__controller";
-var cssDatePickerControllerArrow = cssDatePicker + "__controller-arrow";
-var cssDatePickerControllerTitle = cssDatePicker + "__controller-title";
-var cssDatePickerControllerArrowLeft = cssDatePickerControllerArrow + "_left";
-var cssDatePickerControllerArrowRight = cssDatePickerControllerArrow + "_right";
-var cssDatePickerDaysGrid = cssDatePicker + "__days-grid";
-var cssDatePickerDaysGridRow = cssDatePicker + "__days-grid-row";
-var cssDatePickerDaysGridWeekName = cssDatePicker + "__days-grid-week-name";
-var cssDatePickerLabelIcon = cssDatePicker + "__label-icon";
-var cssDatePickerMonthTable = cssDatePicker + "__month-table";
-var cssDatePickerMonthTableItem = cssDatePicker + "__month-table-item";
-var cssDatePickerMonthTableItemSelected = cssDatePicker + "__month-table-item_selected";
-var cssDatePickerDay = cssDatePicker + "__day";
-var cssDatePickerDayNavigation = cssDatePickerDay + "_navigation";
-var cssDatePickerDaySelected = cssDatePickerDay + "_selected";
-var cssDatePickerDayBlocked = cssDatePickerDay + "_blocked";
-var cssDatePickerDayProposed = cssDatePickerDay + "_proposed";
-var cssDatePickerDayRangeEndLeft = cssDatePickerDay + "_range-end-left";
-var cssDatePickerDayRangeEndLeftProposed = cssDatePickerDay + "_range-end-left-proposed";
-var cssDatePickerDayRangeEndRight = cssDatePickerDay + "_range-end-right";
-var cssDatePickerDayRangeEndRightProposed = cssDatePickerDay + "_range-end-right-proposed";
-var cssDatePickerDayInRange = cssDatePickerDay + "_in-range";
-var cssDatePickerDayText = cssDatePicker + "__day-text";
-var cssDatePickerDayTextRoundedBorders = cssDatePickerDayText + "_rounded-borders";
-var cssDatePickerDayTextNavigation = cssDatePickerDayText + "_navigation";
-var cssDatePickerDayTextToday = cssDatePickerDayText + "_today";
-var cssDatePickerDayTextSelected = cssDatePickerDayText + "_selected";
+var cssDatePickerContainer = "".concat(cssDatePicker, "__container");
+var cssDatePickerCommonRanges = "".concat(cssDatePicker, "__common-ranges");
+var cssDatePickerController = "".concat(cssDatePicker, "__controller");
+var cssDatePickerControllerArrow = "".concat(cssDatePicker, "__controller-arrow");
+var cssDatePickerControllerTitle = "".concat(cssDatePicker, "__controller-title");
+var cssDatePickerControllerArrowLeft = "".concat(cssDatePickerControllerArrow, "_left");
+var cssDatePickerControllerArrowRight = "".concat(cssDatePickerControllerArrow, "_right");
+var cssDatePickerDaysGrid = "".concat(cssDatePicker, "__days-grid");
+var cssDatePickerDaysGridRow = "".concat(cssDatePicker, "__days-grid-row");
+var cssDatePickerDaysGridWeekName = "".concat(cssDatePicker, "__days-grid-week-name");
+var cssDatePickerLabelIcon = "".concat(cssDatePicker, "__label-icon");
+var cssDatePickerMonthTable = "".concat(cssDatePicker, "__month-table");
+var cssDatePickerMonthTableItem = "".concat(cssDatePicker, "__month-table-item");
+var cssDatePickerMonthTableItemSelected = "".concat(cssDatePicker, "__month-table-item_selected");
+var cssDatePickerDay = "".concat(cssDatePicker, "__day");
+var cssDatePickerDayNavigation = "".concat(cssDatePickerDay, "_navigation");
+var cssDatePickerDaySelected = "".concat(cssDatePickerDay, "_selected");
+var cssDatePickerDayBlocked = "".concat(cssDatePickerDay, "_blocked");
+var cssDatePickerDayProposed = "".concat(cssDatePickerDay, "_proposed");
+var cssDatePickerDayRangeEndLeft = "".concat(cssDatePickerDay, "_range-end-left");
+var cssDatePickerDayRangeEndLeftProposed = "".concat(cssDatePickerDay, "_range-end-left-proposed");
+var cssDatePickerDayRangeEndRight = "".concat(cssDatePickerDay, "_range-end-right");
+var cssDatePickerDayRangeEndRightProposed = "".concat(cssDatePickerDay, "_range-end-right-proposed");
+var cssDatePickerDayInRange = "".concat(cssDatePickerDay, "_in-range");
+var cssDatePickerDayText = "".concat(cssDatePicker, "__day-text");
+var cssDatePickerDayTextRoundedBorders = "".concat(cssDatePickerDayText, "_rounded-borders");
+var cssDatePickerDayTextNavigation = "".concat(cssDatePickerDayText, "_navigation");
+var cssDatePickerDayTextToday = "".concat(cssDatePickerDayText, "_today");
+var cssDatePickerDayTextSelected = "".concat(cssDatePickerDayText, "_selected");
 var cssRangePicker = "range-picker";
-var cssRangePickerContainer = cssRangePicker + "__container";
+var cssRangePickerContainer = "".concat(cssRangePicker, "__container");
 
 exports.cssDatePicker = cssDatePicker;
 exports.cssDatePickerCommonRanges = cssDatePickerCommonRanges;

package/build/cjs/packages/aurora/src/components/date_picker/hoc/range_picker.js

@@ -18,11 +18,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var RangePicker = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
-    var _c, _d;
+    var _b, _c;
+    var _d = _a.className, className = _d === void 0 ? '' : _d, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
     var _e = React.useContext(value_controller_context['default']), defaultRange = _e.defaultRange, value = _e.value;
-    var earlierDate = ((_c = value) === null || _c === void 0 ? void 0 : _c.startDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.startDate) || new Date(Date.now());
-    var laterDate = ((_d = value) === null || _d === void 0 ? void 0 : _d.endDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.endDate) || new Date(earlierDate.getFullYear(), earlierDate.getMonth() + 1);
+    var earlierDate = ((_b = value) === null || _b === void 0 ? void 0 : _b.startDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.startDate) || new Date(Date.now());
+    var laterDate = ((_c = value) === null || _c === void 0 ? void 0 : _c.endDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.endDate) || new Date(earlierDate.getFullYear(), earlierDate.getMonth() + 1);
     var _f = React.useState({
         year: earlierDate.getFullYear(),
         month: earlierDate.getMonth(),

package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_animation.js

@@ -16,7 +16,7 @@ var useStyles = reactJss_esm.createUseStyles({
     animation: {
         transition: function (_a) {
             var offset = _a.offset, animation = _a.animation;
-            return (animation ? offset + "ms" : '0s');
+            return (animation ? "".concat(offset, "ms") : '0s');
         },
         overflow: 'hidden',
         opacity: function (_a) {

package/build/cjs/packages/aurora/src/components/date_picker/hooks/use_value_controller.js

@@ -114,7 +114,7 @@ var useRangeValueController = function (_a) {
             setValue({ startDate: date });
         }
     };
-    var readable = formats.formatDate(startDate) + " - " + formats.formatDate(endDate);
+    var readable = "".concat(formats.formatDate(startDate), " - ").concat(formats.formatDate(endDate));
     var inputValue = JSON.stringify([startDate, endDate]);
     var isSelected = function (date) {
         return isSameDate(date, startDate) || isSameDate(date, endDate) || isSameDate(date, hoverDate);
@@ -202,11 +202,7 @@ var useValueController = function (_a) {
     React.useEffect(function () {
         restoreDefaultValue();
     }, [defaultDate, defaultRange]);
-    return _tslib.__assign(_tslib.__assign({}, valueController), { navigationDate: navigationDate,
-        setNavigationDate: setNavigationDate,
-        isNavigation: isNavigation,
-        setHoverDate: setHoverDate,
-        isToday: isToday });
+    return _tslib.__assign(_tslib.__assign({}, valueController), { navigationDate: navigationDate, setNavigationDate: setNavigationDate, isNavigation: isNavigation, setHoverDate: setHoverDate, isToday: isToday });
 };
 
 exports.default = useValueController;