@dreamcommerce/aurora 0.4.3 → 0.4.5

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

@@ -3,12 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _tslib = require('../../../../../../../_virtual/_tslib.js');
 var with_translation = require('../../../../utilities/translation/with_translation.js');
 var index$2 = require('../../index.js');
 var index$3 = require('../../../hint/index.js');
 var value_controller_context = require('../../../date_picker/context/value_controller_context.js');
-require('../../../date_picker/context/month_year_navigation_context.js');
 var index$1 = require('../../../dropdown/index.js');
 var label = require('../../../date_picker/components/label.js');
 var use_value_controller = require('../../../date_picker/hooks/use_value_controller.js');
@@ -19,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var DatepickerViews = {
+const DatepickerViews = {
     single: single_date_picker.SingleDatepicker,
     range: range_picker.RangePicker
 };
@@ -35,23 +33,22 @@ var DatepickerViews = {
  *  />
  * )
  */
-var ControlDatepicker = function (_a) {
-    var onChange = _a.onChange, label$1 = _a.label, name = _a.name, isRequired = _a.isRequired, _b = _a.id, id = _b === void 0 ? 'datepicker-id' : _b, _c = _a.type, type = _c === void 0 ? 'single' : _c, defaultDate = _a.defaultDate, defaultRange = _a.defaultRange, maxDate = _a.maxDate, minDate = _a.minDate, maxRange = _a.maxRange, minRange = _a.minRange, className = _a.className, _d = _a.showDefaultRanges, showDefaultRanges = _d === void 0 ? true : _d, _e = _a.showButtons, showButtons = _e === void 0 ? true : _e, errors = _a.errors, hint = _a.hint;
-    var valueController = use_value_controller['default']({
-        type: type,
-        defaultDate: defaultDate,
-        defaultRange: defaultRange,
-        maxDate: maxDate,
-        minDate: minDate,
-        maxRange: maxRange,
-        minRange: minRange,
-        showButtons: showButtons
+const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'datepicker-id', type = 'single', defaultDate, defaultRange, maxDate, minDate, maxRange, minRange, className, showDefaultRanges = true, showButtons = true, errors, hint }) => {
+    const valueController = use_value_controller['default']({
+        type,
+        defaultDate,
+        defaultRange,
+        maxDate,
+        minDate,
+        maxRange,
+        minRange,
+        showButtons
     });
-    var value = valueController.value;
-    React.useEffect(function () {
+    const { value } = valueController;
+    React.useEffect(() => {
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
     }, [value]);
-    var DatePickerComponent = DatepickerViews[type];
+    const DatePickerComponent = DatepickerViews[type];
     return (React__default['default'].createElement(value_controller_context['default'].Provider, { value: valueController },
         React__default['default'].createElement(index$1['default'].CustomLabel, null,
             React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
@@ -65,8 +62,8 @@ var ControlDatepicker = function (_a) {
         React__default['default'].createElement(index$1['default'].Content, null,
             React__default['default'].createElement(DatePickerComponent, { className: className, showButtons: showButtons, showDefaultRanges: showDefaultRanges }))));
 };
-var DatePickerWithDropdown = function (props) { return (React__default['default'].createElement(index$1['default'], null,
-    React__default['default'].createElement(ControlDatepicker, _tslib.__assign({}, props)))); };
+const DatePickerWithDropdown = (props) => (React__default['default'].createElement(index$1['default'], null,
+    React__default['default'].createElement(ControlDatepicker, { ...props })));
 var index = with_translation['default'](DatePickerWithDropdown);
 
 exports.default = index;

package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -11,8 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ControlFilePicker = function (_a) {
-    var label = _a.label, isRequired = _a.isRequired, id = _a.id, name = _a.name, onChange = _a.onChange, allowedExtensions = _a.allowedExtensions, initialFile = _a.initialFile, className = _a.className, errors = _a.errors, hint = _a.hint;
+const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,

package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/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;"}
+{"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/controls/hoc/control_input/index.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _tslib = require('../../../../../../../_virtual/_tslib.js');
 var index = require('../../index.js');
 var index$1 = require('../../../hint/index.js');
 
@@ -26,15 +25,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-var ControlInput = function (_a) {
-    var label = _a.label, isRequired = _a.isRequired, id = _a.id, name = _a.name, value = _a.value, placeholder = _a.placeholder, prefix = _a.prefix, postfix = _a.postfix, disabled = _a.disabled, onChange = _a.onChange, onKeyPress = _a.onKeyPress, onKeyUp = _a.onKeyUp, hint = _a.hint, errors = _a.errors, props = _tslib.__rest(_a, ["label", "isRequired", "id", "name", "value", "placeholder", "prefix", "postfix", "disabled", "onChange", "onKeyPress", "onKeyUp", "hint", "errors"]);
+const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, errors, ...props }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, { prefix: prefix, postfix: postfix },
-                React__default['default'].createElement(index['default'].Input, _tslib.__assign({ id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }, props)))),
+                React__default['default'].createElement(index['default'].Input, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/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;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;"}

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

@@ -11,8 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ControlMultiSelect = function (_a) {
-    var label = _a.label, isRequired = _a.isRequired, id = _a.id, name = _a.name, defaultValues = _a.defaultValues, options = _a.options, isWithGroups = _a.isWithGroups, isWithSearch = _a.isWithSearch, defaultIsOpen = _a.defaultIsOpen, defaultCloseOnClick = _a.defaultCloseOnClick, isReadonly = _a.isReadonly, isDisabled = _a.isDisabled, onChange = _a.onChange, onToggle = _a.onToggle, errors = _a.errors, hint = _a.hint;
+const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,

package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/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;"}
+{"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/controls/hoc/control_radio/index.js

@@ -24,8 +24,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-var ControlRadio = function (_a) {
-    var id = _a.id, label = _a.label, hint = _a.hint, name = _a.name, value = _a.value, defaultChecked = _a.defaultChecked, checked = _a.checked, disabled = _a.disabled, onClick = _a.onClick, errors = _a.errors, additionalInfo = _a.additionalInfo;
+const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, disabled, onClick, errors, additionalInfo }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, { type: "radio", verticalPosition: additionalInfo ? positions.VERTICAL_POSITION.top : undefined },

package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/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;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;"}

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

@@ -11,16 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ControlRadioGroup = function (_a) {
-    var id = _a.id, name = _a.name, onClick = _a.onClick, checkedValue = _a.checkedValue, defaultCheckedValue = _a.defaultCheckedValue, label = _a.label, hint = _a.hint, options = _a.options, errors = _a.errors, isRequired = _a.isRequired;
+const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, options, errors, isRequired }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: true, spacingLeft: true, hint: hint }))),
-        options.map(function (_a) {
-            var value = _a.value, label = _a.label, hint = _a.hint, disabled = _a.disabled;
-            return (React__default['default'].createElement(index$2['default'], { key: "RadioGroup".concat(id, "-RadioElement-").concat(value), label: label, id: "RadioGroup".concat(id, "-Radio-").concat(value), value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }));
-        }),
+        options.map(({ value, label, hint, disabled }) => (React__default['default'].createElement(index$2['default'], { key: `RadioGroup${id}-RadioElement-${value}`, label: label, id: `RadioGroup${id}-Radio-${value}`, value: value, hint: hint, disabled: disabled, name: name, defaultChecked: defaultCheckedValue ? defaultCheckedValue === value : undefined, checked: checkedValue ? checkedValue === value : undefined, onClick: onClick }))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/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;"}
+{"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/controls/hoc/control_range/index.js

@@ -11,8 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ControlRange = function (_a) {
-    var label = _a.label, hint = _a.hint, isRequired = _a.isRequired, id = _a.id, name = _a.name, isDisabled = _a.isDisabled, onChange = _a.onChange, initialValue = _a.initialValue, step = _a.step, max = _a.max, min = _a.min, errors = _a.errors;
+const ControlRange = ({ label, hint, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,

package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/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;"}
+{"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/controls/hoc/control_select/index.js

@@ -26,8 +26,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-var ControlSelect = function (_a) {
-    var label = _a.label, isRequired = _a.isRequired, id = _a.id, name = _a.name, defaultValues = _a.defaultValues, options = _a.options, isWithGroups = _a.isWithGroups, isWithSearch = _a.isWithSearch, defaultIsOpen = _a.defaultIsOpen, defaultCloseOnClick = _a.defaultCloseOnClick, isReadonly = _a.isReadonly, isDisabled = _a.isDisabled, onChange = _a.onChange, onToggle = _a.onToggle, errors = _a.errors, hint = _a.hint;
+const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,

package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/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;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;"}

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

@@ -11,8 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ControlTagsSelector = function (_a) {
-    var id = _a.id, name = _a.name, label = _a.label, isRequired = _a.isRequired, placeholder = _a.placeholder, minTagLength = _a.minTagLength, withList = _a.withList, defaultTags = _a.defaultTags, defaultListTags = _a.defaultListTags, onChange = _a.onChange, onListItemClick = _a.onListItemClick, errors = _a.errors, hint = _a.hint;
+const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,

package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/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;"}
+{"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/controls/hoc/control_textarea/index.js

@@ -25,8 +25,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-var ControlTextarea = function (_a) {
-    var label = _a.label, isRequired = _a.isRequired, id = _a.id, name = _a.name, value = _a.value, placeholder = _a.placeholder, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, onKeyPress = _a.onKeyPress, errors = _a.errors, hint = _a.hint;
+const ControlTextarea = ({ label, isRequired, id, name, value, placeholder, disabled, readOnly, onChange, onKeyPress, errors, hint }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
         (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,

package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/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;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;"}

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

@@ -21,10 +21,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 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: "".concat(main_module['default'][css_classes.cssControls], " ").concat(errors ? main_module['default'][css_classes.cssControlsError] : '') }, children)));
+const Control = ({ children, errors, name, id }) => {
+    return (React__default['default'].createElement(context.ControlContext.Provider, { value: { errors, name, id } },
+        React__default['default'].createElement("div", { className: `${main_module['default'][css_classes.cssControls]} ${errors ? main_module['default'][css_classes.cssControlsError] : ''}` }, children)));
 };
 Control.Label = label['default'];
 Control.Input = input['default'];

package/build/cjs/packages/aurora/src/components/controls/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;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;"}

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

@@ -4,42 +4,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var _tslib = require('../../../../../../_virtual/_tslib.js');
 var index$2 = require('../../button/index.js');
 var index$1 = require('../../buttons_group/index.js');
 var index = require('../../dropdown/context/index.js');
 var use_screen_detect = require('../../../hooks/use_screen_detect.js');
 var value_controller_context = require('../context/value_controller_context.js');
-require('../context/month_year_navigation_context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Buttons = function () {
-    var t = useTranslation.useTranslation()[0];
-    var toggleDropdown = React.useContext(index.DropdownContext).toggleDropdown;
-    var restoreDefaultValue = React.useContext(value_controller_context['default']).restoreDefaultValue;
-    var screenSize = use_screen_detect.useScreenDetect();
-    var onCancel = function () {
+const Buttons = () => {
+    const [t] = useTranslation.useTranslation();
+    const { toggleDropdown } = React.useContext(index.DropdownContext);
+    const { restoreDefaultValue } = React.useContext(value_controller_context['default']);
+    const screenSize = use_screen_detect.useScreenDetect();
+    const onCancel = () => {
         restoreDefaultValue === null || restoreDefaultValue === void 0 ? void 0 : restoreDefaultValue();
         toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
     };
-    var onChoose = function () {
+    const onChoose = () => {
         toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
     };
-    var primaryButtonProps = {
+    const primaryButtonProps = {
         variant: screenSize === 'xs' ? undefined : 'link',
         size: screenSize === 'xs' ? 'small' : undefined
     };
-    var secondaryButtonProps = {
+    const secondaryButtonProps = {
         variant: screenSize === 'xs' ? 'outline' : 'link',
         size: screenSize === 'xs' ? 'small' : undefined,
         color: screenSize === 'xs' ? undefined : 'secondary'
     };
     return (React__default['default'].createElement(index$1['default'], null,
-        React__default['default'].createElement(index$2['default'], _tslib.__assign({ as: "button" }, secondaryButtonProps, { onClick: onCancel }), t('cancel')),
-        React__default['default'].createElement(index$2['default'], _tslib.__assign({ as: "button" }, primaryButtonProps, { onClick: onChoose }), t('choose'))));
+        React__default['default'].createElement(index$2['default'], { as: "button", ...secondaryButtonProps, onClick: onCancel }, t('cancel')),
+        React__default['default'].createElement(index$2['default'], { as: "button", ...primaryButtonProps, onClick: onChoose }, t('choose'))));
 };
 
 exports.default = Buttons;

package/build/cjs/packages/aurora/src/components/date_picker/components/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/date_picker/components/common_ranges.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var value_controller_context = require('../context/value_controller_context.js');
-require('../context/month_year_navigation_context.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
 var index = require('../../dropdown/hoc/select/index.js');
@@ -15,14 +14,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var CommonRanges = function () {
-    var setValue = React.useContext(value_controller_context['default']).setValue;
-    var ref = React.useRef(null);
-    var t = useTranslation.useTranslation()[0];
-    var dateRanges = utilities.getRanges();
-    var availableOptions = Object.keys(dateRanges).map(function (item) { return ({ value: item, text: t(item) }); });
-    var onChange = function (_a) {
-        var value = _a.value;
+const CommonRanges = () => {
+    const { setValue } = React.useContext(value_controller_context['default']);
+    const ref = React.useRef(null);
+    const [t] = useTranslation.useTranslation();
+    const dateRanges = utilities.getRanges();
+    const availableOptions = Object.keys(dateRanges).map((item) => ({ value: item, text: t(item) }));
+    const onChange = ({ value }) => {
         setValue(dateRanges[value]);
     };
     return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerCommonRanges], ref: ref },

package/build/cjs/packages/aurora/src/components/date_picker/components/common_ranges.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;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,6BAA6B,oEAAwE;AACrG;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/date_picker/components/days_grid.js

@@ -14,17 +14,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var DaysGrid = function () {
-    var _a = React.useContext(month_year_navigation_context['default']), year = _a.year, month = _a.month, animationClassName = _a.animationClassName;
-    var daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getDate();
-    var firstWeekDay = (new Date(year, month, 1).getDay() + 6) % 7;
-    var updateDate = React.useContext(value_controller_context['default']).updateDate;
-    var weekNameShortcuts = use_date_names['default']().weekNameShortcuts;
+const DaysGrid = () => {
+    const { year, month, animationClassName } = React.useContext(month_year_navigation_context['default']);
+    const daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getDate();
+    const firstWeekDay = (new Date(year, month, 1).getDay() + 6) % 7;
+    const { updateDate } = React.useContext(value_controller_context['default']);
+    const { weekNameShortcuts } = use_date_names['default']();
     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-".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) })); }))));
+        React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssDatePickerDaysGridRow] }, weekNameShortcuts.map((weekName, index) => (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((_, index) => (React__default['default'].createElement("div", { key: `empty-day-${index}` }))),
+            Array.from(Array(daysInMonth).keys()).map((_, index) => (React__default['default'].createElement(single_day['default'], { date: index + 1, month: month, year: year, updateDate: updateDate, key: `day-${index}` }))))));
 };
 
 exports.default = DaysGrid;

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var value_controller_context = require('../context/value_controller_context.js');
-require('../context/month_year_navigation_context.js');
 var input_wrapper = require('../../controls/components/input_wrapper.js');
 var icon_calendar = require('../../../assets/icon_calendar.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
@@ -14,9 +13,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var DatepickerLabel = function (_a) {
-    var name = _a.name;
-    var _b = React.useContext(value_controller_context['default']), readable = _b.readable, inputValue = _b.inputValue;
+const DatepickerLabel = ({ name }) => {
+    const { readable, inputValue } = React.useContext(value_controller_context['default']);
     return (React__default['default'].createElement(React__default['default'].Fragment, null,
         React__default['default'].createElement(input_wrapper['default'], { value: readable, preElements: React__default['default'].createElement(icon_calendar['default'], { className: main_module['default'][css_classes.cssDatePickerLabelIcon] }) }),
         React__default['default'].createElement("input", { type: "hidden", name: name, value: inputValue })));

package/build/cjs/packages/aurora/src/components/date_picker/components/label.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;"}
+{"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/date_picker/components/month_controller.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-require('../context/value_controller_context.js');
 var month_year_navigation_context = require('../context/month_year_navigation_context.js');
 var index = require('../../dropdown/index.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
@@ -17,20 +16,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var MonthController = function (_a) {
-    var month = _a.month, year = _a.year;
-    var _b = React.useContext(month_year_navigation_context['default']), previousMonth = _b.previousMonth, nextMonth = _b.nextMonth, animationClassName = _b.animationClassName;
-    var monthNames = use_date_names['default']().monthNames;
-    var controllerRef = React.useRef(null);
+const MonthController = ({ month, year }) => {
+    const { previousMonth, nextMonth, animationClassName } = React.useContext(month_year_navigation_context['default']);
+    const { monthNames } = use_date_names['default']();
+    const controllerRef = React.useRef(null);
     use_keyboard_navigation.useKeyboardNavigation();
-    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 }),
+    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 }),
         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: "".concat(monthNames[month], " ").concat(year) }),
+                React__default['default'].createElement(index['default'].Label, { cssClass: animationClassName, label: `${monthNames[month]} ${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: "".concat(main_module['default'][css_classes.cssDatePickerControllerArrow], " ").concat(main_module['default'][css_classes.cssDatePickerControllerArrowRight]), "data-test-id": constants.DATE_PICKER_TEST_ID.arrowRight })));
+        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 })));
 };
 
 exports.default = MonthController;

package/build/cjs/packages/aurora/src/components/date_picker/components/month_controller.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;"}
+{"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;"}

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var index = require('../../../../dropdown/context/index.js');
-require('../../../context/value_controller_context.js');
 var month_year_navigation_context = require('../../../context/month_year_navigation_context.js');
 var main_module = require('../../../../../css/date_picker/main.module.less.js');
 var css_classes = require('../../../css_classes.js');
@@ -15,15 +14,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var MonthView = function () {
-    var monthNameShortcuts = use_date_names['default']().monthNameShortcuts;
-    var _a = React.useContext(month_year_navigation_context['default']), setMonth = _a.setMonth, month = _a.month;
-    var toggleDropdown = React.useContext(index.DropdownContext).toggleDropdown;
-    var onMonthClick = function (monthIndex) { return function () {
+const MonthView = () => {
+    const { monthNameShortcuts } = use_date_names['default']();
+    const { setMonth, month } = React.useContext(month_year_navigation_context['default']);
+    const { toggleDropdown } = React.useContext(index.DropdownContext);
+    const onMonthClick = (monthIndex) => () => {
         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-".concat(index), onClick: onMonthClick(index), className: "".concat(main_module['default'][css_classes.cssDatePickerMonthTableItem], " ").concat(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((index) => (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])))));
 };
 
 exports.default = MonthView;

package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.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;"}
+{"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/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js

@@ -11,12 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 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;
+const MonthYearPickerController = () => {
+    const { onArrowLeft, onArrowRight, monthPickerTitle, toggleView } = React.useContext(context.MonthYearPickerContext);
     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: "".concat(main_module['default'][css_classes.cssDatePickerControllerArrow], " ").concat(main_module['default'][css_classes.cssDatePickerControllerArrowLeft]) }),
+        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", { 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: "".concat(main_module['default'][css_classes.cssDatePickerControllerArrow], " ").concat(main_module['default'][css_classes.cssDatePickerControllerArrowRight]) })));
+        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]}` })));
 };
 
 exports.default = MonthYearPickerController;