@dreamcommerce/aurora 2.4.12 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
  2. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -2
  3. package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
  4. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +3 -3
  5. package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +4 -4
  6. package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
  7. package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -2
  8. package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
  9. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +2 -2
  10. package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
  11. package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
  12. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  13. package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
  14. package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
  15. package/build/cjs/packages/aurora/src/components/date_picker/components/common_ranges.js +1 -1
  16. package/build/cjs/packages/aurora/src/components/date_picker/components/days_grid.js +1 -1
  17. package/build/cjs/packages/aurora/src/components/date_picker/components/label.js +2 -2
  18. package/build/cjs/packages/aurora/src/components/date_picker/components/month_controller.js +3 -3
  19. package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js +2 -2
  20. package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js +1 -1
  21. package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.js +1 -1
  22. package/build/cjs/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js +2 -2
  23. package/build/cjs/packages/aurora/src/components/date_picker/components/pure_date_picker.js +2 -2
  24. package/build/cjs/packages/aurora/src/components/date_picker/components/single_day.js +2 -2
  25. package/build/cjs/packages/aurora/src/components/date_picker/hoc/range_picker.js +2 -2
  26. package/build/cjs/packages/aurora/src/components/date_picker/hoc/single_date_picker.js +1 -1
  27. package/build/cjs/packages/aurora/src/components/date_picker/index.js +1 -1
  28. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +30 -75
  29. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
  30. package/build/cjs/packages/aurora/src/components/dropdown/components/option_multiple.js +1 -1
  31. package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +1 -1
  32. package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js +2 -6
  33. package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
  34. package/build/cjs/packages/aurora/src/components/dropdown/utilities.js +1 -5
  35. package/build/cjs/packages/aurora/src/components/dropdown/utilities.js.map +1 -1
  36. package/build/cjs/packages/aurora/src/components/hint/index.js +15 -19
  37. package/build/cjs/packages/aurora/src/components/hint/index.js.map +1 -1
  38. package/build/cjs/packages/aurora/src/components/tooltip/index.js +14 -18
  39. package/build/cjs/packages/aurora/src/components/tooltip/index.js.map +1 -1
  40. package/build/cjs/packages/aurora/src/css/date_picker/main.module.less.js +2 -2
  41. package/build/cjs/packages/aurora/src/css/dropdown/main.module.less.js +2 -2
  42. package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +3 -3
  43. package/build/cjs/packages/aurora/src/css/modal/main.module.less.js +1 -1
  44. package/build/cjs/packages/aurora/src/css/slide/main.module.less.js +1 -1
  45. package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js +2 -2
  46. package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js +40 -0
  47. package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js.map +1 -0
  48. package/build/cjs/packages/aurora/src/index.js +10 -10
  49. package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
  50. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -2
  51. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
  52. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +3 -3
  53. package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +4 -4
  54. package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
  55. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -2
  56. package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
  57. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +2 -2
  58. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
  59. package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
  60. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  61. package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
  62. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
  63. package/build/esm/packages/aurora/src/components/controls/types.d.ts +7 -3
  64. package/build/esm/packages/aurora/src/components/controls/types.js +1 -1
  65. package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
  66. package/build/esm/packages/aurora/src/components/date_picker/components/common_ranges.js +2 -2
  67. package/build/esm/packages/aurora/src/components/date_picker/components/days_grid.js +4 -4
  68. package/build/esm/packages/aurora/src/components/date_picker/components/label.js +3 -3
  69. package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js +7 -7
  70. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js +3 -3
  71. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js +5 -5
  72. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.js +1 -1
  73. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js +3 -3
  74. package/build/esm/packages/aurora/src/components/date_picker/components/pure_date_picker.js +4 -4
  75. package/build/esm/packages/aurora/src/components/date_picker/components/single_day.js +4 -4
  76. package/build/esm/packages/aurora/src/components/date_picker/hoc/range_picker.js +4 -4
  77. package/build/esm/packages/aurora/src/components/date_picker/hoc/single_date_picker.js +2 -2
  78. package/build/esm/packages/aurora/src/components/date_picker/index.js +1 -1
  79. package/build/esm/packages/aurora/src/components/dropdown/components/content.js +32 -76
  80. package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
  81. package/build/esm/packages/aurora/src/components/dropdown/components/option_multiple.js +1 -1
  82. package/build/esm/packages/aurora/src/components/dropdown/components/select.js +1 -1
  83. package/build/esm/packages/aurora/src/components/dropdown/css_classes.d.ts +0 -2
  84. package/build/esm/packages/aurora/src/components/dropdown/css_classes.js +3 -5
  85. package/build/esm/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
  86. package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +0 -3
  87. package/build/esm/packages/aurora/src/components/dropdown/utilities.d.ts +1 -2
  88. package/build/esm/packages/aurora/src/components/dropdown/utilities.js +2 -5
  89. package/build/esm/packages/aurora/src/components/dropdown/utilities.js.map +1 -1
  90. package/build/esm/packages/aurora/src/components/hint/index.d.ts +3 -3
  91. package/build/esm/packages/aurora/src/components/hint/index.js +17 -21
  92. package/build/esm/packages/aurora/src/components/hint/index.js.map +1 -1
  93. package/build/esm/packages/aurora/src/components/tooltip/index.js +14 -18
  94. package/build/esm/packages/aurora/src/components/tooltip/index.js.map +1 -1
  95. package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.d.ts +3 -3
  96. package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.js +0 -1
  97. package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.js.map +1 -1
  98. package/build/esm/packages/aurora/src/css/date_picker/main.module.less.js +2 -2
  99. package/build/esm/packages/aurora/src/css/dropdown/main.module.less.js +2 -2
  100. package/build/esm/packages/aurora/src/css/hint/main.module.less.js +3 -3
  101. package/build/esm/packages/aurora/src/css/modal/main.module.less.js +1 -1
  102. package/build/esm/packages/aurora/src/css/slide/main.module.less.js +1 -1
  103. package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js +2 -2
  104. package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js +34 -31
  105. package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js.map +1 -1
  106. package/build/esm/packages/aurora/src/index.js +5 -5
  107. package/package.json +1 -1
  108. package/build/cjs/packages/aurora/src/components/tooltip/css_classes.js +0 -10
  109. package/build/cjs/packages/aurora/src/components/tooltip/css_classes.js.map +0 -1
  110. package/build/esm/packages/aurora/src/components/tooltip/css_classes.d.ts +0 -2
  111. package/build/esm/packages/aurora/src/components/tooltip/css_classes.js +0 -5
  112. package/build/esm/packages/aurora/src/components/tooltip/css_classes.js.map +0 -1
@@ -1 +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;"}
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;"}
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
+ var index = require('../../controls/hoc/control_checkbox/index.js');
7
8
  var css_classes = require('../css_classes.js');
8
9
  var main_module = require('../../../css/dropdown/main.module.less.js');
9
10
  var item = require('./item.js');
10
- var index = require('../../controls/hoc/control_checkbox/index.js');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
13
 
@@ -6,10 +6,10 @@ var React = require('react');
6
6
  var index = require('../context/index.js');
7
7
  var css_classes = require('../../controls/css_classes.js');
8
8
  var main_module$1 = require('../../../css/input/main.module.less.js');
9
+ var input_wrapper = require('../../controls/components/input_wrapper.js');
9
10
  var main_module = require('../../../css/dropdown/main.module.less.js');
10
11
  var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
11
12
  var icon_close = require('../../../assets/icon_close.js');
12
- var input_wrapper = require('../../controls/components/input_wrapper.js');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
15
 
@@ -4,10 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const cssDropdown = 'dropdown';
6
6
  const cssDropdownContent = `${cssDropdown}__content`;
7
- const cssDropdownContentOnTop = `${cssDropdownContent}_top`;
8
- const cssDropdownContentOnBottom = `${cssDropdownContent}_bottom`;
9
- const cssDropdownArrowHorizontalDirectionRight = `${cssDropdownContent}_arrow-right`;
10
- const cssDropdownArrowVerticalDirectionBottom = `${cssDropdownContent}_arrow-bottom`;
7
+ const cssDropdownArrowHorizontalDirectionRight = `${cssDropdownContent}_right`;
8
+ const cssDropdownArrowVerticalDirectionBottom = `${cssDropdownContent}_bottom`;
11
9
  const cssDropdownHeader = `${cssDropdown}__header`;
12
10
  const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
13
11
  const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
@@ -26,8 +24,6 @@ exports.cssDropdown = cssDropdown;
26
24
  exports.cssDropdownArrowHorizontalDirectionRight = cssDropdownArrowHorizontalDirectionRight;
27
25
  exports.cssDropdownArrowVerticalDirectionBottom = cssDropdownArrowVerticalDirectionBottom;
28
26
  exports.cssDropdownContent = cssDropdownContent;
29
- exports.cssDropdownContentOnBottom = cssDropdownContentOnBottom;
30
- exports.cssDropdownContentOnTop = cssDropdownContentOnTop;
31
27
  exports.cssDropdownHeader = cssDropdownHeader;
32
28
  exports.cssDropdownHeaderContent = cssDropdownHeaderContent;
33
29
  exports.cssDropdownHeaderTitle = cssDropdownHeaderTitle;
@@ -1 +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;"}
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;"}
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  require('react');
6
6
  var main_module$1 = require('../../css/modal/main.module.less.js');
7
7
  var css_classes = require('./css_classes.js');
8
- var main_module = require('../../css/dropdown/main.module.less.js');
9
8
  var fuzzy_search = require('../../utilities/fuzzy_search/fuzzy_search.js');
9
+ var main_module = require('../../css/dropdown/main.module.less.js');
10
10
 
11
11
  /**
12
12
  * checks if the given option is selected within array of selectedValues array
@@ -69,12 +69,8 @@ const isChildOfModal = (ref) => {
69
69
  currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
70
70
  }
71
71
  return false;
72
- };
73
- const getBounding = (element) => {
74
- return element.getBoundingClientRect();
75
72
  };
76
73
 
77
- exports.getBounding = getBounding;
78
74
  exports.getXYModifiersForNestedDropdowns = getXYModifiersForNestedDropdowns;
79
75
  exports.handleItemClick = handleItemClick;
80
76
  exports.handleSearchKeyUp = handleSearchKeyUp;
@@ -1 +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;"}
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;"}
@@ -3,35 +3,31 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var index = require('../dropdown/context/index.js');
7
6
  var classNames = require('../../utilities/styles/classNames.js');
8
7
  var main_module = require('../../css/hint/main.module.less.js');
9
- var use_toggle = require('../dropdown/hooks/use_toggle.js');
10
- var index$1 = require('../dropdown/index.js');
11
8
  var icon_hint = require('../../assets/icon_hint.js');
9
+ var use_fixed_child_position = require('../../hooks/use_fixed_child_position.js');
12
10
 
13
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
12
 
15
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
14
 
17
- const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', spacingLeft, spacingRight, iconClass, Icon, onToggle }) => {
18
- const wrapperRef = React.useRef(null);
19
- const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
20
- const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
21
- const containerClassName = classNames.classNames(['hint', spacingLeft && 'hint_spacing-left', spacingRight && 'hint_spacing-right'], main_module['default']);
15
+ const Hint = ({ hint, fixed, vPosition = 'top', yellow, hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {
16
+ const containerClassName = classNames.classNames([
17
+ 'hint',
18
+ spacingLeft && 'hint_spacing-left',
19
+ spacingRight && 'hint_spacing-right',
20
+ hPosition === 'right' && 'hint_right',
21
+ hPosition === 'center' && 'hint_horizontal-center',
22
+ vPosition === 'top' && 'hint_top'
23
+ ], main_module['default']);
24
+ const hintContentRef = React.useRef(null);
25
+ const { onMouseEnter, style } = use_fixed_child_position.useFixedChildPosition({ useFixed: fixed, vPosition, hPosition, childRef: hintContentRef });
22
26
  const contentClassName = classNames.classNames(['hint__content', yellow && 'hint__content_yellow'], main_module['default']);
23
27
  const IconComponent = Icon || icon_hint['default'];
24
- const handleOnMouseEnter = () => {
25
- toggleDropdown();
26
- };
27
- const handleOnMouseLeave = () => {
28
- toggleDropdown();
29
- };
30
- return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
31
- React__default['default'].createElement("span", { className: containerClassName, ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
32
- React__default['default'].createElement(IconComponent, { className: iconClass }),
33
- React__default['default'].createElement(index$1['default'].Content, { cssClass: contentClassName, headerComponent: "", arrowSide: hPosition === 'left' ? 'right' : 'left', horizontalPosition: hPosition === 'right' ? 'left' : 'right', verticalPosition: vPosition === 'top' ? 'top' : 'bottom' },
34
- React__default['default'].createElement("span", null, hint)))));
28
+ return (React__default['default'].createElement("div", { className: containerClassName, onMouseEnter: onMouseEnter },
29
+ React__default['default'].createElement(IconComponent, { className: iconClass }),
30
+ React__default['default'].createElement("div", { ref: hintContentRef, className: contentClassName, style: style }, hint)));
35
31
  };
36
32
 
37
33
  exports.default = Hint;
@@ -1 +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;"}
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;"}
@@ -3,30 +3,26 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var index = require('../dropdown/context/index.js');
6
+ var classNames = require('../../utilities/styles/classNames.js');
7
+ var use_fixed_child_position = require('../../hooks/use_fixed_child_position.js');
7
8
  var main_module = require('../../css/tooltip/main.module.less.js');
8
- var use_toggle = require('../dropdown/hooks/use_toggle.js');
9
- var index$1 = require('../dropdown/index.js');
10
- var css_classes = require('./css_classes.js');
11
9
 
12
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
11
 
14
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
13
 
16
- const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
17
- const wrapperRef = React.useRef(null);
18
- const [isOpen, toggleDropdown] = use_toggle.useToggle(false, onToggle);
19
- const value = React__default['default'].useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
20
- const handleOnMouseEnter = () => {
21
- !isOpen && toggleDropdown();
22
- };
23
- const handleOnMouseLeave = () => {
24
- isOpen && toggleDropdown();
25
- };
26
- return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
27
- React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
28
- children,
29
- !disabled && (React__default['default'].createElement(index$1['default'].Content, { cssClass: main_module['default'][css_classes.cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' }, content)))));
14
+ const Tooltip = ({ fixed, left, top, disabled, children, content }) => {
15
+ const className = classNames.classNames(['tooltip', left && 'tooltip_left', top && 'tooltip_top'], main_module['default']);
16
+ const childRef = React.useRef(null);
17
+ const { onMouseEnter, style } = use_fixed_child_position.useFixedChildPosition({
18
+ useFixed: fixed,
19
+ hPosition: left ? 'left' : 'right',
20
+ vPosition: top ? 'top' : 'bottom',
21
+ childRef
22
+ });
23
+ return (React__default['default'].createElement("span", { className: className, onMouseEnter: onMouseEnter },
24
+ children,
25
+ !disabled && (React__default['default'].createElement("div", { style: style, ref: childRef, className: main_module['default']['tooltip__container'] }, content))));
30
26
  };
31
27
 
32
28
  exports.default = Tooltip;
@@ -1 +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;"}
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;"}
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
7
  var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@media screen and (min-width: 577px) {\n .main-module_date-picker__ZqlVj {\n max-width: 16rem;\n }\n}\n@media screen and (max-width: 576px) {\n .main-module_date-picker__ZqlVj,\n .main-module_range-picker__2nqS6 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n }\n .main-module_date-picker__container__3Jt5v {\n flex-grow: 1;\n }\n .main-module_range-picker__2nqS6 .main-module_date-picker__container__3Jt5v:nth-child(1) {\n flex-grow: 1;\n }\n .main-module_range-picker__2nqS6 .main-module_date-picker__container__3Jt5v:nth-child(2) {\n display: none;\n }\n}\n.main-module_date-picker__container__3Jt5v {\n width: 100%;\n background: #ffffff;\n}\n.main-module_date-picker__common-ranges__3aEeE {\n margin: 0 1rem;\n}\n.main-module_date-picker__controller__1csI7 {\n display: flex;\n align-items: center;\n margin: 0.5rem 1rem;\n}\n.main-module_date-picker__controller-arrow__2ip9A {\n border-color: #135cc8;\n border-style: solid;\n width: 0.5rem;\n height: 0.5rem;\n cursor: pointer;\n border-bottom-width: 1px;\n border-right-width: 1px;\n border-top-width: 0;\n border-left-width: 0;\n}\n.main-module_date-picker__controller-arrow_left__1FemM {\n transform: rotate(135deg);\n}\n.main-module_date-picker__controller-arrow_right__2e84W {\n transform: rotate(-45deg);\n}\n.main-module_date-picker__controller-title__3wWrg {\n cursor: pointer;\n text-transform: capitalize;\n text-align: center;\n color: #135cc8;\n flex-grow: 1;\n display: block;\n}\n.main-module_date-picker__label-icon__38IQW {\n height: 1.5rem;\n fill: #135cc8;\n}\n.main-module_date-picker__days-grid__3VC3X {\n width: 100%;\n}\n.main-module_date-picker__days-grid-row__32HHK {\n display: -ms-grid;\n display: grid;\n margin: auto;\n padding: 0.5rem 1rem 0;\n -ms-grid-columns: auto auto auto auto auto auto auto;\n grid-template-columns: auto auto auto auto auto auto auto;\n}\n.main-module_date-picker__days-grid-week-name__k47gT {\n text-align: center;\n text-transform: capitalize;\n color: #abb4cd;\n}\n.main-module_date-picker__day-text_today__2dJSg {\n color: #2d3748;\n background-color: rgba(245, 245, 245, 0.5);\n border-radius: 1rem;\n}\n.main-module_date-picker__day-text_selected__2shDu {\n background: white;\n border: 2px solid #3c83ec;\n color: #5c657e;\n transition: 0.1s color;\n}\n.main-module_date-picker__day-text_rounded-borders__3JVfx {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 2rem;\n height: calc(2rem - 4px);\n border-radius: 1rem;\n}\n.main-module_date-picker__day-text_navigation__nAkfO {\n background: #5c657e;\n color: #ffffff;\n}\n.main-module_date-picker__day__2qClw {\n width: 2rem;\n height: 2rem;\n justify-content: center;\n -ms-grid-column-align: center;\n justify-self: center;\n align-items: center;\n display: inline-flex;\n color: #5c657e;\n text-align: center;\n cursor: pointer;\n}\n.main-module_date-picker__day_blocked__1reCa {\n color: #cccccc;\n}\n.main-module_date-picker__day_in-range__sRkO_ {\n transition: 0.3s background-color, 0.2s color;\n background: #3c83ec;\n color: #ffffff;\n}\n.main-module_date-picker__day_proposed__3Wv7O {\n background-color: #6fb9f7;\n}\n.main-module_date-picker__day_navigation__39Z6G {\n background: #5c657e;\n color: #ffffff;\n}\n.main-module_date-picker__day_range-end-left__2nlsF {\n background: linear-gradient(to left, #3c83ec, #3c83ec 50%, #ffffff 50%);\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n.main-module_date-picker__day_range-end-left-proposed__38kpH {\n background: linear-gradient(to left, #6fb9f7, #6fb9f7 50%, #ffffff 50%);\n}\n.main-module_date-picker__day_range-end-right__1137l {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n background: linear-gradient(to right, #3c83ec, #3c83ec 50%, #ffffff 50%);\n}\n.main-module_date-picker__day_range-end-right-proposed__HBi_C {\n background: linear-gradient(to right, #6fb9f7, #6fb9f7 50%, #ffffff 50%);\n}\n.main-module_date-picker__month-table__1Edhl {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: 4fr 4fr 4fr;\n grid-template-columns: 4fr 4fr 4fr;\n}\n.main-module_date-picker__month-table-item__1nkBu {\n text-align: center;\n padding: 0.5rem;\n color: #5c657e;\n text-transform: capitalize;\n cursor: pointer;\n}\n.main-module_date-picker__month-table-item_selected__2kb5V {\n font-weight: 600;\n color: #3c83ec;\n border-radius: 1.5rem;\n}\n.main-module_range-picker__2nqS6 {\n flex-grow: 1;\n}\n.main-module_range-picker__container__Z23eL {\n display: flex;\n flex-grow: 1;\n}\n";
8
- var styles = {"date-picker":"main-module_date-picker__ZqlVj","range-picker":"main-module_range-picker__2nqS6","date-picker__container":"main-module_date-picker__container__3Jt5v","date-picker__common-ranges":"main-module_date-picker__common-ranges__3aEeE","date-picker__controller":"main-module_date-picker__controller__1csI7","date-picker__controller-arrow":"main-module_date-picker__controller-arrow__2ip9A","date-picker__controller-arrow_left":"main-module_date-picker__controller-arrow_left__1FemM","date-picker__controller-arrow_right":"main-module_date-picker__controller-arrow_right__2e84W","date-picker__controller-title":"main-module_date-picker__controller-title__3wWrg","date-picker__label-icon":"main-module_date-picker__label-icon__38IQW","date-picker__days-grid":"main-module_date-picker__days-grid__3VC3X","date-picker__days-grid-row":"main-module_date-picker__days-grid-row__32HHK","date-picker__days-grid-week-name":"main-module_date-picker__days-grid-week-name__k47gT","date-picker__day-text_today":"main-module_date-picker__day-text_today__2dJSg","date-picker__day-text_selected":"main-module_date-picker__day-text_selected__2shDu","date-picker__day-text_rounded-borders":"main-module_date-picker__day-text_rounded-borders__3JVfx","date-picker__day-text_navigation":"main-module_date-picker__day-text_navigation__nAkfO","date-picker__day":"main-module_date-picker__day__2qClw","date-picker__day_blocked":"main-module_date-picker__day_blocked__1reCa","date-picker__day_in-range":"main-module_date-picker__day_in-range__sRkO_","date-picker__day_proposed":"main-module_date-picker__day_proposed__3Wv7O","date-picker__day_navigation":"main-module_date-picker__day_navigation__39Z6G","date-picker__day_range-end-left":"main-module_date-picker__day_range-end-left__2nlsF","date-picker__day_range-end-left-proposed":"main-module_date-picker__day_range-end-left-proposed__38kpH","date-picker__day_range-end-right":"main-module_date-picker__day_range-end-right__1137l","date-picker__day_range-end-right-proposed":"main-module_date-picker__day_range-end-right-proposed__HBi_C","date-picker__month-table":"main-module_date-picker__month-table__1Edhl","date-picker__month-table-item":"main-module_date-picker__month-table-item__1nkBu","date-picker__month-table-item_selected":"main-module_date-picker__month-table-item_selected__2kb5V","range-picker__container":"main-module_range-picker__container__Z23eL"};
8
+ var cssClasses = {"date-picker":"main-module_date-picker__ZqlVj","range-picker":"main-module_range-picker__2nqS6","date-picker__container":"main-module_date-picker__container__3Jt5v","date-picker__common-ranges":"main-module_date-picker__common-ranges__3aEeE","date-picker__controller":"main-module_date-picker__controller__1csI7","date-picker__controller-arrow":"main-module_date-picker__controller-arrow__2ip9A","date-picker__controller-arrow_left":"main-module_date-picker__controller-arrow_left__1FemM","date-picker__controller-arrow_right":"main-module_date-picker__controller-arrow_right__2e84W","date-picker__controller-title":"main-module_date-picker__controller-title__3wWrg","date-picker__label-icon":"main-module_date-picker__label-icon__38IQW","date-picker__days-grid":"main-module_date-picker__days-grid__3VC3X","date-picker__days-grid-row":"main-module_date-picker__days-grid-row__32HHK","date-picker__days-grid-week-name":"main-module_date-picker__days-grid-week-name__k47gT","date-picker__day-text_today":"main-module_date-picker__day-text_today__2dJSg","date-picker__day-text_selected":"main-module_date-picker__day-text_selected__2shDu","date-picker__day-text_rounded-borders":"main-module_date-picker__day-text_rounded-borders__3JVfx","date-picker__day-text_navigation":"main-module_date-picker__day-text_navigation__nAkfO","date-picker__day":"main-module_date-picker__day__2qClw","date-picker__day_blocked":"main-module_date-picker__day_blocked__1reCa","date-picker__day_in-range":"main-module_date-picker__day_in-range__sRkO_","date-picker__day_proposed":"main-module_date-picker__day_proposed__3Wv7O","date-picker__day_navigation":"main-module_date-picker__day_navigation__39Z6G","date-picker__day_range-end-left":"main-module_date-picker__day_range-end-left__2nlsF","date-picker__day_range-end-left-proposed":"main-module_date-picker__day_range-end-left-proposed__38kpH","date-picker__day_range-end-right":"main-module_date-picker__day_range-end-right__1137l","date-picker__day_range-end-right-proposed":"main-module_date-picker__day_range-end-right-proposed__HBi_C","date-picker__month-table":"main-module_date-picker__month-table__1Edhl","date-picker__month-table-item":"main-module_date-picker__month-table-item__1nkBu","date-picker__month-table-item_selected":"main-module_date-picker__month-table-item_selected__2kb5V","range-picker__container":"main-module_range-picker__container__Z23eL"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
- exports.default = styles;
11
+ exports.default = cssClasses;
12
12
  //# sourceMappingURL=main.module.less.js.map
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n .main-module_dropdown__content__X9kz_ {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n .main-module_dropdown__header__kvhNn {\n display: block;\n }\n .main-module_dropdown__header-title__7NXxw {\n margin-left: 0.5rem;\n }\n}\n@media (min-width: 576px) {\n .main-module_dropdown__header__kvhNn {\n display: none;\n }\n}\n.main-module_dropdown__36KKf {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n flex: 0 0 auto;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1200;\n width: auto;\n padding: 0.5rem 0;\n background-color: #ffffff;\n border-radius: 3px;\n box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_arrow-right__2dhyy::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_arrow-bottom__mY8R9::before {\n top: auto;\n bottom: -14px;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n flex: 0 0 auto;\n padding: 0;\n width: 100%;\n min-width: 20rem;\n text-align: left;\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n scrollbar-color: #79829c #ffffff;\n scrollbar-width: thin;\n max-height: 280px;\n overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n display: block;\n padding: 0.5rem 1rem;\n cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n margin-right: 1rem;\n color: #abb4cd;\n font-size: 10px;\n font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n font-weight: 600;\n color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n display: flex;\n align-items: center;\n color: #e60c54;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n fill: #e60c54;\n}\n.main-module_dropdown__additional-info__1aTtM {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_select__1ocPo {\n position: relative;\n display: flex;\n flex: 0 2 auto;\n align-items: center;\n width: 100%;\n}\n.main-module_select__1ocPo::after {\n content: '';\n position: absolute;\n display: block;\n right: 0.715em;\n width: 7px;\n height: 7px;\n transform: translateY(-25%) rotate(-45deg);\n border-width: 0 0 1px 1px;\n border-style: solid;\n border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n width: 100%;\n text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n opacity: 1;\n transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n pointer-events: none;\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_dropdown-exit-active-reversed__DNTne {\n pointer-events: none;\n opacity: 0;\n transform: translate3d(0, 2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n opacity: 0;\n transition: opacity 0.1s;\n}\n";
8
- var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_arrow-right":"main-module_dropdown__content_arrow-right__2dhyy","dropdown__content_arrow-bottom":"main-module_dropdown__content_arrow-bottom__mY8R9","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","dropdown__additional-info":"main-module_dropdown__additional-info__1aTtM","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","dropdown-exit-active-reversed":"main-module_dropdown-exit-active-reversed__DNTne","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n .main-module_dropdown__content__X9kz_ {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n .main-module_dropdown__header__kvhNn {\n display: block;\n }\n .main-module_dropdown__header-title__7NXxw {\n margin-left: 0.5rem;\n }\n}\n@media (min-width: 576px) {\n .main-module_dropdown__header__kvhNn {\n display: none;\n }\n}\n.main-module_dropdown__36KKf {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n flex: 0 0 auto;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1200;\n width: auto;\n padding: 0.5rem 0;\n background-color: #ffffff;\n border-radius: 3px;\n box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n right: 7px;\n left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n top: auto;\n bottom: -14px;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n flex: 0 0 auto;\n padding: 0;\n width: 100%;\n min-width: 20rem;\n text-align: left;\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n scrollbar-color: #79829c #ffffff;\n scrollbar-width: thin;\n max-height: 280px;\n overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n display: block;\n padding: 0.5rem 1rem;\n cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n margin-right: 1rem;\n color: #abb4cd;\n font-size: 10px;\n font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n font-weight: 600;\n color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n display: flex;\n align-items: center;\n color: #e60c54;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n fill: #e60c54;\n}\n.main-module_dropdown__additional-info__1aTtM {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 0.5rem 1rem;\n}\n.main-module_select__1ocPo {\n position: relative;\n display: flex;\n flex: 0 2 auto;\n align-items: center;\n width: 100%;\n}\n.main-module_select__1ocPo::after {\n content: '';\n position: absolute;\n display: block;\n right: 0.715em;\n width: 7px;\n height: 7px;\n transform: translateY(-25%) rotate(-45deg);\n border-width: 0 0 1px 1px;\n border-style: solid;\n border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n width: 100%;\n text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n opacity: 1;\n transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n opacity: 0;\n transform: translate3d(0, -2rem, 0);\n transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n opacity: 0;\n transition: opacity 0.1s;\n}\n";
8
+ var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","dropdown__additional-info":"main-module_dropdown__additional-info__1aTtM","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = cssClasses;
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n vertical-align: middle;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n padding: 1rem !important;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_top__1bZPH::before {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint__content_yellow__3NyBP.main-module_dropdown__content_bottom__10hXS::before {\n border-color: transparent transparent #fff6cc transparent;\n}\n";
8
- var cssClasses = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","dropdown__content_top":"main-module_dropdown__content_top__1bZPH","dropdown__content_bottom":"main-module_dropdown__content_bottom__10hXS"};
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_hint__3cahT {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_hint_spacing-left__1dKcO {\n margin-left: 1rem;\n}\n.main-module_hint_spacing-right__2dV0Q {\n margin-right: 1rem;\n}\n.main-module_hint__3cahT:hover span {\n color: #3c83ec;\n}\n.main-module_hint__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\n max-width: 500px;\n position: absolute;\n display: none;\n right: -0.25rem;\n top: 150%;\n z-index: 6;\n padding: 1rem;\n text-align: left;\n background-color: #ffffff;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n.main-module_hint__content__IIh3W::after {\n content: '';\n display: block;\n position: absolute;\n top: -14px;\n right: 4px;\n border-width: 7px;\n border-style: solid;\n border-color: transparent transparent #ffffff transparent;\n}\n.main-module_hint__content__IIh3W::before {\n content: '';\n position: absolute;\n top: -20px;\n right: 0;\n display: block;\n width: 200px;\n height: 20px;\n}\n.main-module_hint__content_yellow__3NyBP {\n background-color: #fff6cc;\n}\n.main-module_hint__content_yellow__3NyBP::after {\n border-color: transparent transparent #fff6cc transparent;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W {\n right: auto;\n left: 0;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::before {\n left: 0;\n right: auto;\n}\n.main-module_hint_right__21Xe4 .main-module_hint__content__IIh3W::after {\n right: auto;\n left: 4px;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W {\n bottom: 150%;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::before {\n bottom: -20px;\n top: auto;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content__IIh3W::after {\n bottom: -14px;\n top: auto;\n border-color: #ffffff transparent transparent transparent;\n}\n.main-module_hint_top__pxKX0 .main-module_hint__content_yellow__3NyBP::after {\n border-color: #fff6cc transparent transparent transparent;\n}\n.main-module_hint_horizontal-center__2Kuvh {\n position: inherit;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W {\n top: auto;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 0.25rem;\n}\n.main-module_hint_horizontal-center__2Kuvh .main-module_hint__content__IIh3W::after {\n display: none;\n}\n.main-module_hint_link__RsB7x .main-module_hint__content__IIh3W::before {\n top: -8px;\n height: 8px;\n}\n";
8
+ var styles = {"hint":"main-module_hint__3cahT","hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint__content":"main-module_hint__content__IIh3W","hint__content_yellow":"main-module_hint__content_yellow__3NyBP","hint_right":"main-module_hint_right__21Xe4","hint_top":"main-module_hint_top__pxKX0","hint_horizontal-center":"main-module_hint_horizontal-center__2Kuvh","hint_link":"main-module_hint_link__RsB7x"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
- exports.default = cssClasses;
11
+ exports.default = styles;
12
12
  //# sourceMappingURL=main.module.less.js.map
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n flex-direction: column;\n position: relative;\n z-index: 2000;\n max-width: 1400px;\n max-height: 100%;\n min-width: 320px;\n background-color: #ffffff;\n border-radius: 5px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n opacity: 0;\n transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n flex: 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ {\n margin-left: 2rem;\n}\n.main-module_modal-window__close-icon__32GlC {\n cursor: pointer;\n fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n overflow-y: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n padding: 0.75rem 2rem;\n text-align: right;\n border-top: 1px solid #ececec;\n border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1900;\n background-color: rgba(0, 0, 0, 0.5);\n width: calc(100vw);\n height: calc(100vh);\n height: calc(var(--vh, 1vh) * 100);\n transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n opacity: 1;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n flex-direction: column;\n position: relative;\n z-index: 2000;\n max-width: 1400px;\n max-height: 100%;\n min-width: 320px;\n background-color: #ffffff;\n border-radius: 5px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n opacity: 0;\n transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n flex: 0 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n cursor: pointer;\n fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n overflow-y: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n padding: 0.75rem 2rem;\n text-align: right;\n border-top: 1px solid #ececec;\n border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n align-items: center;\n justify-content: center;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1900;\n background-color: rgba(0, 0, 0, 0.5);\n width: calc(100vw);\n height: calc(100vh);\n height: calc(var(--vh, 1vh) * 100);\n transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n opacity: 1;\n}\n";
8
8
  var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n.main-module_slide__1kcca {\n position: absolute;\n top: 0;\n height: 100%;\n background-color: #fff;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n overflow-y: hidden;\n z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.main-module_slide__header__11UTh {\n width: 100%;\n border-bottom: 1px solid #abb4cd;\n background-color: #fff;\n display: flex;\n align-items: center;\n box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\n}\n.main-module_slide__content__3KeZM {\n flex: 1;\n overflow-x: hidden;\n overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n padding: 1.5rem 1rem 1.5rem 1rem;\n background-color: #fff;\n border-top: 1px solid #abb4cd;\n box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n right: 0;\n left: 0;\n -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n.main-module_slide__1kcca {\n position: absolute;\n top: 0;\n height: 100%;\n background-color: #fff;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n overflow-y: hidden;\n z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.main-module_slide__header__11UTh {\n width: 100%;\n border-bottom: 1px solid #abb4cd;\n background-color: #fff;\n display: flex;\n align-items: center;\n box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\n}\n.main-module_slide__content__3KeZM {\n flex: 1;\n overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n padding: 1.5rem 1rem 1.5rem 1rem;\n background-color: #fff;\n border-top: 1px solid #abb4cd;\n box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n right: 0;\n left: 0;\n -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
8
8
  var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__header":"main-module_slide__header__11UTh","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__container__1T35Q {\n padding-right: 0.5rem !important;\n padding-left: 0.5rem !important;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748 !important;\n box-shadow: none !important;\n}\n.main-module_tooltip__container__1T35Q::before {\n display: none !important;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_top__2_OzW::after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 14px;\n left: 0;\n bottom: -14px;\n}\n.main-module_tooltip__container__1T35Q.main-module_dropdown__content_bottom__1PzPE::after {\n content: '';\n display: block;\n position: absolute;\n width: 100%;\n height: 14px;\n left: 0;\n top: -14px;\n}\n";
8
- var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q","dropdown__content_top":"main-module_dropdown__content_top__2_OzW","dropdown__content_bottom":"main-module_dropdown__content_bottom__1PzPE"};
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__2-uBX {\n position: relative;\n}\n.main-module_tooltip__2-uBX:hover .main-module_tooltip__container__1T35Q {\n display: block;\n}\n.main-module_tooltip_left__27ULt .main-module_tooltip__container__1T35Q {\n left: 1rem;\n right: auto;\n}\n.main-module_tooltip_top__3xSwK .main-module_tooltip__container__1T35Q {\n top: auto;\n bottom: 150%;\n}\n.main-module_tooltip__container__1T35Q {\n position: absolute;\n display: none;\n right: 1rem;\n top: 125%;\n z-index: 4;\n white-space: nowrap;\n padding: 0.5rem;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);\n border-radius: 3px;\n}\n";
8
+ var cssClasses = {"tooltip":"main-module_tooltip__2-uBX","tooltip__container":"main-module_tooltip__container__1T35Q","tooltip_left":"main-module_tooltip_left__27ULt","tooltip_top":"main-module_tooltip_top__3xSwK"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = cssClasses;
@@ -0,0 +1,40 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ const useFixedChildPosition = ({ useFixed, childRef, vPosition, hPosition }) => {
8
+ const [position, setPosition] = React.useState({ top: 0, left: 0 });
9
+ if (!useFixed) {
10
+ return {
11
+ style: {},
12
+ onMouseEnter: () => { }
13
+ };
14
+ }
15
+ const onMouseEnter = (event) => {
16
+ var _a;
17
+ const $hoveredElement = event.target;
18
+ const parentBoundingRect = $hoveredElement.getBoundingClientRect();
19
+ const childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
20
+ const top = vPosition === 'top'
21
+ ? parentBoundingRect.top - 0.5 * parentBoundingRect.height - childBoundingRect.height
22
+ : parentBoundingRect.top + parentBoundingRect.height;
23
+ const left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
24
+ setPosition({ top, left });
25
+ };
26
+ const style = {
27
+ position: 'fixed',
28
+ top: position.top,
29
+ left: position.left,
30
+ bottom: 'unset',
31
+ right: 'unset'
32
+ };
33
+ return {
34
+ style,
35
+ onMouseEnter
36
+ };
37
+ };
38
+
39
+ exports.useFixedChildPosition = useFixedChildPosition;
40
+ //# sourceMappingURL=use_fixed_child_position.js.map
@@ -0,0 +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;"}
@@ -12,17 +12,17 @@ var icon_tick = require('./assets/icon_tick.js');
12
12
  var index$8 = require('./components/stack/index.js');
13
13
  var index$7 = require('./components/label/index.js');
14
14
  var index$9 = require('./components/controls/index.js');
15
- var icon_arrow = require('./assets/icon_arrow.js');
16
- var index$b = require('./components/controls/hoc/control_checkbox/index.js');
17
- var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
18
- var index$4 = require('./components/dropdown/index.js');
19
15
  var index$C = require('./components/hint/index.js');
20
16
  var index$B = require('./components/controls/hoc/control_cell_selector/index.js');
17
+ var index$b = require('./components/controls/hoc/control_checkbox/index.js');
21
18
  var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
19
+ var icon_arrow = require('./assets/icon_arrow.js');
20
+ var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
21
+ var index$4 = require('./components/dropdown/index.js');
22
22
  var index$l = require('./components/controls/hoc/control_color_picker/index.js');
23
+ var icon_calendar = require('./assets/icon_calendar.js');
23
24
  var index$5 = require('./components/dropdown/hoc/select/index.js');
24
25
  var index$j = require('./components/date_picker/index.js');
25
- var icon_calendar = require('./assets/icon_calendar.js');
26
26
  var index$m = require('./components/controls/hoc/control_date_picker/index.js');
27
27
  var index$A = require('./components/file_picker/index.js');
28
28
  var index$n = require('./components/controls/hoc/control_file_picker/index.js');
@@ -90,17 +90,17 @@ exports.IconTick = icon_tick['default'];
90
90
  exports.Stack = index$8['default'];
91
91
  exports.Label = index$7['default'];
92
92
  exports.Control = index$9['default'];
93
- exports.IconArrow = icon_arrow['default'];
94
- exports.ControlCheckbox = index$b['default'];
95
- exports.useToggle = use_toggle.useToggle;
96
- exports.Dropdown = index$4['default'];
97
93
  exports.Hint = index$C['default'];
98
94
  exports.ControlCellSelector = index$B['default'];
95
+ exports.ControlCheckbox = index$b['default'];
99
96
  exports.ControlCheckboxSwitch = index$c['default'];
97
+ exports.IconArrow = icon_arrow['default'];
98
+ exports.useToggle = use_toggle.useToggle;
99
+ exports.Dropdown = index$4['default'];
100
100
  exports.ControlColorPicker = index$l['default'];
101
+ exports.IconCalendar = icon_calendar['default'];
101
102
  exports.Select = index$5['default'];
102
103
  exports.Datepicker = index$j['default'];
103
- exports.IconCalendar = icon_calendar['default'];
104
104
  exports.ControlDatepicker = index$m['default'];
105
105
  exports.FilePicker = index$A['default'];
106
106
  exports.ControlFilePicker = index$n['default'];
@@ -3,11 +3,11 @@ import Control from '../../index.js';
3
3
  import CellSelector from '../../components/cell_selector.js';
4
4
  import Hint from '../../../hint/index.js';
5
5
 
6
- const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, labelAdditionalInfo }) => {
6
+ const ControlCellSelector = ({ label, isRequired, id, name, errors, onChange, cols, initialSelected, rows, withValueOffset, className, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
7
7
  return (React.createElement(Control, { errors: errors, name: name, id: id },
8
8
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
9
9
  label,
10
- hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
10
+ hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
11
11
  React.createElement(Control.Content, null,
12
12
  React.createElement(Control.Element, null,
13
13
  React.createElement(CellSelector, { name: name, onChange: onChange, cols: cols, initialSelected: initialSelected, rows: rows, withValueOffset: withValueOffset, className: className }))),
@@ -15,7 +15,7 @@ import Hint from '../../../hint/index.js';
15
15
  * />
16
16
  * )
17
17
  */
18
- const ControlCheckbox = ({ id, hint, labelAdditionalInfo, label, name, value, initiallyChecked, disabled, onChange, isRequired, errors }) => {
18
+ const ControlCheckbox = ({ id, hint, hintOptions = { isFixed: true }, labelAdditionalInfo, label, name, value, initiallyChecked, disabled, onChange, isRequired, errors }) => {
19
19
  return (React.createElement(Control, { errors: errors, name: name, id: id },
20
20
  React.createElement(Control.Content, null,
21
21
  React.createElement(Control.Element, { type: "checkbox" },
@@ -23,7 +23,7 @@ const ControlCheckbox = ({ id, hint, labelAdditionalInfo, label, name, value, in
23
23
  React.createElement(Label, { isRequired: isRequired, htmlFor: id, additionalInfo: labelAdditionalInfo },
24
24
  label,
25
25
  " ",
26
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
26
+ hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
27
27
  React.createElement(Control.Errors, null)));
28
28
  };
29
29
 
@@ -15,14 +15,14 @@ import Hint from '../../../hint/index.js';
15
15
  * />
16
16
  * )
17
17
  */
18
- const ControlCheckboxSwitch = ({ id, label, name, hint, value, initiallyChecked, disabled, onChange, errors, labelAdditionalInfo }) => {
18
+ const ControlCheckboxSwitch = ({ id, label, name, hint, hintOptions = { isFixed: true }, value, initiallyChecked, disabled, onChange, errors, labelAdditionalInfo }) => {
19
19
  return (React.createElement(Control, { errors: errors, name: name, id: id },
20
20
  React.createElement(Control.Content, null,
21
21
  React.createElement(Control.Element, { type: "checkbox" },
22
22
  React.createElement(Control.CheckboxSwitch, { id: id, name: name, value: value, initiallyChecked: initiallyChecked, disabled: disabled, onChange: onChange }),
23
23
  React.createElement(Label, { htmlFor: id, additionalInfo: labelAdditionalInfo },
24
24
  label,
25
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true })))),
25
+ hint && React.createElement(Hint, { fixed: hintOptions.isFixed, hint: hint, spacingLeft: true })))),
26
26
  React.createElement(Control.Errors, null)));
27
27
  };
28
28
 
@@ -4,9 +4,9 @@ import { useColorPicker } from '../../../color_picker/use_color_picker.js';
4
4
  import withTranslation from '../../../../utilities/translation/with_translation.js';
5
5
  import { PureColorPicker } from '../../../color_picker/index.js';
6
6
  import Control from '../../index.js';
7
- import Dropdown from '../../../dropdown/index.js';
8
7
  import Hint from '../../../hint/index.js';
9
8
  import ColorPickerLabel from '../../../color_picker/components/label.js';
9
+ import Dropdown from '../../../dropdown/index.js';
10
10
 
11
11
  /**
12
12
  * @component
@@ -20,7 +20,7 @@ import ColorPickerLabel from '../../../color_picker/components/label.js';
20
20
  * />
21
21
  * )
22
22
  */
23
- const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, labelAdditionalInfo }) => {
23
+ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
24
24
  const colorPickerContext = useColorPicker({ initialColorHex: initialColor, onChange });
25
25
  return (React.createElement(ColorPickerContext.Provider, { value: colorPickerContext },
26
26
  React.createElement(Dropdown, null,
@@ -28,7 +28,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label,
28
28
  React.createElement(Control, { errors: errors, name: name, id: id },
29
29
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
30
30
  label,
31
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
31
+ hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
32
32
  React.createElement(Control.Content, null,
33
33
  React.createElement(Control.Element, null,
34
34
  React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: label }))),
@@ -1,13 +1,13 @@
1
1
  import React, { useEffect } from 'react';
2
2
  import withTranslation from '../../../../utilities/translation/with_translation.js';
3
3
  import Control from '../../index.js';
4
- import Dropdown from '../../../dropdown/index.js';
5
4
  import Hint from '../../../hint/index.js';
6
- import useValueController from '../../../date_picker/hooks/use_value_controller.js';
5
+ import Dropdown from '../../../dropdown/index.js';
7
6
  import DatepickerContext from '../../../date_picker/context/value_controller_context.js';
7
+ import DatepickerLabel from '../../../date_picker/components/label.js';
8
+ import useValueController from '../../../date_picker/hooks/use_value_controller.js';
8
9
  import { RangePicker } from '../../../date_picker/hoc/range_picker.js';
9
10
  import { SingleDatepicker } from '../../../date_picker/hoc/single_date_picker.js';
10
- import DatepickerLabel from '../../../date_picker/components/label.js';
11
11
 
12
12
  const DatepickerViews = {
13
13
  single: SingleDatepicker,
@@ -46,7 +46,7 @@ const ControlDatepicker = ({ onChange, label, name, isRequired, id = 'datepicker
46
46
  React.createElement(Control, { errors: errors, name: name, id: id },
47
47
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
48
48
  label,
49
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
49
+ hint && React.createElement(Hint, { fixed: true, spacingLeft: true, hint: hint }))),
50
50
  React.createElement(Control.Content, null,
51
51
  React.createElement(Control.Element, null,
52
52
  React.createElement(DatepickerLabel, { name: name, id: id }))),
@@ -3,11 +3,11 @@ import Control from '../../index.js';
3
3
  import Hint from '../../../hint/index.js';
4
4
  import FilePicker from '../../../file_picker/index.js';
5
5
 
6
- const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, labelAdditionalInfo }) => {
6
+ const ControlFilePicker = ({ label, isRequired, id, name, onChange, allowedExtensions, initialFile, className, errors, hint, hintOptions = { isFixed: true }, labelAdditionalInfo }) => {
7
7
  return (React.createElement(Control, { errors: errors, name: name, id: id },
8
8
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired, additionalInfo: labelAdditionalInfo },
9
9
  label,
10
- hint && React.createElement(Hint, { hint: hint, spacingLeft: true }))),
10
+ hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
11
11
  React.createElement(Control.Content, null,
12
12
  React.createElement(Control.Element, null,
13
13
  React.createElement(FilePicker, { id: id, name: name, onChange: onChange, allowedExtensions: allowedExtensions, initialFile: initialFile, className: className }))),