@dreamcommerce/aurora 2.4.2-1 → 2.4.3-1

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

@@ -27,9 +27,10 @@ const ColorPickerLabel = ({ name, isRequired, id }) => {
         if (isOpen && color.hex) {
             setInitialColor(color);
         }
+        // eslint-disable-next-line
     }, [isOpen]);
-    return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColoPickerLabel] },
-        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: `${main_module['default'][css_classes.cssColoPickerLabelColorPreview]} ${classes.colorPreview} ${main_module['default'][css_classes.cssColorPickerInputColorPreview]}` }) }),
+    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", { 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/label.js.map

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

@@ -14,12 +14,8 @@ const cssColorPickerMask = `${cssColorPicker}__mask`;
 const cssColorPickerMaskWhite = `${cssColorPickerMask}_white`;
 const cssColorPickerMaskBlack = `${cssColorPickerMask}_black`;
 const cssColorPickerPreviewContainer = `${cssColorPicker}__preview-container`;
-const cssColorPickerPreview = `${cssColorPicker}__preview`;
-const cssColoPickerLabel = `${cssColorPicker}__label`;
-const cssColoPickerLabelColorPreview = `${cssColorPicker}__label-color-preview`;
+const cssColorPickerPreview = `${cssColorPicker}__preview`;
 
-exports.cssColoPickerLabel = cssColoPickerLabel;
-exports.cssColoPickerLabelColorPreview = cssColoPickerLabelColorPreview;
 exports.cssColorPicker = cssColorPicker;
 exports.cssColorPickerButtonsGroup = cssColorPickerButtonsGroup;
 exports.cssColorPickerHuePicker = cssColorPickerHuePicker;

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

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

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classnames = require('classnames');
+var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/helper/main.module.less.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const Helper = ({ children, hasError }) => {
+    const helperClassNames = classnames__default['default'](main_module['default'][css_classes.cssHelper], {
+        [main_module['default'][css_classes.cssHelperError]]: hasError
+    });
+    return React__default['default'].createElement("p", { className: helperClassNames }, children);
+};
+
+exports.default = Helper;
+//# sourceMappingURL=helper.js.map

package/build/cjs/packages/aurora/src/components/{typography/index.js.map → controls/components/helper.js.map}

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

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

@@ -7,7 +7,6 @@ var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/input/main.module.less.js');
 var context = require('../context.js');
-var main_module$1 = require('../../../css/controls/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,7 +15,7 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
 const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp, children, ...props }) => {
     const { errors } = context.useControlContext();
-    const inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], {
+    const inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], {
         [main_module['default'][css_classes.cssControlS]]: padding === 'small',
         [main_module['default'][css_classes.cssControlError]]: errors,
         [main_module['default'][css_classes.cssControlDisabled]]: disabled,

package/build/cjs/packages/aurora/src/components/controls/components/input.js.map

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

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

@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlLabel = ({ id, isRequired, children, additionalInfo }) => {
+const ControlLabel = ({ id, isRequired, children }) => {
     return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssControlsLabel] },
-        React__default['default'].createElement(index['default'], { htmlFor: id, isRequired: isRequired, additionalInfo: additionalInfo }, children)));
+        React__default['default'].createElement(index['default'], { htmlFor: id, isRequired: isRequired }, children)));
 };
 
 exports.default = ControlLabel;

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

@@ -43,7 +43,9 @@ const cellSelector = 'cell-selector';
 const cellSelectorContainer = `${cellSelector}__container`;
 const cellSelectorRow = `${cellSelector}__row`;
 const cellSelectorCell = `${cellSelector}__cell`;
-const cellSelectorCellActive = `${cellSelectorCell}_active`;
+const cellSelectorCellActive = `${cellSelectorCell}_active`;
+const cssHelper = 'helper';
+const cssHelperError = `${cssHelper}_error`;
 
 exports.cellSelector = cellSelector;
 exports.cellSelectorCell = cellSelectorCell;
@@ -83,6 +85,8 @@ exports.cssControlsErrors = cssControlsErrors;
 exports.cssControlsErrorsList = cssControlsErrorsList;
 exports.cssControlsErrorsListItem = cssControlsErrorsListItem;
 exports.cssControlsLabel = cssControlsLabel;
+exports.cssHelper = cssHelper;
+exports.cssHelperError = cssHelperError;
 exports.radio = radio;
 exports.radioControl = radioControl;
 exports.radioDisabled = radioDisabled;

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

@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true } }) => {
     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, additionalInfo: labelAdditionalInfo },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$1 = require('../../../label/index.js');
+var index$2 = require('../../../label/index.js');
 var index = require('../../index.js');
-var index$2 = require('../../../hint/index.js');
+var index$1 = require('../../../hint/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -23,15 +23,19 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, labelAdditionalInfo, label, name, value, initiallyChecked, disabled, onChange, isRequired, errors }) => {
+const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, label, name, value, initiallyChecked, disabled, onChange, helper, labelTop, hintTop, hintTopOptions = { isFixed: true }, isRequired, errors }) => {
     return (React__default['default'].createElement(index['default'], { errors: errors, name: name, id: id },
+        (labelTop || hintTop) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
+            labelTop,
+            hintTop && React__default['default'].createElement(index$1['default'], { fixed: hintTopOptions.isFixed, spacingLeft: true, hint: hintTop }))),
+        helper && React__default['default'].createElement(index['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, { type: "checkbox" },
                 React__default['default'].createElement(index['default'].Checkbox, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
-                React__default['default'].createElement(index$1['default'], { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
+                React__default['default'].createElement(index$2['default'], { htmlFor: id },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

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

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

@@ -23,12 +23,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors, labelAdditionalInfo }) => {
+const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors }) => {
     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: "checkbox" },
                 React__default['default'].createElement(index['default'].CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
-                React__default['default'].createElement(index$1['default'], { htmlFor: id, additionalInfo: labelAdditionalInfo },
+                React__default['default'].createElement(index$1['default'], { htmlFor: id },
                     label,
                     hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
         React__default['default'].createElement(index['default'].Errors, null)));

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

@@ -28,13 +28,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true } }) => {
     const colorPickerContext = use_color_picker.useColorPicker({ initialColorHex: initialColor, onChange });
     return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: colorPickerContext },
         React__default['default'].createElement(index$1['default'], null,
             React__default['default'].createElement(index$1['default'].CustomLabel, null,
                 React__default['default'].createElement(index$2['default'], { errors: errors, name: name, id: id },
-                    (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
+                    (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
                         label$1,
                         hint && React__default['default'].createElement(index$3['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
                     React__default['default'].createElement(index$2['default'].Content, null,

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

@@ -33,7 +33,7 @@ const DatepickerViews = {
  *  />
  * )
  */
-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, labelAdditionalInfo }) => {
+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,
@@ -52,7 +52,7 @@ const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'd
     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 },
-                (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
+                (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
                     label$1,
                     hint && React__default['default'].createElement(index$3['default'], { fixed: true, spacingLeft: true, hint: hint }))),
                 React__default['default'].createElement(index$2['default'].Content, null,

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

@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true } }) => {
     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, additionalInfo: labelAdditionalInfo },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -25,11 +25,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, labelAdditionalInfo, additionalInfo, ...props }) => {
+const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, hintOptions = { isFixed: true }, errors, helper, additionalInfo, ...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, additionalInfo: labelAdditionalInfo },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+        helper && React__default['default'].createElement(index['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         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, { id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp, ...props }))),

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;"}
+{"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;"}

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

@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon, labelAdditionalInfo }) => {
+const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon }) => {
     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, additionalInfo: labelAdditionalInfo },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -24,15 +24,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
+const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, 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: labelAdditionalInfo ? positions.VERTICAL_POSITION.top : undefined },
+            React__default['default'].createElement(index['default'].Element, { type: "radio", verticalPosition: additionalInfo ? positions.VERTICAL_POSITION.top : undefined },
                 React__default['default'].createElement(index['default'].Radio, { id: id, name: name, value: value, defaultChecked: defaultChecked, checked: checked, disabled: disabled, onClick: onClick }),
-                React__default['default'].createElement(index$1['default'], { additionalInfo: labelAdditionalInfo, htmlFor: id },
+                React__default['default'].createElement(index$1['default'], { htmlFor: id },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true }),
+                    additionalInfo && React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo)))),
         React__default['default'].createElement(index['default'].Errors, null)));
 };
 

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;"}
+{"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,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, options, errors, isRequired, labelAdditionalInfo }) => {
+const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, hintOptions = { isFixed: true }, 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, additionalInfo: labelAdditionalInfo },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         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 }))),

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

@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors, labelAdditionalInfo }) => {
+const ControlRange = ({ label, hint, hintOptions = { isFixed: true }, 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, additionalInfo: labelAdditionalInfo },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -26,9 +26,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon, labelAdditionalInfo }) => {
+const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent, hasCloseIcon }) => {
     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, additionalInfo: labelAdditionalInfo },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -11,9 +11,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true } }) => {
     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, additionalInfo: labelAdditionalInfo },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,

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

@@ -25,11 +25,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }, ref) => {
+const ControlTextarea = React__default['default'].forwardRef(({ label, isRequired, id, name, value, defaultValue, placeholder, disabled, readOnly, onChange, onFocus, onBlur, onKeyPress, errors, hint, hintOptions = { isFixed: true }, helper }, ref) => {
     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, additionalInfo: labelAdditionalInfo },
+        (label || hint) && (React__default['default'].createElement(index['default'].Label, { id: id, isRequired: isRequired },
             label,
             hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+        helper && React__default['default'].createElement(index['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index['default'].Textarea, { id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, onKeyPress: onKeyPress, ref: ref }))),

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;AACA;AACA;"}

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var css_classes = require('./css_classes.js');
 var context = require('./context.js');
-var main_module = require('../../css/controls/main.module.less.js');
 var input = require('./components/input.js');
+var main_module = require('../../css/controls/main.module.less.js');
 var additional_info = require('./components/additional_info.js');
 var checkbox = require('./components/checkbox.js');
 var checkbox_switch = require('./components/checkbox_switch.js');
@@ -14,6 +14,7 @@ var content = require('./components/content.js');
 var label = require('./components/label.js');
 var element = require('./components/element.js');
 var errors = require('./components/errors.js');
+var helper = require('./components/helper.js');
 var radio = require('./components/radio.js');
 var textarea = require('./components/textarea.js');
 
@@ -21,9 +22,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Control = ({ children, errors, name, id, onClick }) => {
+const Control = ({ children, errors, name, id }) => {
     return (React__default['default'].createElement(context.ControlContext.Provider, { value: { errors, name, id } },
-        React__default['default'].createElement("div", { onClick: onClick, className: `${main_module['default'][css_classes.cssControls]} ${errors ? main_module['default'][css_classes.cssControlsError] : ''}` }, children)));
+        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'];
@@ -34,7 +35,8 @@ Control.Content = content['default'];
 Control.Element = element['default'];
 Control.Textarea = textarea['default'];
 Control.Errors = errors['default'];
-Control.AdditionalInfo = additional_info.AdditionalInfo;
+Control.AdditionalInfo = additional_info.AdditionalInfo;
+Control.Helper = helper['default'];
 
 exports.default = Control;
 //# sourceMappingURL=index.js.map

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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/dropdown/components/content.js

@@ -18,7 +18,6 @@ var main_module = require('../../../css/dropdown/main.module.less.js');
 var utilities = require('../utilities.js');
 var use_click_outside = require('../../../hooks/use_click_outside.js');
 var icon_arrow = require('../../../assets/icon_arrow.js');
-var utilities$1 = require('@dreamcommerce/utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -30,26 +29,38 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Content> ... </Dropdown.Content>
  */
-const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', portalContainer }) => {
+const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', horizontalPosition = 'left', verticalPosition = 'bottom', wrapperWidth, cssClass, portalContainer }) => {
     const [t] = useTranslation.useTranslation();
     const contentRef = React.useRef(null);
-    const { wrapperRef, toggleDropdown, isOpen, closeDropdown } = index.useDropdownContext();
+    const { wrapperRef, toggleDropdown, isOpen } = index.useDropdownContext();
     const [styles, setStyles] = React.useState({
-        left: '0px',
         top: '0px',
         bottom: '0px',
+        left: '0px',
         zIndex: constants.DROPDOWN_Z_INDEX
     });
-    const windowHeightMinusYOffset = window.innerHeight - window.pageYOffset;
-    const checkIfIsOutsideBottomViewport = (elem) => {
-        const bounding = elem.getBoundingClientRect();
-        return bounding.bottom > windowHeightMinusYOffset;
+    const windowYScroll = window.scrollY;
+    const windowHeightMinusYOffset = window.innerHeight - windowYScroll;
+    const checkIfIsOutsideTopViewport = () => {
+        if (!contentRef.current)
+            return;
+        const bounding = contentRef.current.getBoundingClientRect();
+        return bounding.top <= 0;
     };
-    const dropdownIsOutsideBottomViewport = contentRef.current && checkIfIsOutsideBottomViewport(contentRef.current);
+    const checkIfIsOutsideBottomViewport = () => {
+        if (!contentRef.current)
+            return;
+        const element = contentRef.current;
+        const elementHeight = element.getBoundingClientRect().height;
+        return elementHeight + element.offsetTop > window.innerHeight + windowYScroll;
+    };
+    const dropdownIsOutsideTopViewport = checkIfIsOutsideTopViewport();
+    const dropdownIsOutsideBottomViewport = checkIfIsOutsideBottomViewport();
     const contentClassName = classNames.classNames([
         css_classes.cssDropdownContent,
         arrowSide === 'right' && css_classes.cssDropdownArrowHorizontalDirectionRight,
-        dropdownIsOutsideBottomViewport && css_classes.cssDropdownArrowVerticalDirectionBottom
+        dropdownIsOutsideBottomViewport && css_classes.cssDropdownArrowVerticalDirectionBottom,
+        cssClass
     ], main_module['default']);
     const screenWidthName = use_screen_detect.useScreenDetect();
     const refs = [contentRef];
@@ -62,34 +73,50 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
         }
     });
     React.useEffect(() => {
-        if (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) {
+        if ((wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) && contentRef.current) {
             const { x, y, height } = wrapperRef.current.getBoundingClientRect();
+            const { width: contentWidth } = contentRef.current.getBoundingClientRect();
             const yOffset = 10;
             const { xModifier, yModifier } = utilities.getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current);
-            const positionTop = height + y + yOffset - yModifier;
+            const positionTop = height + y + windowYScroll + yOffset - yModifier;
             const positionBottom = windowHeightMinusYOffset - y + yOffset;
             const positionLeft = x - xModifier;
             const isInModal = utilities.isChildOfModal(wrapperRef);
             const zIndex = isInModal ? constants.DROPDOWN_ON_MODAL_Z_INDEX : constants.DROPDOWN_Z_INDEX;
-            const topPositionValue = !dropdownIsOutsideBottomViewport ? `${positionTop}px` : 'auto';
-            const bottomPositionValue = dropdownIsOutsideBottomViewport ? `${positionBottom}px` : 'auto';
+            let topPositionValue = '';
+            let bottomPositionValue = '';
+            let leftPositionValue = '';
+            let leftPositionStickedToRightBorderValue;
+            if (horizontalPosition === 'right' && !wrapperWidth) {
+                throw new Error(`To use horizontal right position you must set "wrapperWidth" value`);
+            }
+            if (wrapperWidth) {
+                leftPositionStickedToRightBorderValue = x + wrapperWidth - contentWidth;
+            }
+            horizontalPosition === 'left'
+                ? (leftPositionValue = `${positionLeft}px`)
+                : (leftPositionValue = `${leftPositionStickedToRightBorderValue}px`);
+            if (verticalPosition === 'top') {
+                topPositionValue = 'auto';
+                bottomPositionValue = `${positionBottom}px`;
+                if (dropdownIsOutsideTopViewport) {
+                    topPositionValue = `${positionTop}px`;
+                    bottomPositionValue = 'auto';
+                }
+            }
+            if (verticalPosition === 'bottom') {
+                topPositionValue = `${positionTop}px`;
+                bottomPositionValue = 'auto';
+                if (dropdownIsOutsideBottomViewport) {
+                    topPositionValue = 'auto';
+                    bottomPositionValue = `${positionBottom}px`;
+                }
+            }
             screenWidthName === responsive_breakpoints.SCREEN_XS
-                ? setStyles({ left: `0px`, top: `0px`, bottom: 'auto', zIndex })
-                : setStyles({ left: `${positionLeft}px`, top: topPositionValue, bottom: bottomPositionValue, zIndex });
+                ? setStyles({ top: `0px`, bottom: 'auto', left: `0px`, zIndex })
+                : setStyles({ top: topPositionValue, bottom: bottomPositionValue, left: leftPositionValue, zIndex });
         }
-    }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideBottomViewport]);
-    React.useEffect(() => {
-        var _a;
-        if (!(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) || !isOpen)
-            return;
-        const scrollableParent = (_a = utilities$1.UiDomUtils.getFirstScrollableParent(wrapperRef.current)) !== null && _a !== void 0 ? _a : document.body;
-        const handleWindowScroll = () => {
-            if (typeof closeDropdown === 'function') {
-                closeDropdown();
-            }
-        };
-        scrollableParent.addEventListener('scroll', handleWindowScroll, { once: true });
-    }, [isOpen]);
+    }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, wrapperWidth]);
     return reactDom.createPortal(React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { component: null }, isOpen === true ? (React__default['default'].createElement(reactTransitionGroup.CSSTransition, { timeout: 200, classNames: {
             enter: main_module['default']['dropdown-enter'],
             enterActive: main_module['default']['dropdown-enter-active'],

package/build/cjs/packages/aurora/src/components/dropdown/components/content.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}