@dreamcommerce/aurora 2.4.3-5 → 2.4.3-6

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

@@ -11,11 +11,11 @@ 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, labelAdditionalInfo }) => {
+const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
     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$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(cell_selector['default'], { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),

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

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

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

@@ -8,9 +8,9 @@ var use_color_picker = require('../../../color_picker/use_color_picker.js');
 var with_translation = require('../../../../utilities/translation/with_translation.js');
 var index$4 = require('../../../color_picker/index.js');
 var index$2 = require('../../index.js');
-var index$1 = require('../../../dropdown/index.js');
 var index$3 = require('../../../hint/index.js');
 var label = require('../../../color_picker/components/label.js');
+var index$1 = require('../../../dropdown/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,7 +28,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, labelAdditionalInfo }) => {
+const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
     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,
@@ -36,7 +36,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label:
                 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$3['default'], { spacingLeft: true, hint: hint }))),
+                        hint && React__default['default'].createElement(index$3['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
                     React__default['default'].createElement(index$2['default'].Content, null,
                         React__default['default'].createElement(index$2['default'].Element, null,
                             React__default['default'].createElement(label['default'], { name: name || '', isRequired: isRequired, id: id, label: label$1 }))),

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var with_translation = require('../../../../utilities/translation/with_translation.js');
 var index$2 = require('../../index.js');
-var index$1 = require('../../../dropdown/index.js');
 var index$3 = require('../../../hint/index.js');
-var use_value_controller = require('../../../date_picker/hooks/use_value_controller.js');
+var index$1 = require('../../../dropdown/index.js');
 var value_controller_context = require('../../../date_picker/context/value_controller_context.js');
+var label = require('../../../date_picker/components/label.js');
+var use_value_controller = require('../../../date_picker/hooks/use_value_controller.js');
 var range_picker = require('../../../date_picker/hoc/range_picker.js');
 var single_date_picker = require('../../../date_picker/hoc/single_date_picker.js');
-var label = require('../../../date_picker/components/label.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -54,7 +54,7 @@ const ControlDatepicker = ({ onChange, label: label$1, name, isRequired, id = 'd
             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$3['default'], { spacingLeft: true, hint: hint }))),
+                    hint && React__default['default'].createElement(index$3['default'], { fixed: true, spacingLeft: true, hint: hint }))),
                 React__default['default'].createElement(index$2['default'].Content, null,
                     React__default['default'].createElement(index$2['default'].Element, null,
                         React__default['default'].createElement(label['default'], { name: name, id: id }))),

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

@@ -11,11 +11,11 @@ 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, labelAdditionalInfo }) => {
+const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
     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$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index$2['default'], { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),

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

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

@@ -11,11 +11,11 @@ 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, hasCloseIcon, labelAdditionalInfo }) => {
+const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, hasCloseIcon, labelAdditionalInfo }) => {
     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$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index$2['default'], { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle, hasCloseIcon: hasCloseIcon }))),

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

@@ -24,7 +24,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *  />
  * )
  */
-const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
+const ControlRadio = ({ id, label, hint, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
     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 },
@@ -32,7 +32,7 @@ const ControlRadio = ({ id, label, hint, name, value, defaultChecked, checked, d
                 React__default['default'].createElement(index$1['default'], { additionalInfo: labelAdditionalInfo, htmlFor: id },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$2['default'], { hint: hint, spacingLeft: true })))),
+                    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_radio_group/index.js

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

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

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

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

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

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

@@ -11,11 +11,11 @@ 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, labelAdditionalInfo }) => {
+const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
     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$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React__default['default'].createElement(index['default'].Content, null,
             React__default['default'].createElement(index['default'].Element, null,
                 React__default['default'].createElement(index$2['default'], { id: id, name: name, placeholder: placeholder, minTagLength: minTagLength, withList: withList, defaultTags: defaultTags, tagsListValue: defaultListTags, onChange: onChange, onListItemClick: onListItemClick }))),

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

@@ -25,11 +25,11 @@ 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, 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 }, labelAdditionalInfo }, 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$1['default'], { spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         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/date_picker/components/common_ranges.js

@@ -5,8 +5,8 @@ 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');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var index = require('../../dropdown/hoc/select/index.js');
 var utilities = require('../utilities.js');
 

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var value_controller_context = 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');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var single_day = require('./single_day.js');
 var use_date_names = require('../hooks/use_date_names.js');
 

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var input_wrapper = require('../../controls/components/input_wrapper.js');
 var value_controller_context = require('../context/value_controller_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
-var css_classes = require('../css_classes.js');
 var icon_calendar = require('../../../assets/icon_calendar.js');
+var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var index = require('../../dropdown/index.js');
-var constants = require('../constants.js');
 var month_year_navigation_context = require('../context/month_year_navigation_context.js');
-var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
+var constants = require('../constants.js');
+var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
 var use_date_names = require('../hooks/use_date_names.js');
 var index$1 = require('./month_year_picker/index.js');
 

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var index = require('../../../../dropdown/context/index.js');
-var constants = require('../../../constants.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');
+var main_module = require('../../../../../css/date_picker/main.module.less.js');
+var constants = require('../../../constants.js');
 var use_date_names = require('../../../hooks/use_date_names.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var main_module = require('../../../../../css/date_picker/main.module.less.js');
 var css_classes = require('../../../css_classes.js');
+var main_module = require('../../../../../css/date_picker/main.module.less.js');
 var context = require('../context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var constants$1 = require('../../../constants.js');
 var month_year_navigation_context = require('../../../context/month_year_navigation_context.js');
+var constants$1 = require('../../../constants.js');
 var context = require('../context.js');
 var constants = require('../constants.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var constants = require('../../../constants.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');
+var main_module = require('../../../../../css/date_picker/main.module.less.js');
+var constants = require('../../../constants.js');
 var context = require('../context.js');
 var constants$1 = require('../constants.js');
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var constants = require('../constants.js');
 var month_year_navigation_context = require('../context/month_year_navigation_context.js');
+var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
+var constants = require('../constants.js');
 var use_animation = require('../hooks/use_animation.js');
-var css_classes = require('../css_classes.js');
 var days_grid = require('./days_grid.js');
 var month_controller = require('./month_controller.js');
 

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classNames = require('../../../utilities/styles/classNames.js');
-var constants = require('../constants.js');
 var value_controller_context = require('../context/value_controller_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
+var constants = require('../constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var value_controller_context = require('../context/value_controller_context.js');
-var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
+var use_keyboard_navigation = require('../hooks/use_keyboard_navigation.js');
 var pure_date_picker = require('../components/pure_date_picker.js');
 var common_ranges = require('../components/common_ranges.js');
 var buttons = require('../components/buttons.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var value_controller_context = require('../context/value_controller_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var pure_date_picker = require('../components/pure_date_picker.js');
 var buttons = require('../components/buttons.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var use_value_controller = require('./hooks/use_value_controller.js');
 var value_controller_context = require('./context/value_controller_context.js');
+var use_value_controller = require('./hooks/use_value_controller.js');
 var range_picker = require('./hoc/range_picker.js');
 var single_date_picker = require('./hoc/single_date_picker.js');
 

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

@@ -30,7 +30,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * @example
  * <Dropdown.Content> ... </Dropdown.Content>
  */
-const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', horizontalPosition = 'left', verticalPosition = 'bottom', wrapperWidth, cssClass, portalContainer }) => {
+const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children, arrowSide = 'left', horizontalPosition = 'left', verticalPosition = 'bottom', cssClass, portalContainer }) => {
     const [t] = useTranslation.useTranslation();
     const contentRef = React.useRef(null);
     const { wrapperRef, toggleDropdown, isOpen, closeDropdown } = index.useDropdownContext();
@@ -75,43 +75,39 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
     });
     React.useEffect(() => {
         if ((wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) && contentRef.current) {
-            const { x, y, height } = wrapperRef.current.getBoundingClientRect();
+            const { x: wrapperXPosition, y: wrapperYPosition, width: wrapperWidth, height: wrapperHeight } = wrapperRef.current.getBoundingClientRect();
             const { width: contentWidth } = contentRef.current.getBoundingClientRect();
             const { xModifier, yModifier } = utilities.getXYModifiersForNestedDropdowns(portalContainer === null || portalContainer === void 0 ? void 0 : portalContainer.current);
             const yOffset = 10;
-            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 positionTop = wrapperHeight + wrapperYPosition + windowYScroll + yOffset - yModifier;
+            const positionBottom = windowHeightMinusYOffset - wrapperYPosition + yOffset;
+            const positionLeft = wrapperXPosition - xModifier;
             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;
-            }
+            const leftPositionStickedToRightBorderValue = wrapperXPosition + wrapperWidth - contentWidth;
+            const setTopPosition = () => {
+                topPositionValue = 'auto';
+                bottomPositionValue = `${positionBottom}px`;
+            };
+            const setBottomPosition = () => {
+                topPositionValue = `${positionTop}px`;
+                bottomPositionValue = 'auto';
+            };
             horizontalPosition === 'left'
                 ? (leftPositionValue = `${positionLeft}px`)
                 : (leftPositionValue = `${leftPositionStickedToRightBorderValue}px`);
             if (verticalPosition === 'top') {
-                topPositionValue = 'auto';
-                bottomPositionValue = `${positionBottom}px`;
-                if (dropdownIsOutsideTopViewport) {
-                    topPositionValue = `${positionTop}px`;
-                    bottomPositionValue = 'auto';
-                }
+                setTopPosition();
+                if (dropdownIsOutsideTopViewport)
+                    setBottomPosition();
             }
             if (verticalPosition === 'bottom') {
-                topPositionValue = `${positionTop}px`;
-                bottomPositionValue = 'auto';
-                if (dropdownIsOutsideBottomViewport) {
-                    topPositionValue = 'auto';
-                    bottomPositionValue = `${positionBottom}px`;
-                }
+                setBottomPosition();
+                if (dropdownIsOutsideBottomViewport)
+                    setTopPosition();
             }
             screenWidthName === responsive_breakpoints.SCREEN_XS
                 ? setStyles({ top: `0px`, bottom: 'auto', left: `0px`, zIndex })
@@ -125,8 +121,7 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
         dropdownIsOutsideTopViewport,
         dropdownIsOutsideBottomViewport,
         windowYScroll,
-        windowHeightMinusYOffset,
-        wrapperWidth
+        windowHeightMinusYOffset
     ]);
     React.useEffect(() => {
         var _a;

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;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/option_multiple.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
+var index = require('../../controls/hoc/control_checkbox/index.js');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/dropdown/main.module.less.js');
 var item = require('./item.js');
-var index = require('../../controls/hoc/control_checkbox/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -6,10 +6,10 @@ var React = require('react');
 var index = require('../context/index.js');
 var css_classes = require('../../controls/css_classes.js');
 var main_module$1 = require('../../../css/input/main.module.less.js');
+var input_wrapper = require('../../controls/components/input_wrapper.js');
 var main_module = require('../../../css/dropdown/main.module.less.js');
 var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
 var icon_close = require('../../../assets/icon_close.js');
-var input_wrapper = require('../../controls/components/input_wrapper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -3,23 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../dropdown/context/index.js');
 var classNames = require('../../utilities/styles/classNames.js');
-var use_toggle = require('../dropdown/hooks/use_toggle.js');
-var index$1 = require('../dropdown/index.js');
-var icon_hint = require('../../assets/icon_hint.js');
 var main_module = require('../../css/hint/main.module.less.js');
+var icon_hint = require('../../assets/icon_hint.js');
+var use_fixed_child_position = require('../../hooks/use_fixed_child_position.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight, onToggle }) => {
-    var _a;
-    const wrapperRef = React.useRef(null);
-    const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
-    const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
-    const wrapperWidth = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
+const Hint = ({ hint, fixed, vPosition = 'top', yellow, hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {
     const containerClassName = classNames.classNames([
         'hint',
         spacingLeft && 'hint_spacing-left',
@@ -28,19 +21,13 @@ const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', iconClass,
         hPosition === 'center' && 'hint_horizontal-center',
         vPosition === 'top' && 'hint_top'
     ], main_module['default']);
+    const hintContentRef = React.useRef(null);
+    const { onMouseEnter, style } = use_fixed_child_position.useFixedChildPosition({ useFixed: fixed, vPosition, hPosition, childRef: hintContentRef });
     const contentClassName = classNames.classNames(['hint__content', yellow && 'hint__content_yellow'], main_module['default']);
     const IconComponent = Icon || icon_hint['default'];
-    const handleOnMouseEnter = () => {
-        toggleDropdown();
-    };
-    const handleOnMouseLeave = () => {
-        toggleDropdown();
-    };
-    return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
-        React__default['default'].createElement("span", { className: containerClassName, ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
-            React__default['default'].createElement(IconComponent, { className: iconClass }),
-            React__default['default'].createElement(index$1['default'].Content, { cssClass: contentClassName, headerComponent: "", horizontalPosition: hPosition === 'right' ? 'left' : 'right', verticalPosition: vPosition === 'top' ? 'top' : 'bottom', wrapperWidth: wrapperWidth },
-                React__default['default'].createElement("span", null, hint)))));
+    return (React__default['default'].createElement("div", { className: containerClassName, onMouseEnter: onMouseEnter },
+        React__default['default'].createElement(IconComponent, { className: iconClass }),
+        React__default['default'].createElement("div", { ref: hintContentRef, className: contentClassName, style: style }, hint)));
 };
 
 exports.default = Hint;