@dreamcommerce/aurora 2.4.3-2 → 2.4.3-5

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, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, 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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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, hintOptions = { isFixed: true }, labelAdditionalInfo, label, name, value, initiallyChecked, disabled, onChange, isRequired, errors }) => {
+const ControlCheckbox = ({ id, hint, 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, hintOptions = { isFixed: true }, labelAddit
                 React__default['default'].createElement(index$1['default'], { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
                     label,
                     " ",
-                    hint && React__default['default'].createElement(index$2['default'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { 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, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors, labelAdditionalInfo }) => {
+const ControlCheckboxSwitch = ({ id, label, name, hint, 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'], { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
+                    hint && React__default['default'].createElement(index$2['default'], { 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, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, 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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+                        hint && React__default['default'].createElement(index$3['default'], { 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$3 = require('../../../hint/index.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 index$3 = require('../../../hint/index.js');
 var use_value_controller = require('../../../date_picker/hooks/use_value_controller.js');
+var value_controller_context = require('../../../date_picker/context/value_controller_context.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'], { fixed: true, spacingLeft: true, hint: hint }))),
+                    hint && React__default['default'].createElement(index$3['default'], { 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, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, 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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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, hintOptions = { isFixed: true }, errors, labelAdditionalInfo, additionalInfo, ...props }) => {
+const ControlInput = ({ label, isRequired, id, name, value, placeholder, prefix, postfix, disabled, onChange, onKeyPress, onKeyUp, hint, 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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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, hintOptions = { isFixed: true }, hasCloseIcon, labelAdditionalInfo }) => {
+const ControlMultiSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, 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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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, hintOptions = { isFixed: true }, name, value, defaultChecked, checked, disabled, onClick, errors, labelAdditionalInfo }) => {
+const ControlRadio = ({ id, label, hint, 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, hintOptions = { isFixed: true }, name,
                 React__default['default'].createElement(index$1['default'], { additionalInfo: labelAdditionalInfo, 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'], { 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, hintOptions = { isFixed: true }, options, errors, isRequired, labelAdditionalInfo }) => {
+const ControlRadioGroup = ({ id, name, onClick, checkedValue, defaultCheckedValue, label, hint, 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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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, hintOptions = { isFixed: true }, isRequired, id, name, isDisabled, onChange, initialValue, step, max, min, errors, labelAdditionalInfo }) => {
+const ControlRange = ({ label, hint, 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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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, 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, 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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
+const ControlTagsSelector = ({ id, name, label, isRequired, placeholder, minTagLength, withList, defaultTags, defaultListTags, onChange, onListItemClick, errors, hint, 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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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, 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, 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'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
+            hint && React__default['default'].createElement(index$1['default'], { 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 css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.js');
 var index = require('../../dropdown/hoc/select/index.js');
 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 css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.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 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');
+var css_classes = require('../css_classes.js');
+var icon_calendar = require('../../../assets/icon_calendar.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 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 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 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 css_classes = require('../../../css_classes.js');
 var main_module = require('../../../../../css/date_picker/main.module.less.js');
-var constants = require('../../../constants.js');
+var css_classes = require('../../../css_classes.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 css_classes = require('../../../css_classes.js');
 var main_module = require('../../../../../css/date_picker/main.module.less.js');
+var css_classes = require('../../../css_classes.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 month_year_navigation_context = require('../../../context/month_year_navigation_context.js');
 var constants$1 = require('../../../constants.js');
+var month_year_navigation_context = require('../../../context/month_year_navigation_context.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 css_classes = require('../../../css_classes.js');
 var main_module = require('../../../../../css/date_picker/main.module.less.js');
-var constants = require('../../../constants.js');
+var css_classes = require('../../../css_classes.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 css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
-var constants = require('../constants.js');
+var css_classes = require('../css_classes.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 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 main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.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 css_classes = require('../css_classes.js');
 var main_module = require('../../../css/date_picker/main.module.less.js');
+var css_classes = require('../css_classes.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 value_controller_context = require('./context/value_controller_context.js');
 var use_value_controller = require('./hooks/use_value_controller.js');
+var value_controller_context = require('./context/value_controller_context.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

@@ -77,8 +77,8 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
         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 yOffset = 10;
             const positionTop = height + y + windowYScroll + yOffset - yModifier;
             const positionBottom = windowHeightMinusYOffset - y + yOffset;
             const positionLeft = x - xModifier;
@@ -117,7 +117,17 @@ const Content = ({ headerComponent, headerGoBackText, headerGoBackIcon, children
                 ? setStyles({ top: `0px`, bottom: 'auto', left: `0px`, zIndex })
                 : setStyles({ top: topPositionValue, bottom: bottomPositionValue, left: leftPositionValue, zIndex });
         }
-    }, [portalContainer, screenWidthName, wrapperRef, isOpen, dropdownIsOutsideTopViewport, dropdownIsOutsideBottomViewport, wrapperWidth]);
+    }, [
+        portalContainer,
+        screenWidthName,
+        wrapperRef,
+        isOpen,
+        dropdownIsOutsideTopViewport,
+        dropdownIsOutsideBottomViewport,
+        windowYScroll,
+        windowHeightMinusYOffset,
+        wrapperWidth
+    ]);
     React.useEffect(() => {
         var _a;
         if (!(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) || !isOpen)

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

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,16 +3,23 @@
 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 main_module = require('../../css/hint/main.module.less.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 use_fixed_child_position = require('../../hooks/use_fixed_child_position.js');
+var main_module = require('../../css/hint/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Hint = ({ hint, fixed, vPosition = 'top', yellow, hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {
+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 containerClassName = classNames.classNames([
         'hint',
         spacingLeft && 'hint_spacing-left',
@@ -21,13 +28,19 @@ const Hint = ({ hint, fixed, vPosition = 'top', yellow, hPosition = 'right', ico
         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'];
-    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)));
+    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)))));
 };
 
 exports.default = Hint;

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

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

@@ -28,7 +28,7 @@ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
             children,
-            !disabled && (React__default['default'].createElement(index$1['default'].Content, { cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom', wrapperWidth: wrapperWidth }, content)))));
+            !disabled && (React__default['default'].createElement(index$1['default'].Content, { headerComponent: "", cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom', wrapperWidth: wrapperWidth }, content)))));
 };
 
 exports.default = Tooltip;