@dreamcommerce/aurora 2.4.2 → 2.4.3-10

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 (108) 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 +70 -26
  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 +6 -2
  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 +5 -1
  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 +19 -15
  37. package/build/cjs/packages/aurora/src/components/hint/index.js.map +1 -1
  38. package/build/cjs/packages/aurora/src/components/tooltip/css_classes.js +10 -0
  39. package/build/cjs/packages/aurora/src/components/tooltip/css_classes.js.map +1 -0
  40. package/build/cjs/packages/aurora/src/components/tooltip/index.js +18 -14
  41. package/build/cjs/packages/aurora/src/components/tooltip/index.js.map +1 -1
  42. package/build/cjs/packages/aurora/src/css/date_picker/main.module.less.js +2 -2
  43. package/build/cjs/packages/aurora/src/css/dropdown/main.module.less.js +2 -2
  44. package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +3 -3
  45. package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js +2 -2
  46. package/build/cjs/packages/aurora/src/index.js +10 -10
  47. package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
  48. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +2 -2
  49. package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
  50. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +3 -3
  51. package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +4 -4
  52. package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
  53. package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +2 -2
  54. package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
  55. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +2 -2
  56. package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
  57. package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
  58. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
  59. package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
  60. package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +2 -2
  61. package/build/esm/packages/aurora/src/components/controls/types.d.ts +1 -5
  62. package/build/esm/packages/aurora/src/components/controls/types.js +1 -1
  63. package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
  64. package/build/esm/packages/aurora/src/components/date_picker/components/common_ranges.js +2 -2
  65. package/build/esm/packages/aurora/src/components/date_picker/components/days_grid.js +4 -4
  66. package/build/esm/packages/aurora/src/components/date_picker/components/label.js +3 -3
  67. package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js +7 -7
  68. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js +3 -3
  69. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js +5 -5
  70. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_picker_context_manager.js +1 -1
  71. package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js +3 -3
  72. package/build/esm/packages/aurora/src/components/date_picker/components/pure_date_picker.js +4 -4
  73. package/build/esm/packages/aurora/src/components/date_picker/components/single_day.js +4 -4
  74. package/build/esm/packages/aurora/src/components/date_picker/hoc/range_picker.js +4 -4
  75. package/build/esm/packages/aurora/src/components/date_picker/hoc/single_date_picker.js +2 -2
  76. package/build/esm/packages/aurora/src/components/date_picker/index.js +1 -1
  77. package/build/esm/packages/aurora/src/components/dropdown/components/content.js +71 -28
  78. package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
  79. package/build/esm/packages/aurora/src/components/dropdown/components/option_multiple.js +1 -1
  80. package/build/esm/packages/aurora/src/components/dropdown/components/select.js +1 -1
  81. package/build/esm/packages/aurora/src/components/dropdown/css_classes.d.ts +2 -0
  82. package/build/esm/packages/aurora/src/components/dropdown/css_classes.js +5 -3
  83. package/build/esm/packages/aurora/src/components/dropdown/css_classes.js.map +1 -1
  84. package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +3 -0
  85. package/build/esm/packages/aurora/src/components/dropdown/utilities.d.ts +2 -1
  86. package/build/esm/packages/aurora/src/components/dropdown/utilities.js +5 -2
  87. package/build/esm/packages/aurora/src/components/dropdown/utilities.js.map +1 -1
  88. package/build/esm/packages/aurora/src/components/hint/index.d.ts +3 -3
  89. package/build/esm/packages/aurora/src/components/hint/index.js +21 -17
  90. package/build/esm/packages/aurora/src/components/hint/index.js.map +1 -1
  91. package/build/esm/packages/aurora/src/components/tooltip/css_classes.d.ts +2 -0
  92. package/build/esm/packages/aurora/src/components/tooltip/css_classes.js +5 -0
  93. package/build/esm/packages/aurora/src/components/tooltip/css_classes.js.map +1 -0
  94. package/build/esm/packages/aurora/src/components/tooltip/index.js +18 -14
  95. package/build/esm/packages/aurora/src/components/tooltip/index.js.map +1 -1
  96. package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.d.ts +3 -3
  97. package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.js +1 -0
  98. package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.js.map +1 -1
  99. package/build/esm/packages/aurora/src/css/date_picker/main.module.less.js +2 -2
  100. package/build/esm/packages/aurora/src/css/dropdown/main.module.less.js +2 -2
  101. package/build/esm/packages/aurora/src/css/hint/main.module.less.js +3 -3
  102. package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js +2 -2
  103. package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js +31 -34
  104. package/build/esm/packages/aurora/src/hooks/use_fixed_child_position.js.map +1 -1
  105. package/build/esm/packages/aurora/src/index.js +5 -5
  106. package/package.json +1 -1
  107. package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js +0 -40
  108. package/build/cjs/packages/aurora/src/hooks/use_fixed_child_position.js.map +0 -1
@@ -1,8 +1,8 @@
1
1
  import 'react';
2
2
  import cssClasses$1 from '../../css/modal/main.module.less.js';
3
3
  import { cssDropdownContent } from './css_classes.js';
4
- import { fuzzySearch } from '../../utilities/fuzzy_search/fuzzy_search.js';
5
4
  import cssClasses from '../../css/dropdown/main.module.less.js';
5
+ import { fuzzySearch } from '../../utilities/fuzzy_search/fuzzy_search.js';
6
6
 
7
7
  /**
8
8
  * checks if the given option is selected within array of selectedValues array
@@ -65,7 +65,10 @@ const isChildOfModal = (ref) => {
65
65
  currentParent = currentParent === null || currentParent === void 0 ? void 0 : currentParent.parentElement;
66
66
  }
67
67
  return false;
68
+ };
69
+ const getBounding = (element) => {
70
+ return element.getBoundingClientRect();
68
71
  };
69
72
 
70
- export { getXYModifiersForNestedDropdowns, handleItemClick, handleSearchKeyUp, isChildOfModal, isSelected };
73
+ export { getBounding, getXYModifiersForNestedDropdowns, handleItemClick, handleSearchKeyUp, isChildOfModal, isSelected };
71
74
  //# sourceMappingURL=utilities.js.map
@@ -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;"}
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;"}
@@ -1,8 +1,9 @@
1
1
  import React, { ReactElement } from 'react';
2
- export interface IHint {
2
+ import { IDropdownProps } from "../dropdown/types";
3
+ export interface IHint extends IDropdownProps {
3
4
  hint: string | ReactElement;
4
5
  vPosition?: 'top' | 'bottom';
5
- hPosition?: 'left' | 'right' | 'center';
6
+ hPosition?: 'left' | 'right';
6
7
  spacingLeft?: boolean;
7
8
  spacingRight?: boolean;
8
9
  iconClass?: string;
@@ -10,7 +11,6 @@ export interface IHint {
10
11
  Icon?: React.FC<{
11
12
  className?: string;
12
13
  }>;
13
- fixed?: boolean;
14
14
  }
15
15
  declare const Hint: React.FC<IHint>;
16
16
  export default Hint;
@@ -1,25 +1,29 @@
1
1
  import React, { useRef } from 'react';
2
+ import { DropdownContext } from '../dropdown/context/index.js';
2
3
  import { classNames } from '../../utilities/styles/classNames.js';
3
- import styles from '../../css/hint/main.module.less.js';
4
+ import cssClasses from '../../css/hint/main.module.less.js';
5
+ import { useToggle } from '../dropdown/hooks/use_toggle.js';
6
+ import Dropdown from '../dropdown/index.js';
4
7
  import IconHint from '../../assets/icon_hint.js';
5
- import { useFixedChildPosition } from '../../hooks/use_fixed_child_position.js';
6
8
 
7
- const Hint = ({ hint, fixed, vPosition = 'top', yellow, hPosition = 'right', iconClass, Icon, spacingLeft, spacingRight }) => {
8
- const containerClassName = classNames([
9
- 'hint',
10
- spacingLeft && 'hint_spacing-left',
11
- spacingRight && 'hint_spacing-right',
12
- hPosition === 'right' && 'hint_right',
13
- hPosition === 'center' && 'hint_horizontal-center',
14
- vPosition === 'top' && 'hint_top'
15
- ], styles);
16
- const hintContentRef = useRef(null);
17
- const { onMouseEnter, style } = useFixedChildPosition({ useFixed: fixed, vPosition, hPosition, childRef: hintContentRef });
18
- const contentClassName = classNames(['hint__content', yellow && 'hint__content_yellow'], styles);
9
+ const Hint = ({ hint, vPosition = 'top', yellow, hPosition = 'right', spacingLeft, spacingRight, iconClass, Icon, onToggle }) => {
10
+ const wrapperRef = useRef(null);
11
+ const [isOpen, toggleDropdown] = useToggle(false, onToggle);
12
+ const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
13
+ const containerClassName = classNames(['hint', spacingLeft && 'hint_spacing-left', spacingRight && 'hint_spacing-right'], cssClasses);
14
+ const contentClassName = classNames(['hint__content', yellow && 'hint__content_yellow'], cssClasses);
19
15
  const IconComponent = Icon || IconHint;
20
- return (React.createElement("div", { className: containerClassName, onMouseEnter: onMouseEnter },
21
- React.createElement(IconComponent, { className: iconClass }),
22
- React.createElement("div", { ref: hintContentRef, className: contentClassName, style: style }, hint)));
16
+ const handleOnMouseEnter = () => {
17
+ toggleDropdown();
18
+ };
19
+ const handleOnMouseLeave = () => {
20
+ toggleDropdown();
21
+ };
22
+ return (React.createElement(DropdownContext.Provider, { value: value },
23
+ React.createElement("span", { className: containerClassName, ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
24
+ React.createElement(IconComponent, { className: iconClass }),
25
+ React.createElement(Dropdown.Content, { cssClass: contentClassName, headerComponent: "", arrowSide: hPosition === 'left' ? 'right' : 'left', horizontalPosition: hPosition === 'right' ? 'left' : 'right', verticalPosition: vPosition === 'top' ? 'top' : 'bottom' },
26
+ React.createElement("span", null, hint)))));
23
27
  };
24
28
 
25
29
  export 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;"}
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;"}
@@ -0,0 +1,2 @@
1
+ export declare const cssTooltip = "tooltip";
2
+ export declare const cssTooltipContainer: string;
@@ -0,0 +1,5 @@
1
+ const cssTooltip = 'tooltip';
2
+ const cssTooltipContainer = `${cssTooltip}__container`;
3
+
4
+ export { cssTooltip, cssTooltipContainer };
5
+ //# sourceMappingURL=css_classes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;"}
@@ -1,20 +1,24 @@
1
1
  import React, { useRef } from 'react';
2
- import { classNames } from '../../utilities/styles/classNames.js';
3
- import { useFixedChildPosition } from '../../hooks/use_fixed_child_position.js';
2
+ import { DropdownContext } from '../dropdown/context/index.js';
3
+ import { useToggle } from '../dropdown/hooks/use_toggle.js';
4
+ import Dropdown from '../dropdown/index.js';
5
+ import { cssTooltip, cssTooltipContainer } from './css_classes.js';
4
6
  import cssClasses from '../../css/tooltip/main.module.less.js';
5
7
 
6
- const Tooltip = ({ fixed, left, top, disabled, children, content }) => {
7
- const className = classNames(['tooltip', left && 'tooltip_left', top && 'tooltip_top'], cssClasses);
8
- const childRef = useRef(null);
9
- const { onMouseEnter, style } = useFixedChildPosition({
10
- useFixed: fixed,
11
- hPosition: left ? 'left' : 'right',
12
- vPosition: top ? 'top' : 'bottom',
13
- childRef
14
- });
15
- return (React.createElement("span", { className: className, onMouseEnter: onMouseEnter },
16
- children,
17
- !disabled && (React.createElement("div", { style: style, ref: childRef, className: cssClasses['tooltip__container'] }, content))));
8
+ const Tooltip = ({ left, top, disabled, onToggle, children, content }) => {
9
+ const wrapperRef = useRef(null);
10
+ const [isOpen, toggleDropdown] = useToggle(false, onToggle);
11
+ const value = React.useMemo(() => ({ wrapperRef, isOpen, toggleDropdown }), [isOpen, toggleDropdown]);
12
+ const handleOnMouseEnter = () => {
13
+ toggleDropdown();
14
+ };
15
+ const handleOnMouseLeave = () => {
16
+ toggleDropdown();
17
+ };
18
+ return (React.createElement(DropdownContext.Provider, { value: value },
19
+ React.createElement("span", { className: cssClasses[cssTooltip], ref: wrapperRef, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
20
+ children,
21
+ !disabled && (React.createElement(Dropdown.Content, { cssClass: cssClasses[cssTooltipContainer], horizontalPosition: left ? 'left' : 'right', verticalPosition: top ? 'top' : 'bottom' }, content)))));
18
22
  };
19
23
 
20
24
  export 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;"}
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;"}
@@ -1,9 +1,9 @@
1
+ import { IDropdownProps } from "../dropdown/types";
1
2
  import { ReactElement } from 'react';
2
- export interface ITooltip {
3
+ export interface ITooltip extends IDropdownProps {
3
4
  content: string | ReactElement;
4
- fixed?: boolean;
5
+ disabled?: boolean;
5
6
  left?: boolean;
6
7
  top?: boolean;
7
- disabled?: boolean;
8
8
  children: React.ReactNode;
9
9
  }
@@ -1,2 +1,3 @@
1
+ import '@auroraComponents/dropdown/types';
1
2
  import 'react';
2
3
  //# sourceMappingURL=tooltip_types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip_types.js","sourceRoot":"","sources":["../../../../../../../src/components/tooltip/tooltip_types.ts"],"names":[],"mappings":"AAAA,OAA6B,OAAO,CAAC"}
1
+ {"version":3,"file":"tooltip_types.js","sourceRoot":"","sources":["../../../../../../../src/components/tooltip/tooltip_types.ts"],"names":[],"mappings":"AAAA,OAA+B,kCAAkC,CAAC;AAClE,OAA6B,OAAO,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
3
  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";
4
- 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"};
4
+ 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"};
5
5
  styleInject(css_248z);
6
6
 
7
- export default cssClasses;
7
+ export default styles;
8
8
  //# sourceMappingURL=main.module.less.js.map
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- 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";
4
- 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"};
3
+ 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 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";
4
+ 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","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
@@ -1,8 +1,8 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- 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";
4
- 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"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\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;\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_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";
4
+ var cssClasses = {"hint_spacing-left":"main-module_hint_spacing-left__1dKcO","hint_spacing-right":"main-module_hint_spacing-right__2dV0Q","hint":"main-module_hint__3cahT","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"};
5
5
  styleInject(css_248z);
6
6
 
7
- export default styles;
7
+ export default cssClasses;
8
8
  //# sourceMappingURL=main.module.less.js.map
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- 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";
4
- 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"};
3
+ 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;\n padding-left: 0.5rem;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n}\n.main-module_tooltip__container__1T35Q::before {\n display: none;\n}\n";
4
+ var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default cssClasses;
@@ -1,36 +1,33 @@
1
1
  import { useState } from 'react';
2
-
3
- const useFixedChildPosition = ({ useFixed, childRef, vPosition, hPosition }) => {
4
- const [position, setPosition] = useState({ top: 0, left: 0 });
5
- if (!useFixed) {
6
- return {
7
- style: {},
8
- onMouseEnter: () => { }
9
- };
10
- }
11
- const onMouseEnter = (event) => {
12
- var _a;
13
- const $hoveredElement = event.target;
14
- const parentBoundingRect = $hoveredElement.getBoundingClientRect();
15
- const childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
16
- const top = vPosition === 'top'
17
- ? parentBoundingRect.top - 0.5 * parentBoundingRect.height - childBoundingRect.height
18
- : parentBoundingRect.top + parentBoundingRect.height;
19
- const left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
20
- setPosition({ top, left });
21
- };
22
- const style = {
23
- position: 'fixed',
24
- top: position.top,
25
- left: position.left,
26
- bottom: 'unset',
27
- right: 'unset'
28
- };
29
- return {
30
- style,
31
- onMouseEnter
32
- };
2
+ export const useFixedChildPosition = ({ useFixed, childRef, vPosition, hPosition }) => {
3
+ const [position, setPosition] = useState({ top: 0, left: 0 });
4
+ if (!useFixed) {
5
+ return {
6
+ style: {},
7
+ onMouseEnter: () => { }
8
+ };
9
+ }
10
+ const onMouseEnter = (event) => {
11
+ var _a;
12
+ const $hoveredElement = event.target;
13
+ const parentBoundingRect = $hoveredElement.getBoundingClientRect();
14
+ const childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
15
+ const top = vPosition === 'top'
16
+ ? parentBoundingRect.top - 0.5 * parentBoundingRect.height - childBoundingRect.height
17
+ : parentBoundingRect.top + parentBoundingRect.height;
18
+ const left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
19
+ setPosition({ top, left });
20
+ };
21
+ const style = {
22
+ position: 'fixed',
23
+ top: position.top,
24
+ left: position.left,
25
+ bottom: 'unset',
26
+ right: 'unset'
27
+ };
28
+ return {
29
+ style,
30
+ onMouseEnter
31
+ };
33
32
  };
34
-
35
- export { useFixedChildPosition };
36
- //# sourceMappingURL=use_fixed_child_position.js.map
33
+ //# sourceMappingURL=use_fixed_child_position.js.map
@@ -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;"}
1
+ {"version":3,"file":"use_fixed_child_position.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_fixed_child_position.ts"],"names":[],"mappings":"AAAA,OAAc,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EAMZ,EAAmF,EAAE;IAClF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IAE9D,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO;YACH,KAAK,EAAE,EAAE;YACT,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;SACzB,CAAC;KACL;IAED,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;;QAC7C,MAAM,eAAe,GAAG,KAAK,CAAC,MAAqB,CAAC;QAEpD,MAAM,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,EAAE,CAAC;QACnE,MAAM,iBAAiB,GAAG,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,qBAAqB,EAAE,KAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAChG,MAAM,GAAG,GACL,SAAS,KAAK,KAAK;YACf,CAAC,CAAC,kBAAkB,CAAC,GAAG,GAAG,GAAG,GAAG,kBAAkB,CAAC,MAAM,GAAG,iBAAiB,CAAC,MAAM;YACrF,CAAC,CAAC,kBAAkB,CAAC,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC;QAC7D,MAAM,IAAI,GACN,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,GAAG,kBAAkB,CAAC,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC;QAElI,WAAW,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG;QACV,QAAQ,EAAE,OAAgB;QAC1B,GAAG,EAAE,QAAQ,CAAC,GAAG;QACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,MAAM,EAAE,OAAO;QACf,KAAK,EAAE,OAAO;KACjB,CAAC;IAEF,OAAO;QACH,KAAK;QACL,YAAY;KACf,CAAC;AACN,CAAC,CAAC"}
@@ -8,17 +8,17 @@ export { default as IconTick } from './assets/icon_tick.js';
8
8
  export { default as Stack } from './components/stack/index.js';
9
9
  export { default as Label } from './components/label/index.js';
10
10
  export { default as Control } from './components/controls/index.js';
11
- export { default as Hint } from './components/hint/index.js';
12
- export { default as ControlCellSelector } from './components/controls/hoc/control_cell_selector/index.js';
13
- export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
14
- export { default as ControlCheckboxSwitch } from './components/controls/hoc/control_checkbox_switch/index.js';
15
11
  export { default as IconArrow } from './assets/icon_arrow.js';
12
+ export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
16
13
  export { useToggle } from './components/dropdown/hooks/use_toggle.js';
17
14
  export { default as Dropdown } from './components/dropdown/index.js';
15
+ export { default as Hint } from './components/hint/index.js';
16
+ export { default as ControlCellSelector } from './components/controls/hoc/control_cell_selector/index.js';
17
+ export { default as ControlCheckboxSwitch } from './components/controls/hoc/control_checkbox_switch/index.js';
18
18
  export { default as ControlColorPicker } from './components/controls/hoc/control_color_picker/index.js';
19
- export { default as IconCalendar } from './assets/icon_calendar.js';
20
19
  export { default as Select } from './components/dropdown/hoc/select/index.js';
21
20
  export { default as Datepicker } from './components/date_picker/index.js';
21
+ export { default as IconCalendar } from './assets/icon_calendar.js';
22
22
  export { default as ControlDatepicker } from './components/controls/hoc/control_date_picker/index.js';
23
23
  export { default as FilePicker } from './components/file_picker/index.js';
24
24
  export { default as ControlFilePicker } from './components/controls/hoc/control_file_picker/index.js';
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.4.2",
5
+ "version": "2.4.3-10",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",
@@ -1,40 +0,0 @@
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
@@ -1 +0,0 @@
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;"}