@dreamcommerce/aurora 0.3.4-190 → 0.3.4-191

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.
@@ -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
  /**
@@ -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
 
@@ -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;"}
@@ -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
  /**
@@ -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,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
 
@@ -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;"}
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-190",
5
+ "version": "0.3.4-191",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",