@dreamcommerce/aurora 0.3.4-189 → 0.3.4-192

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 (28) hide show
  1. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +16 -21
  2. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_value.js +2 -2
  4. package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +7 -8
  5. package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/css/flash_message/main.module.less.js +1 -1
  7. package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +1 -1
  8. package/build/cjs/packages/aurora/src/hooks/use_key_down.js +2 -8
  9. package/build/cjs/packages/aurora/src/hooks/use_key_down.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/index.js +7 -4
  11. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  12. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +16 -21
  13. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.d.ts +1 -1
  15. package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.js +2 -2
  16. package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +7 -8
  17. package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
  18. package/build/esm/packages/aurora/src/components/flash_messenger/types.d.ts +2 -1
  19. package/build/esm/packages/aurora/src/components/flash_messenger/types.js +1 -0
  20. package/build/esm/packages/aurora/src/components/flash_messenger/types.js.map +1 -1
  21. package/build/esm/packages/aurora/src/css/flash_message/main.module.less.js +1 -1
  22. package/build/esm/packages/aurora/src/css/hint/main.module.less.js +1 -1
  23. package/build/esm/packages/aurora/src/hooks/use_key_down.js +2 -8
  24. package/build/esm/packages/aurora/src/hooks/use_key_down.js.map +1 -1
  25. package/build/esm/packages/aurora/src/index.d.ts +5 -2
  26. package/build/esm/packages/aurora/src/index.js +3 -2
  27. package/build/esm/packages/aurora/src/index.js.map +1 -1
  28. package/package.json +1 -1
@@ -46,62 +46,57 @@ var Select = function (_a) {
46
46
  * array of default values (for select its always one element), array is
47
47
  * used to be compatible with multiselects
48
48
  */
49
- _b = _a.defaultValues,
50
- /**
51
- * array of default values (for select its always one element), array is
52
- * used to be compatible with multiselects
53
- */
54
- defaultValues = _b === void 0 ? [] : _b,
49
+ defaultValues = _a.defaultValues,
55
50
  /**
56
51
  * indicates if select is readonly
57
52
  */
58
- _c = _a.isReadonly,
53
+ _b = _a.isReadonly,
59
54
  /**
60
55
  * indicates if select is readonly
61
56
  */
62
- isReadonly = _c === void 0 ? false : _c,
57
+ isReadonly = _b === void 0 ? false : _b,
63
58
  /**
64
59
  * indicates if select is disabled
65
60
  */
66
- _d = _a.isDisabled,
61
+ _c = _a.isDisabled,
67
62
  /**
68
63
  * indicates if select is disabled
69
64
  */
70
- isDisabled = _d === void 0 ? false : _d,
65
+ isDisabled = _c === void 0 ? false : _c,
71
66
  /**
72
67
  * indicates if selects has groups (similar to optgroup), options then have
73
68
  * left-padding, and you should use options with isHeader set to true
74
69
  */
75
- _e = _a.isWithGroups,
70
+ _d = _a.isWithGroups,
76
71
  /**
77
72
  * indicates if selects has groups (similar to optgroup), options then have
78
73
  * left-padding, and you should use options with isHeader set to true
79
74
  */
80
- isWithGroups = _e === void 0 ? false : _e,
75
+ isWithGroups = _d === void 0 ? false : _d,
81
76
  /**
82
77
  * indicates if select should have search to look for options
83
78
  */
84
- _f = _a.isWithSearch,
79
+ _e = _a.isWithSearch,
85
80
  /**
86
81
  * indicates if select should have search to look for options
87
82
  */
88
- isWithSearch = _f === void 0 ? false : _f,
83
+ isWithSearch = _e === void 0 ? false : _e,
89
84
  /**
90
85
  * indicates if select should be opened at render
91
86
  */
92
- _g = _a.defaultIsOpen,
87
+ _f = _a.defaultIsOpen,
93
88
  /**
94
89
  * indicates if select should be opened at render
95
90
  */
96
- defaultIsOpen = _g === void 0 ? false : _g,
91
+ defaultIsOpen = _f === void 0 ? false : _f,
97
92
  /**
98
93
  * indicates if select should hide on option click
99
94
  */
100
- _h = _a.defaultCloseOnClick,
95
+ _g = _a.defaultCloseOnClick,
101
96
  /**
102
97
  * indicates if select should hide on option click
103
98
  */
104
- defaultCloseOnClick = _h === void 0 ? true : _h,
99
+ defaultCloseOnClick = _g === void 0 ? true : _g,
105
100
  /**
106
101
  * called on select toggle
107
102
  */
@@ -122,15 +117,15 @@ var Select = function (_a) {
122
117
  /**
123
118
  * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
124
119
  */
125
- var _j = use_toggle.useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
120
+ var _h = use_toggle.useToggle(defaultIsOpen, onToggle), isOpen = _h[0], toggleDropdown = _h[1];
126
121
  /**
127
122
  * hook with option list state, and method to change option list
128
123
  */
129
- var _k = React.useState([]), optionsList = _k[0], setOptionsList = _k[1];
124
+ var _j = React.useState([]), optionsList = _j[0], setOptionsList = _j[1];
130
125
  /**
131
126
  * hook with selected value, and method do change it
132
127
  */
133
- var _l = use_value.useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _l[0], setSelectedValues = _l[1];
128
+ var _k = use_value.useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _k[0], setSelectedValues = _k[1];
134
129
  /**
135
130
  * context values, they may be used with useContext in any component which is part of Dropdown composition
136
131
  */
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -32,9 +32,9 @@ function useValue(wrapperRef, options, defaultValues, onChangeCb) {
32
32
  }
33
33
  }, [onChangeCb, wrapperRef]);
34
34
  React.useEffect(function () {
35
- var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
35
+ var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && defaultValues.indexOf(option.value) >= 0; });
36
36
  setSelectedValue(defaultSelectedOptions);
37
- }, [defaultValues]);
37
+ }, [defaultValues, options]);
38
38
  return [selectedValues, setSelectedValues];
39
39
  }
40
40
  /**
@@ -6,9 +6,9 @@ var React = require('react');
6
6
  var reactTransitionGroup = require('react-transition-group');
7
7
  var index$1 = require('../../grid/index.js');
8
8
  var icon_close = require('../../../assets/icon_close.js');
9
- var index = require('../../message-box/index.js');
10
- var context = require('../context.js');
11
9
  var main_module = require('../../../css/flash_message/main.module.less.js');
10
+ var context = require('../context.js');
11
+ var index = require('../../message-box/index.js');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
@@ -28,12 +28,11 @@ var FlashMessage = function (_a) {
28
28
  exitActive: main_module['default']['flash-messenger__list_exit-active']
29
29
  } },
30
30
  React__default['default'].createElement(index['default'], { type: message.type, className: "".concat(main_module['default']['flash-messenger__message'], " ").concat(main_module['default']['flash-messenger__list-item']) },
31
- React__default['default'].createElement(index$1['default'], { size: "full" },
32
- React__default['default'].createElement(index$1['default'].Row, null,
33
- React__default['default'].createElement(index$1['default'].Col, { auto: "grow" },
34
- React__default['default'].createElement("div", null, message.content)),
35
- React__default['default'].createElement(index$1['default'].Col, { auto: "auto" },
36
- React__default['default'].createElement(icon_close['default'], { onClick: function () { return hideMessage(message.id); }, className: main_module['default']['flash-messenger__icon-close'] })))))));
31
+ React__default['default'].createElement(index$1['default'].Row, null,
32
+ React__default['default'].createElement(index$1['default'].Col, { auto: "grow" },
33
+ React__default['default'].createElement("div", null, message.content)),
34
+ React__default['default'].createElement(index$1['default'].Col, { auto: "auto" },
35
+ React__default['default'].createElement(icon_close['default'], { onClick: function () { return hideMessage(message.id); }, className: main_module['default']['flash-messenger__icon-close'] }))))));
37
36
  };
38
37
 
39
38
  exports.default = FlashMessage;
@@ -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;"}
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;"}
@@ -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_flash-messenger__2QEmJ {\n position: fixed;\n right: 1rem;\n bottom: 0;\n z-index: 1000000;\n}\n.main-module_flash-messenger__list-item__3Qwmv {\n padding: 1rem;\n transition: all 0.25s;\n margin-bottom: 1rem;\n height: 3rem;\n}\n.main-module_flash-messenger__list_enter__3EQYY {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n}\n.main-module_flash-messenger__list_exit-done__4J0xz {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n height: 0;\n padding: 0;\n margin: 0;\n}\n.main-module_flash-messenger__list_exit-active__1fYC7 {\n transform: translate3d(0, 3rem, 0);\n opacity: 0;\n}\n.main-module_flash-messenger__icon-close__32npS {\n cursor: pointer;\n}\n.main-module_flash-messenger__icon-close__32npS * {\n fill: #000000;\n}\n@media screen and (max-width: 575px) {\n .main-module_flash-messenger__message__AzNXF {\n width: calc(100vw - (1rem * 2));\n }\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_flash-messenger__2QEmJ {\n position: fixed;\n margin-right: 0;\n right: 1rem;\n bottom: 0;\n z-index: 1000000;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n align-content: flex-end;\n justify-content: flex-end;\n}\n.main-module_flash-messenger__list-item__3Qwmv {\n padding: 1rem;\n transition: all 0.25s;\n margin-bottom: 1rem;\n height: 3rem;\n}\n.main-module_flash-messenger__list_enter__3EQYY {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n}\n.main-module_flash-messenger__list_exit-done__4J0xz {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n height: 0;\n padding: 0;\n margin: 0;\n}\n.main-module_flash-messenger__list_exit-active__1fYC7 {\n transform: translate3d(0, 3rem, 0);\n opacity: 0;\n}\n.main-module_flash-messenger__icon-close__32npS {\n cursor: pointer;\n}\n.main-module_flash-messenger__icon-close__32npS * {\n fill: #000000;\n}\n.main-module_flash-messenger__message__AzNXF {\n margin-right: 0 !important;\n width: auto !important;\n}\n@media screen and (max-width: 575px) {\n .main-module_flash-messenger__message__AzNXF {\n width: calc(100vw - (1rem * 2));\n }\n}\n";
8
8
  var cssClasses = {"flash-messenger":"main-module_flash-messenger__2QEmJ","flash-messenger__list-item":"main-module_flash-messenger__list-item__3Qwmv","flash-messenger__list_enter":"main-module_flash-messenger__list_enter__3EQYY","flash-messenger__list_exit-done":"main-module_flash-messenger__list_exit-done__4J0xz","flash-messenger__list_exit-active":"main-module_flash-messenger__list_exit-active__1fYC7","flash-messenger__icon-close":"main-module_flash-messenger__icon-close__32npS","flash-messenger__message":"main-module_flash-messenger__message__AzNXF"};
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.main-module_hint__3cahT {\n position: relative;\n display: inline-block;\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__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\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";
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-block;\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__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\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
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
 
@@ -19,7 +19,6 @@ var checkKeyMatch = function (key, sequence) { return key.match(new RegExp(seque
19
19
  */
20
20
  var useKeyDown = function (keys, cb, ref) {
21
21
  React.useEffect(function () {
22
- var _a;
23
22
  if (!cb) {
24
23
  return;
25
24
  }
@@ -39,14 +38,9 @@ var useKeyDown = function (keys, cb, ref) {
39
38
  }
40
39
  });
41
40
  };
42
- if (ref) {
43
- (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', onEscape);
44
- }
41
+ ((ref === null || ref === void 0 ? void 0 : ref.current) || document).addEventListener('keydown', onEscape);
45
42
  return function () {
46
- var _a;
47
- if (ref) {
48
- (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', onEscape);
49
- }
43
+ ((ref === null || ref === void 0 ? void 0 : ref.current) || document).removeEventListener('keydown', onEscape);
50
44
  };
51
45
  }, [ref, cb, keys]);
52
46
  };
@@ -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;"}
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;"}
@@ -50,9 +50,10 @@ require('./components/loader/constants.js');
50
50
  var index$C = require('./components/loader/index.js');
51
51
  var index$D = require('./components/with_loader/index.js');
52
52
  var index$1 = require('./components/tooltip/index.js');
53
- var index$z = require('./components/controls/hoc/control_radio_group/index.js');
54
- var index$A = require('./components/message-box/index.js');
55
53
  var context = require('./components/flash_messenger/context.js');
54
+ var index$A = require('./components/message-box/index.js');
55
+ var flash_messages_list = require('./components/flash_messenger/components/flash_messages_list.js');
56
+ var index$z = require('./components/controls/hoc/control_radio_group/index.js');
56
57
  var index$B = require('./components/flash_messenger/index.js');
57
58
 
58
59
 
@@ -103,8 +104,10 @@ exports.TabItem = tab_item.TabItem;
103
104
  exports.Loader = index$C['default'];
104
105
  exports.WithLoader = index$D['default'];
105
106
  exports.Tooltip = index$1['default'];
106
- exports.ControlRadioGroup = index$z['default'];
107
- exports.MessageBox = index$A['default'];
107
+ exports.FlashMessengerContext = context.FlashMessengerContext;
108
108
  exports.useFlashMessenger = context.useFlashMessenger;
109
+ exports.MessageBox = index$A['default'];
110
+ exports.FlashMessagesList = flash_messages_list['default'];
111
+ exports.ControlRadioGroup = index$z['default'];
109
112
  exports.FlashMessenger = index$B['default'];
110
113
  //# sourceMappingURL=index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -38,62 +38,57 @@ var Select = function (_a) {
38
38
  * array of default values (for select its always one element), array is
39
39
  * used to be compatible with multiselects
40
40
  */
41
- _b = _a.defaultValues,
42
- /**
43
- * array of default values (for select its always one element), array is
44
- * used to be compatible with multiselects
45
- */
46
- defaultValues = _b === void 0 ? [] : _b,
41
+ defaultValues = _a.defaultValues,
47
42
  /**
48
43
  * indicates if select is readonly
49
44
  */
50
- _c = _a.isReadonly,
45
+ _b = _a.isReadonly,
51
46
  /**
52
47
  * indicates if select is readonly
53
48
  */
54
- isReadonly = _c === void 0 ? false : _c,
49
+ isReadonly = _b === void 0 ? false : _b,
55
50
  /**
56
51
  * indicates if select is disabled
57
52
  */
58
- _d = _a.isDisabled,
53
+ _c = _a.isDisabled,
59
54
  /**
60
55
  * indicates if select is disabled
61
56
  */
62
- isDisabled = _d === void 0 ? false : _d,
57
+ isDisabled = _c === void 0 ? false : _c,
63
58
  /**
64
59
  * indicates if selects has groups (similar to optgroup), options then have
65
60
  * left-padding, and you should use options with isHeader set to true
66
61
  */
67
- _e = _a.isWithGroups,
62
+ _d = _a.isWithGroups,
68
63
  /**
69
64
  * indicates if selects has groups (similar to optgroup), options then have
70
65
  * left-padding, and you should use options with isHeader set to true
71
66
  */
72
- isWithGroups = _e === void 0 ? false : _e,
67
+ isWithGroups = _d === void 0 ? false : _d,
73
68
  /**
74
69
  * indicates if select should have search to look for options
75
70
  */
76
- _f = _a.isWithSearch,
71
+ _e = _a.isWithSearch,
77
72
  /**
78
73
  * indicates if select should have search to look for options
79
74
  */
80
- isWithSearch = _f === void 0 ? false : _f,
75
+ isWithSearch = _e === void 0 ? false : _e,
81
76
  /**
82
77
  * indicates if select should be opened at render
83
78
  */
84
- _g = _a.defaultIsOpen,
79
+ _f = _a.defaultIsOpen,
85
80
  /**
86
81
  * indicates if select should be opened at render
87
82
  */
88
- defaultIsOpen = _g === void 0 ? false : _g,
83
+ defaultIsOpen = _f === void 0 ? false : _f,
89
84
  /**
90
85
  * indicates if select should hide on option click
91
86
  */
92
- _h = _a.defaultCloseOnClick,
87
+ _g = _a.defaultCloseOnClick,
93
88
  /**
94
89
  * indicates if select should hide on option click
95
90
  */
96
- defaultCloseOnClick = _h === void 0 ? true : _h,
91
+ defaultCloseOnClick = _g === void 0 ? true : _g,
97
92
  /**
98
93
  * called on select toggle
99
94
  */
@@ -114,15 +109,15 @@ var Select = function (_a) {
114
109
  /**
115
110
  * isOpen provides state if dropdown is open(visible), toggleDropdown is a function which toggles dropdown content
116
111
  */
117
- var _j = useToggle(defaultIsOpen, onToggle), isOpen = _j[0], toggleDropdown = _j[1];
112
+ var _h = useToggle(defaultIsOpen, onToggle), isOpen = _h[0], toggleDropdown = _h[1];
118
113
  /**
119
114
  * hook with option list state, and method to change option list
120
115
  */
121
- var _k = useState([]), optionsList = _k[0], setOptionsList = _k[1];
116
+ var _j = useState([]), optionsList = _j[0], setOptionsList = _j[1];
122
117
  /**
123
118
  * hook with selected value, and method do change it
124
119
  */
125
- var _l = useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _l[0], setSelectedValues = _l[1];
120
+ var _k = useValue(wrapperRef, options, defaultValues, onChange), selectedValues = _k[0], setSelectedValues = _k[1];
126
121
  /**
127
122
  * context values, they may be used with useContext in any component which is part of Dropdown composition
128
123
  */
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,7 +12,7 @@ import { ISelectOption } from '../types';
12
12
  *
13
13
  * @returns {Array} Tuple - selected values and state setter for them
14
14
  */
15
- export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues: Array<string>, onChangeCb?: (selectedOption: ISelectOption) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
15
+ export declare function useValue(wrapperRef: React.RefObject<HTMLElement>, options: Array<ISelectOption>, defaultValues?: Array<string>, onChangeCb?: (selectedOption: ISelectOption) => void): [ISelectOption[], (selectedOption: ISelectOption) => void];
16
16
  /**
17
17
  * dropdown:change event
18
18
  *
@@ -28,9 +28,9 @@ function useValue(wrapperRef, options, defaultValues, onChangeCb) {
28
28
  }
29
29
  }, [onChangeCb, wrapperRef]);
30
30
  useEffect(function () {
31
- var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && (defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.indexOf(option.value)) >= 0; });
31
+ var defaultSelectedOptions = options === null || options === void 0 ? void 0 : options.filter(function (option) { return defaultValues && defaultValues.indexOf(option.value) >= 0; });
32
32
  setSelectedValue(defaultSelectedOptions);
33
- }, [defaultValues]);
33
+ }, [defaultValues, options]);
34
34
  return [selectedValues, setSelectedValues];
35
35
  }
36
36
  /**
@@ -2,9 +2,9 @@ import React, { useEffect } from 'react';
2
2
  import { CSSTransition } from 'react-transition-group';
3
3
  import Grid from '../../grid/index.js';
4
4
  import IconClose from '../../../assets/icon_close.js';
5
- import MessageBox from '../../message-box/index.js';
6
- import { useFlashMessenger } from '../context.js';
7
5
  import cssClasses from '../../../css/flash_message/main.module.less.js';
6
+ import { useFlashMessenger } from '../context.js';
7
+ import MessageBox from '../../message-box/index.js';
8
8
 
9
9
  var FlashMessage = function (_a) {
10
10
  var message = _a.message;
@@ -20,12 +20,11 @@ var FlashMessage = function (_a) {
20
20
  exitActive: cssClasses['flash-messenger__list_exit-active']
21
21
  } },
22
22
  React.createElement(MessageBox, { type: message.type, className: "".concat(cssClasses['flash-messenger__message'], " ").concat(cssClasses['flash-messenger__list-item']) },
23
- React.createElement(Grid, { size: "full" },
24
- React.createElement(Grid.Row, null,
25
- React.createElement(Grid.Col, { auto: "grow" },
26
- React.createElement("div", null, message.content)),
27
- React.createElement(Grid.Col, { auto: "auto" },
28
- React.createElement(IconClose, { onClick: function () { return hideMessage(message.id); }, className: cssClasses['flash-messenger__icon-close'] })))))));
23
+ React.createElement(Grid.Row, null,
24
+ React.createElement(Grid.Col, { auto: "grow" },
25
+ React.createElement("div", null, message.content)),
26
+ React.createElement(Grid.Col, { auto: "auto" },
27
+ React.createElement(IconClose, { onClick: function () { return hideMessage(message.id); }, className: cssClasses['flash-messenger__icon-close'] }))))));
29
28
  };
30
29
 
31
30
  export default FlashMessage;
@@ -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;"}
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;"}
@@ -1,4 +1,5 @@
1
1
  import { TMessageBoxType } from "../message-box/types";
2
+ import { ReactElement } from 'react';
2
3
  export interface IFlashMessengerContext {
3
4
  removeMessage: (id: string) => void;
4
5
  hideMessage: (id: string) => void;
@@ -16,7 +17,7 @@ export declare type TFlashMessageExtended = TFlashMessage & {
16
17
  isVisible?: boolean;
17
18
  };
18
19
  export declare type TFlashMessage = {
19
- content: string;
20
+ content: string | ReactElement;
20
21
  type: TMessageBoxType;
21
22
  timeout?: number;
22
23
  };
@@ -1,2 +1,3 @@
1
1
  import '@auroraComponents/message-box/types';
2
+ import 'react';
2
3
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/flash_messenger/types.ts"],"names":[],"mappings":"AAAA,OAAgC,qCAAqC,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/flash_messenger/types.ts"],"names":[],"mappings":"AAAA,OAAgC,qCAAqC,CAAC;AACtE,OAA6B,OAAO,CAAC"}
@@ -1,6 +1,6 @@
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_flash-messenger__2QEmJ {\n position: fixed;\n right: 1rem;\n bottom: 0;\n z-index: 1000000;\n}\n.main-module_flash-messenger__list-item__3Qwmv {\n padding: 1rem;\n transition: all 0.25s;\n margin-bottom: 1rem;\n height: 3rem;\n}\n.main-module_flash-messenger__list_enter__3EQYY {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n}\n.main-module_flash-messenger__list_exit-done__4J0xz {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n height: 0;\n padding: 0;\n margin: 0;\n}\n.main-module_flash-messenger__list_exit-active__1fYC7 {\n transform: translate3d(0, 3rem, 0);\n opacity: 0;\n}\n.main-module_flash-messenger__icon-close__32npS {\n cursor: pointer;\n}\n.main-module_flash-messenger__icon-close__32npS * {\n fill: #000000;\n}\n@media screen and (max-width: 575px) {\n .main-module_flash-messenger__message__AzNXF {\n width: calc(100vw - (1rem * 2));\n }\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_flash-messenger__2QEmJ {\n position: fixed;\n margin-right: 0;\n right: 1rem;\n bottom: 0;\n z-index: 1000000;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n align-content: flex-end;\n justify-content: flex-end;\n}\n.main-module_flash-messenger__list-item__3Qwmv {\n padding: 1rem;\n transition: all 0.25s;\n margin-bottom: 1rem;\n height: 3rem;\n}\n.main-module_flash-messenger__list_enter__3EQYY {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n}\n.main-module_flash-messenger__list_exit-done__4J0xz {\n opacity: 0;\n transform: translate3d(1rem, 0, 0);\n height: 0;\n padding: 0;\n margin: 0;\n}\n.main-module_flash-messenger__list_exit-active__1fYC7 {\n transform: translate3d(0, 3rem, 0);\n opacity: 0;\n}\n.main-module_flash-messenger__icon-close__32npS {\n cursor: pointer;\n}\n.main-module_flash-messenger__icon-close__32npS * {\n fill: #000000;\n}\n.main-module_flash-messenger__message__AzNXF {\n margin-right: 0 !important;\n width: auto !important;\n}\n@media screen and (max-width: 575px) {\n .main-module_flash-messenger__message__AzNXF {\n width: calc(100vw - (1rem * 2));\n }\n}\n";
4
4
  var cssClasses = {"flash-messenger":"main-module_flash-messenger__2QEmJ","flash-messenger__list-item":"main-module_flash-messenger__list-item__3Qwmv","flash-messenger__list_enter":"main-module_flash-messenger__list_enter__3EQYY","flash-messenger__list_exit-done":"main-module_flash-messenger__list_exit-done__4J0xz","flash-messenger__list_exit-active":"main-module_flash-messenger__list_exit-active__1fYC7","flash-messenger__icon-close":"main-module_flash-messenger__icon-close__32npS","flash-messenger__message":"main-module_flash-messenger__message__AzNXF"};
5
5
  styleInject(css_248z);
6
6
 
@@ -1,6 +1,6 @@
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-block;\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__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\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";
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-block;\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__3cahT:hover .main-module_hint__content__IIh3W {\n display: block;\n}\n.main-module_hint__content__IIh3W {\n min-width: 258px;\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
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"};
5
5
  styleInject(css_248z);
6
6
 
@@ -15,7 +15,6 @@ var checkKeyMatch = function (key, sequence) { return key.match(new RegExp(seque
15
15
  */
16
16
  var useKeyDown = function (keys, cb, ref) {
17
17
  useEffect(function () {
18
- var _a;
19
18
  if (!cb) {
20
19
  return;
21
20
  }
@@ -35,14 +34,9 @@ var useKeyDown = function (keys, cb, ref) {
35
34
  }
36
35
  });
37
36
  };
38
- if (ref) {
39
- (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', onEscape);
40
- }
37
+ ((ref === null || ref === void 0 ? void 0 : ref.current) || document).addEventListener('keydown', onEscape);
41
38
  return function () {
42
- var _a;
43
- if (ref) {
44
- (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', onEscape);
45
- }
39
+ ((ref === null || ref === void 0 ? void 0 : ref.current) || document).removeEventListener('keydown', onEscape);
46
40
  };
47
41
  }, [ref, cb, keys]);
48
42
  };
@@ -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;"}
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;"}
@@ -41,6 +41,7 @@ import Hint from "./components/hint";
41
41
  import Loader from "./components/loader";
42
42
  import WithLoader from "./components/with_loader";
43
43
  import Tooltip from "./components/tooltip";
44
+ import FlashMessagesList from "./components/flash_messenger/components/flash_messages_list";
44
45
  /**
45
46
  * Assets
46
47
  */
@@ -52,6 +53,7 @@ import IconTick from "./assets/icon_tick";
52
53
  */
53
54
  import { DropdownContext } from "./components/dropdown/context";
54
55
  import { ModalContext } from "./components/modal/context/modal_context";
56
+ import { FlashMessengerContext } from "./components/flash_messenger/context";
55
57
  /**
56
58
  * import types for export
57
59
  */
@@ -70,6 +72,7 @@ import { TMessageBoxType } from "./components/message-box/types";
70
72
  import { useFlashMessenger } from "./components/flash_messenger/context";
71
73
  import { ILoaderProps } from "./components/loader/types";
72
74
  import { IWithLoader } from "./components/with_loader/types";
75
+ import { TFlashMessage, TFlashMessageExtended } from "./components/flash_messenger/types";
73
76
  /**
74
77
  * export hooks
75
78
  */
@@ -77,8 +80,8 @@ import { useDropdownContext } from "./components/dropdown/context";
77
80
  /**
78
81
  * export components
79
82
  */
80
- export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext };
83
+ export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList };
81
84
  /**
82
85
  * export types
83
86
  */
84
- export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader };
87
+ export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended };
@@ -46,8 +46,9 @@ import './components/loader/constants.js';
46
46
  export { default as Loader } from './components/loader/index.js';
47
47
  export { default as WithLoader } from './components/with_loader/index.js';
48
48
  export { default as Tooltip } from './components/tooltip/index.js';
49
- export { default as ControlRadioGroup } from './components/controls/hoc/control_radio_group/index.js';
49
+ export { FlashMessengerContext, useFlashMessenger } from './components/flash_messenger/context.js';
50
50
  export { default as MessageBox } from './components/message-box/index.js';
51
- export { useFlashMessenger } from './components/flash_messenger/context.js';
51
+ export { default as FlashMessagesList } from './components/flash_messenger/components/flash_messages_list.js';
52
+ export { default as ControlRadioGroup } from './components/controls/hoc/control_radio_group/index.js';
52
53
  export { default as FlashMessenger } from './components/flash_messenger/index.js';
53
54
  //# sourceMappingURL=index.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;"}
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.1.1",
4
4
  "sideEffects": false,
5
- "version": "0.3.4-189",
5
+ "version": "0.3.4-192",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",