@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.
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +16 -21
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_value.js +2 -2
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +5 -6
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/flash_message/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/hooks/use_key_down.js +2 -8
- package/build/cjs/packages/aurora/src/hooks/use_key_down.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +16 -21
- package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_value.js +2 -2
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +5 -6
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
- package/build/esm/packages/aurora/src/css/flash_message/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/hooks/use_key_down.js +2 -8
- package/build/esm/packages/aurora/src/hooks/use_key_down.js.map +1 -1
- 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
|
-
|
|
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
|
-
|
|
53
|
+
_b = _a.isReadonly,
|
|
59
54
|
/**
|
|
60
55
|
* indicates if select is readonly
|
|
61
56
|
*/
|
|
62
|
-
isReadonly =
|
|
57
|
+
isReadonly = _b === void 0 ? false : _b,
|
|
63
58
|
/**
|
|
64
59
|
* indicates if select is disabled
|
|
65
60
|
*/
|
|
66
|
-
|
|
61
|
+
_c = _a.isDisabled,
|
|
67
62
|
/**
|
|
68
63
|
* indicates if select is disabled
|
|
69
64
|
*/
|
|
70
|
-
isDisabled =
|
|
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
|
-
|
|
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 =
|
|
75
|
+
isWithGroups = _d === void 0 ? false : _d,
|
|
81
76
|
/**
|
|
82
77
|
* indicates if select should have search to look for options
|
|
83
78
|
*/
|
|
84
|
-
|
|
79
|
+
_e = _a.isWithSearch,
|
|
85
80
|
/**
|
|
86
81
|
* indicates if select should have search to look for options
|
|
87
82
|
*/
|
|
88
|
-
isWithSearch =
|
|
83
|
+
isWithSearch = _e === void 0 ? false : _e,
|
|
89
84
|
/**
|
|
90
85
|
* indicates if select should be opened at render
|
|
91
86
|
*/
|
|
92
|
-
|
|
87
|
+
_f = _a.defaultIsOpen,
|
|
93
88
|
/**
|
|
94
89
|
* indicates if select should be opened at render
|
|
95
90
|
*/
|
|
96
|
-
defaultIsOpen =
|
|
91
|
+
defaultIsOpen = _f === void 0 ? false : _f,
|
|
97
92
|
/**
|
|
98
93
|
* indicates if select should hide on option click
|
|
99
94
|
*/
|
|
100
|
-
|
|
95
|
+
_g = _a.defaultCloseOnClick,
|
|
101
96
|
/**
|
|
102
97
|
* indicates if select should hide on option click
|
|
103
98
|
*/
|
|
104
|
-
defaultCloseOnClick =
|
|
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
|
|
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
|
|
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
|
|
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;
|
|
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 &&
|
|
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
|
/**
|
package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js
CHANGED
|
@@ -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'],
|
|
32
|
-
React__default['default'].createElement(index$1['default'].
|
|
33
|
-
React__default['default'].createElement(
|
|
34
|
-
|
|
35
|
-
React__default['default'].createElement(
|
|
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;
|
package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map
CHANGED
|
@@ -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;
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
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
|
-
|
|
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
|
-
|
|
45
|
+
_b = _a.isReadonly,
|
|
51
46
|
/**
|
|
52
47
|
* indicates if select is readonly
|
|
53
48
|
*/
|
|
54
|
-
isReadonly =
|
|
49
|
+
isReadonly = _b === void 0 ? false : _b,
|
|
55
50
|
/**
|
|
56
51
|
* indicates if select is disabled
|
|
57
52
|
*/
|
|
58
|
-
|
|
53
|
+
_c = _a.isDisabled,
|
|
59
54
|
/**
|
|
60
55
|
* indicates if select is disabled
|
|
61
56
|
*/
|
|
62
|
-
isDisabled =
|
|
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
|
-
|
|
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 =
|
|
67
|
+
isWithGroups = _d === void 0 ? false : _d,
|
|
73
68
|
/**
|
|
74
69
|
* indicates if select should have search to look for options
|
|
75
70
|
*/
|
|
76
|
-
|
|
71
|
+
_e = _a.isWithSearch,
|
|
77
72
|
/**
|
|
78
73
|
* indicates if select should have search to look for options
|
|
79
74
|
*/
|
|
80
|
-
isWithSearch =
|
|
75
|
+
isWithSearch = _e === void 0 ? false : _e,
|
|
81
76
|
/**
|
|
82
77
|
* indicates if select should be opened at render
|
|
83
78
|
*/
|
|
84
|
-
|
|
79
|
+
_f = _a.defaultIsOpen,
|
|
85
80
|
/**
|
|
86
81
|
* indicates if select should be opened at render
|
|
87
82
|
*/
|
|
88
|
-
defaultIsOpen =
|
|
83
|
+
defaultIsOpen = _f === void 0 ? false : _f,
|
|
89
84
|
/**
|
|
90
85
|
* indicates if select should hide on option click
|
|
91
86
|
*/
|
|
92
|
-
|
|
87
|
+
_g = _a.defaultCloseOnClick,
|
|
93
88
|
/**
|
|
94
89
|
* indicates if select should hide on option click
|
|
95
90
|
*/
|
|
96
|
-
defaultCloseOnClick =
|
|
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
|
|
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
|
|
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
|
|
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;
|
|
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
|
|
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 &&
|
|
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
|
/**
|
package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js
CHANGED
|
@@ -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,
|
|
24
|
-
React.createElement(Grid.
|
|
25
|
-
React.createElement(
|
|
26
|
-
|
|
27
|
-
React.createElement(
|
|
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;
|
package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js.map
CHANGED
|
@@ -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;
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
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;"}
|