@dreamcommerce/aurora 2.17.9-1 → 2.17.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/build/cjs/packages/aurora/src/assets/icon_search.js +32 -0
  2. package/build/cjs/packages/aurora/src/assets/icon_search.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/controls/components/input.js +6 -4
  4. package/build/cjs/packages/aurora/src/components/controls/components/input.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -0
  6. package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +1 -1
  8. package/build/cjs/packages/aurora/src/components/dropdown/components/search.js +3 -1
  9. package/build/cjs/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js +7 -1
  11. package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/image_picker/index.js +1 -1
  13. package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
  14. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +5 -5
  15. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
  16. package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js +5 -5
  17. package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map +1 -1
  18. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js +106 -0
  19. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -0
  20. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_footer.js +21 -0
  21. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_footer.js.map +1 -0
  22. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_header.js +31 -0
  23. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_header.js.map +1 -0
  24. package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js +66 -0
  25. package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js.map +1 -0
  26. package/build/cjs/packages/aurora/src/components/modal_new/constants.js +25 -0
  27. package/build/cjs/packages/aurora/src/components/modal_new/constants.js.map +1 -0
  28. package/build/cjs/packages/aurora/src/components/modal_new/context.js +21 -0
  29. package/build/cjs/packages/aurora/src/components/modal_new/context.js.map +1 -0
  30. package/build/cjs/packages/aurora/src/components/modal_new/css_classes.js +42 -0
  31. package/build/cjs/packages/aurora/src/components/modal_new/css_classes.js.map +1 -0
  32. package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals.js +119 -0
  33. package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals.js.map +1 -0
  34. package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals_context.js +19 -0
  35. package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals_context.js.map +1 -0
  36. package/build/cjs/packages/aurora/src/components/modal_new/index.js +45 -0
  37. package/build/cjs/packages/aurora/src/components/modal_new/index.js.map +1 -0
  38. package/build/cjs/packages/aurora/src/css/input/main.module.less.js +1 -1
  39. package/build/cjs/packages/aurora/src/css/modal_new/main.module.less.js +34 -0
  40. package/build/cjs/packages/aurora/src/css/modal_new/main.module.less.js.map +1 -0
  41. package/build/cjs/packages/aurora/src/index.js +55 -49
  42. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  43. package/build/esm/packages/aurora/src/assets/icon_search.d.ts +4 -0
  44. package/build/esm/packages/aurora/src/assets/icon_search.js +24 -0
  45. package/build/esm/packages/aurora/src/assets/icon_search.js.map +1 -0
  46. package/build/esm/packages/aurora/src/components/controls/components/input.js +6 -4
  47. package/build/esm/packages/aurora/src/components/controls/components/input.js.map +1 -1
  48. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -0
  49. package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js.map +1 -1
  50. package/build/esm/packages/aurora/src/components/controls/types.d.ts +1 -0
  51. package/build/esm/packages/aurora/src/components/dropdown/components/content.js +1 -1
  52. package/build/esm/packages/aurora/src/components/dropdown/components/search.js +3 -1
  53. package/build/esm/packages/aurora/src/components/dropdown/components/search.js.map +1 -1
  54. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js +7 -1
  55. package/build/esm/packages/aurora/src/components/dropdown/hoc/select/index.js.map +1 -1
  56. package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +1 -0
  57. package/build/esm/packages/aurora/src/components/image_picker/index.js +1 -1
  58. package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
  59. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.d.ts +1 -1
  60. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +5 -5
  61. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
  62. package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js +5 -5
  63. package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map +1 -1
  64. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.d.ts +3 -0
  65. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js +97 -0
  66. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -0
  67. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.d.ts +3 -0
  68. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.js +13 -0
  69. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.js.map +1 -0
  70. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.d.ts +3 -0
  71. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.js +23 -0
  72. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.js.map +1 -0
  73. package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.d.ts +6 -0
  74. package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js +57 -0
  75. package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js.map +1 -0
  76. package/build/esm/packages/aurora/src/components/modal_new/constants.d.ts +14 -0
  77. package/build/esm/packages/aurora/src/components/modal_new/constants.js +17 -0
  78. package/build/esm/packages/aurora/src/components/modal_new/constants.js.map +1 -0
  79. package/build/esm/packages/aurora/src/components/modal_new/context.d.ts +3 -0
  80. package/build/esm/packages/aurora/src/components/modal_new/context.js +17 -0
  81. package/build/esm/packages/aurora/src/components/modal_new/context.js.map +1 -0
  82. package/build/esm/packages/aurora/src/components/modal_new/css_classes.d.ts +18 -0
  83. package/build/esm/packages/aurora/src/components/modal_new/css_classes.js +21 -0
  84. package/build/esm/packages/aurora/src/components/modal_new/css_classes.js.map +1 -0
  85. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.d.ts +12 -0
  86. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.js +115 -0
  87. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.js.map +1 -0
  88. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.d.ts +2 -0
  89. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.js +15 -0
  90. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.js.map +1 -0
  91. package/build/esm/packages/aurora/src/components/modal_new/index.d.ts +6 -0
  92. package/build/esm/packages/aurora/src/components/modal_new/index.js +37 -0
  93. package/build/esm/packages/aurora/src/components/modal_new/index.js.map +1 -0
  94. package/build/esm/packages/aurora/src/components/modal_new/types.d.ts +33 -0
  95. package/build/esm/packages/aurora/src/components/modal_new/types.js +3 -0
  96. package/build/esm/packages/aurora/src/components/modal_new/types.js.map +1 -0
  97. package/build/esm/packages/aurora/src/css/input/main.module.less.js +1 -1
  98. package/build/esm/packages/aurora/src/css/modal_new/main.module.less.js +30 -0
  99. package/build/esm/packages/aurora/src/css/modal_new/main.module.less.js.map +1 -0
  100. package/build/esm/packages/aurora/src/index.d.ts +4 -1
  101. package/build/esm/packages/aurora/src/index.js +3 -0
  102. package/build/esm/packages/aurora/src/index.js.map +1 -1
  103. package/package.json +1 -1
@@ -0,0 +1,32 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var main_module = require('../css/icons/main.module.less.js');
7
+ var icon = require('./icon.js');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+
13
+ var IconSearch = function IconSearch(_ref) {
14
+ var className = _ref.className,
15
+ size = _ref.size;
16
+ return /*#__PURE__*/React__default['default'].createElement(icon['default'], null, /*#__PURE__*/React__default['default'].createElement("svg", {
17
+ width: "18",
18
+ height: "18",
19
+ viewBox: "0 0 18 18",
20
+ fill: "none",
21
+ xmlns: "http://www.w3.org/2000/svg",
22
+ className: "".concat(className || '', " ").concat(main_module['default']["icon_".concat(size)])
23
+ }, /*#__PURE__*/React__default['default'].createElement("path", {
24
+ "fill-rule": "evenodd",
25
+ "clip-rule": "evenodd",
26
+ d: "M0.459653 15.2872L5.05618 10.6864C4.72523 10.1487 4.46783 9.56823 4.28396 8.94501C4.1001 8.32179 4.00817 7.67414 4.00817 7.00204C4.00817 6.02444 4.18897 5.111 4.55056 4.26171C4.91216 3.41242 5.41164 2.67312 6.04903 2.04379C6.68642 1.41446 7.42798 0.916499 8.27375 0.549898C9.11951 0.183298 10.0266 0 10.9949 0C11.9632 0 12.8733 0.183298 13.7252 0.549898C14.5771 0.916499 15.3187 1.41446 15.9499 2.04379C16.5812 2.67312 17.0807 3.41242 17.4484 4.26171C17.8161 5.111 18 6.02444 18 7.00204C18 7.96742 17.8161 8.87474 17.4484 9.72403C17.0807 10.5733 16.5812 11.3157 15.9499 11.9511C15.3187 12.5866 14.5771 13.0876 13.7252 13.4542C12.8733 13.8208 11.9632 14.0041 10.9949 14.0041C10.3207 14.0041 9.6711 13.9094 9.04597 13.72C8.42083 13.5305 7.83861 13.2709 7.29928 12.9409L2.70276 17.5418C2.39632 17.8473 2.02554 18 1.5904 18C1.15526 18 0.778347 17.8473 0.459653 17.5418C0.153216 17.224 0 16.8452 0 16.4053C0 15.9654 0.153216 15.5927 0.459653 15.2872ZM5.99398 7.00407C5.99398 7.68839 6.12575 8.33299 6.38928 8.93788C6.65282 9.54277 7.01134 10.0743 7.46487 10.5326C7.91839 10.9908 8.44852 11.3483 9.05527 11.6049C9.66201 11.8615 10.3086 11.9898 10.995 11.9898C11.6937 11.9898 12.3464 11.8615 12.9531 11.6049C13.5599 11.3483 14.09 10.9908 14.5435 10.5326C14.997 10.0743 15.3525 9.54277 15.6099 8.93788C15.8673 8.33299 15.996 7.68839 15.996 7.00407C15.996 6.30753 15.8673 5.65683 15.6099 5.05193C15.3525 4.44704 14.997 3.91854 14.5435 3.4664C14.09 3.01425 13.5599 2.65682 12.9531 2.39409C12.3464 2.13136 11.6937 2 10.995 2C10.3086 2 9.66201 2.13136 9.05527 2.39409C8.44852 2.65682 7.91839 3.01425 7.46487 3.4664C7.01134 3.91854 6.65282 4.44704 6.38928 5.05193C6.12575 5.65683 5.99398 6.30753 5.99398 7.00407Z",
27
+ fill: "#5C657E"
28
+ })));
29
+ };
30
+
31
+ exports.default = IconSearch;
32
+ //# sourceMappingURL=icon_search.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
17
17
 
18
- var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children"];
18
+ var _excluded = ["id", "name", "padding", "placeholder", "value", "disabled", "readOnly", "onChange", "onKeyPress", "onKeyUp", "children", "preElement"];
19
19
 
20
20
  var Input = function Input(_ref) {
21
21
  var id = _ref.id,
@@ -29,14 +29,16 @@ var Input = function Input(_ref) {
29
29
  onKeyPress = _ref.onKeyPress,
30
30
  onKeyUp = _ref.onKeyUp,
31
31
  children = _ref.children,
32
+ preElement = _ref.preElement,
32
33
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
33
34
 
34
35
  var _useControlContext = context.useControlContext(),
35
36
  errors = _useControlContext.errors;
36
37
 
37
38
  var inputClasses = classnames__default['default'](main_module['default'][css_classes.cssControl], main_module$1['default'][css_classes.cssControl], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssControlS], padding === 'small'), main_module['default'][css_classes.cssControlError], errors), main_module['default'][css_classes.cssControlDisabled], disabled), main_module['default'][css_classes.cssControlReadonly], readOnly));
38
- return /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
39
- className: inputClasses,
39
+ return /*#__PURE__*/React__default['default'].createElement("div", {
40
+ className: inputClasses
41
+ }, preElement && /*#__PURE__*/React__default['default'].createElement("div", null, preElement), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
40
42
  id: id,
41
43
  name: name,
42
44
  value: value !== null && value !== void 0 ? value : '',
@@ -46,7 +48,7 @@ var Input = function Input(_ref) {
46
48
  onChange: onChange,
47
49
  onKeyPress: onKeyPress,
48
50
  onKeyUp: onKeyUp
49
- }));
51
+ })));
50
52
  };
51
53
 
52
54
  exports.default = Input;
@@ -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;AACA;"}
@@ -42,6 +42,7 @@ var ControlSelect = function ControlSelect(_ref) {
42
42
  isDisabled = _ref.isDisabled,
43
43
  onChange = _ref.onChange,
44
44
  onToggle = _ref.onToggle,
45
+ onSearch = _ref.onSearch,
45
46
  errors = _ref.errors,
46
47
  hint = _ref.hint,
47
48
  placeholder = _ref.placeholder,
@@ -76,6 +77,7 @@ var ControlSelect = function ControlSelect(_ref) {
76
77
  onChange: onChange,
77
78
  onToggle: onToggle,
78
79
  onScroll: onScroll,
80
+ onSearch: onSearch,
79
81
  innerAdditionalContent: innerAdditionalContent,
80
82
  hasCloseIcon: hasCloseIcon
81
83
  }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Errors, null), additionalInfo && /*#__PURE__*/React__default['default'].createElement(index['default'].AdditionalInfo, null, additionalInfo));
@@ -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;"}
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;"}
@@ -6,8 +6,8 @@ var React = require('react');
6
6
  var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
7
7
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
8
8
  var utilities$1 = require('@dreamcommerce/utilities');
9
- var reactDom = require('react-dom');
10
9
  var classnames = require('classnames');
10
+ var reactDom = require('react-dom');
11
11
  var main_module$3 = require('../../../css/icons/main.module.less.js');
12
12
  var index = require('../context/index.js');
13
13
  var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
@@ -9,6 +9,7 @@ var input = require('../../controls/components/input.js');
9
9
  var css_classes = require('../css_classes.js');
10
10
  var main_module = require('../../../css/dropdown/main.module.less.js');
11
11
  var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
12
+ var icon_search = require('../../../assets/icon_search.js');
12
13
 
13
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
15
 
@@ -49,7 +50,8 @@ var Search = function Search(_ref) {
49
50
  value: value,
50
51
  onChange: handleOnChange,
51
52
  onKeyUp: onKeyUp,
52
- autoFocus: true
53
+ autoFocus: true,
54
+ preElement: /*#__PURE__*/React__default['default'].createElement(icon_search['default'], null)
53
55
  }));
54
56
  };
55
57
 
@@ -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;"}
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;"}
@@ -52,6 +52,7 @@ var Select = function Select(_ref) {
52
52
  defaultCloseOnClick = _ref$defaultCloseOnCl === void 0 ? true : _ref$defaultCloseOnCl,
53
53
  onToggle = _ref.onToggle,
54
54
  onChange = _ref.onChange,
55
+ onSearch = _ref.onSearch,
55
56
  portalContainer = _ref.portalContainer,
56
57
  placeholder = _ref.placeholder,
57
58
  onScroll = _ref.onScroll,
@@ -104,6 +105,11 @@ var Select = function Select(_ref) {
104
105
  * hook which resets options list to default on close if select has search and it was used
105
106
  */
106
107
 
108
+ use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
109
+ /**
110
+ * hook which debounces search results
111
+ */
112
+
107
113
  use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
108
114
  React.useEffect(function () {
109
115
  setOptionsList(options);
@@ -125,7 +131,7 @@ var Select = function Select(_ref) {
125
131
  portalContainer: portalContainer
126
132
  }, isWithSearch && /*#__PURE__*/React__default['default'].createElement(index$1['default'].Search, {
127
133
  onKeyUp: function onKeyUp(ev) {
128
- return utilities.handleSearchKeyUp(ev, options, setOptionsList);
134
+ return onSearch ? onSearch === null || onSearch === void 0 ? void 0 : onSearch(ev.target.value) : utilities.handleSearchKeyUp(ev, options, setOptionsList);
129
135
  }
130
136
  }), /*#__PURE__*/React__default['default'].createElement(index$1['default'].List, {
131
137
  isWithGroups: isWithGroups,
@@ -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;"}
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;AACA;AACA;"}
@@ -6,8 +6,8 @@ var React = require('react');
6
6
  var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
7
7
  var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
8
8
  var constants = require('../file_picker/constants.js');
9
- var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
10
9
  var classnames = require('classnames');
10
+ var reactJss_esm = require('../../../../../external/react-jss/dist/react-jss.esm.js');
11
11
  var errors_list = require('../controls/components/errors_list.js');
12
12
  var utils = require('../file_picker/utils.js');
13
13
  var use_file_picker = require('../file_picker/use_file_picker.js');
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA,2BAA2B,yDAA6D;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var reactDom = require('react-dom');
8
- var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
9
- var main_module = require('../../../../css/modal/main.module.less.js');
10
- var modal = require('../../components/modal.js');
11
7
  var utilities = require('../../utilities.js');
12
8
  var constants = require('../../constants.js');
13
- var use_resize = require('../../../../hooks/use_resize.js');
9
+ var main_module = require('../../../../css/modal/main.module.less.js');
10
+ var modal = require('../../components/modal.js');
14
11
  var classnames = require('classnames');
12
+ var reactDom = require('react-dom');
13
+ var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
14
+ var use_resize = require('../../../../hooks/use_resize.js');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
17
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var reactDom = require('react-dom');
8
- var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
9
- var main_module = require('../../../../css/modal/main.module.less.js');
10
- var modal = require('../../components/modal.js');
11
7
  var utilities = require('../../utilities.js');
12
8
  var constants = require('../../constants.js');
13
- var use_resize = require('../../../../hooks/use_resize.js');
9
+ var main_module = require('../../../../css/modal/main.module.less.js');
10
+ var modal = require('../../components/modal.js');
14
11
  var classnames = require('classnames');
12
+ var reactDom = require('react-dom');
13
+ var reactJss_esm = require('../../../../../../../external/react-jss/dist/react-jss.esm.js');
14
+ var use_resize = require('../../../../hooks/use_resize.js');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
17
 
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,106 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
+ var classnames = require('classnames');
8
+ var reactDom = require('react-dom');
9
+ var constants = require('../../constants.js');
10
+ var css_classes = require('../../css_classes.js');
11
+ var main_module = require('../../../../css/modal_new/main.module.less.js');
12
+ var modal_footer = require('./modal_footer.js');
13
+ var modal_header = require('./modal_header.js');
14
+ var use_modals_context = require('../../hooks/use_modals_context.js');
15
+
16
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
+
18
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
20
+
21
+ var ModalNew = function ModalNew(_ref) {
22
+ var name = _ref.name,
23
+ hideAllModalsOnClose = _ref.hideAllModalsOnClose,
24
+ _ref$animationDirecti = _ref.animationDirection,
25
+ animationDirection = _ref$animationDirecti === void 0 ? constants.MODAL_ANIMATION_DIRECTIONS.top : _ref$animationDirecti,
26
+ header = _ref.header,
27
+ footer = _ref.footer,
28
+ children = _ref.children;
29
+
30
+ var _useState = React.useState(false),
31
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
32
+ visibleClass = _useState2[0],
33
+ setVisibleClass = _useState2[1];
34
+
35
+ var _useModalsContext = use_modals_context.useModalsContext(),
36
+ modalsManagerContainerSelector = _useModalsContext.modalsManagerContainerSelector,
37
+ addModal = _useModalsContext.addModal,
38
+ getModal = _useModalsContext.getModal,
39
+ hideModal = _useModalsContext.hideModal,
40
+ hideAllModals = _useModalsContext.hideAllModals;
41
+
42
+ var $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
43
+ var modal = getModal(name);
44
+
45
+ var _useState3 = React.useState(false),
46
+ _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
47
+ renderModal = _useState4[0],
48
+ setRenderModal = _useState4[1];
49
+
50
+ React.useEffect(function () {
51
+ addModal({
52
+ name: name,
53
+ visibilityState: constants.MODAL_VISIBILITY_STATE.none,
54
+ animationDirection: animationDirection
55
+ });
56
+ }, []);
57
+ React.useEffect(function () {
58
+ var showModalTimeout;
59
+ var hideModalTimeout;
60
+
61
+ if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.visible) {
62
+ setRenderModal(true);
63
+ showModalTimeout = setTimeout(function () {
64
+ setVisibleClass(true);
65
+ }, constants.MODAL_SLIDE_FADE_DURATION);
66
+ }
67
+
68
+ if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.hidden) {
69
+ setVisibleClass(false);
70
+ }
71
+
72
+ if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.none) {
73
+ setVisibleClass(false);
74
+ hideModalTimeout = setTimeout(function () {
75
+ setRenderModal(false);
76
+ }, constants.MODAL_SLIDE_FADE_DURATION);
77
+ }
78
+
79
+ return function () {
80
+ clearTimeout(showModalTimeout);
81
+ clearTimeout(hideModalTimeout);
82
+ };
83
+ }, [modal]);
84
+
85
+ var handleCloseModal = function handleCloseModal() {
86
+ hideAllModalsOnClose ? hideAllModals() : hideModal(name);
87
+ (header === null || header === void 0 ? void 0 : header.closeAction) && header.closeAction();
88
+ };
89
+
90
+ var modalClassNames = classnames__default['default'](main_module['default'][css_classes.cssModal], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssModalShow], visibleClass), main_module['default'][css_classes.cssModalHide], !visibleClass), main_module['default'][css_classes.cssModalAnimationTop], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.top), main_module['default'][css_classes.cssModalAnimationRight], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.right), main_module['default'][css_classes.cssModalAnimationBottom], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.bottom), main_module['default'][css_classes.cssModalAnimationLeft], animationDirection === constants.MODAL_ANIMATION_DIRECTIONS.left));
91
+ if (!$modalsManagerContainer) return null;
92
+ return renderModal ? /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
93
+ id: name,
94
+ className: modalClassNames
95
+ }, header && /*#__PURE__*/React__default['default'].createElement(modal_header.ModalHeader, {
96
+ content: header.content,
97
+ closeAction: handleCloseModal
98
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
99
+ className: "".concat(main_module['default'][css_classes.cssModalContent])
100
+ }, children), footer && /*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
101
+ content: footer.content
102
+ })), $modalsManagerContainer) : null;
103
+ };
104
+
105
+ exports.ModalNew = ModalNew;
106
+ //# sourceMappingURL=modal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var css_classes = require('../../css_classes.js');
7
+ var main_module = require('../../../../css/modal_new/main.module.less.js');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+
13
+ var ModalFooter = function ModalFooter(_ref) {
14
+ var content = _ref.content;
15
+ return /*#__PURE__*/React__default['default'].createElement("footer", {
16
+ className: main_module['default'][css_classes.cssModalFooter]
17
+ }, content);
18
+ };
19
+
20
+ exports.ModalFooter = ModalFooter;
21
+ //# sourceMappingURL=modal_footer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,31 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var icon_close = require('../../../../assets/icon_close.js');
7
+ var css_classes = require('../../css_classes.js');
8
+ var main_module = require('../../../../css/modal_new/main.module.less.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+
14
+ var ModalHeader = function ModalHeader(_ref) {
15
+ var _ref$content = _ref.content,
16
+ content = _ref$content === void 0 ? '' : _ref$content,
17
+ closeAction = _ref.closeAction;
18
+ return /*#__PURE__*/React__default['default'].createElement("header", {
19
+ className: main_module['default'][css_classes.cssModalHeader]
20
+ }, /*#__PURE__*/React__default['default'].createElement("h3", {
21
+ className: main_module['default'][css_classes.cssModalHeaderTitle]
22
+ }, content), /*#__PURE__*/React__default['default'].createElement("div", {
23
+ className: main_module['default'][css_classes.cssModalHeaderActions]
24
+ }, closeAction && /*#__PURE__*/React__default['default'].createElement(icon_close['default'], {
25
+ onClick: closeAction,
26
+ className: main_module['default'][css_classes.cssModalHeaderCloseIcon]
27
+ })));
28
+ };
29
+
30
+ exports.ModalHeader = ModalHeader;
31
+ //# sourceMappingURL=modal_header.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,66 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
+ var classnames = require('classnames');
8
+ var reactDom = require('react-dom');
9
+ var constants = require('../constants.js');
10
+ var css_classes = require('../css_classes.js');
11
+ var main_module = require('../../../css/modal_new/main.module.less.js');
12
+ var use_modals_context = require('../hooks/use_modals_context.js');
13
+
14
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
+
16
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
18
+
19
+ var ModalsWrapper = function ModalsWrapper(_ref) {
20
+ var children = _ref.children;
21
+
22
+ var _useState = React.useState(false),
23
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
24
+ showWrapper = _useState2[0],
25
+ setShowWrapper = _useState2[1];
26
+
27
+ var _useState3 = React.useState(false),
28
+ _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
29
+ visibleClass = _useState4[0],
30
+ setVisibleClass = _useState4[1];
31
+
32
+ var _useModalsContext = use_modals_context.useModalsContext(),
33
+ openedModals = _useModalsContext.openedModals;
34
+
35
+ React.useEffect(function () {
36
+ var showWrapperTimeout;
37
+
38
+ if (openedModals.length) {
39
+ setShowWrapper(true);
40
+ setVisibleClass(true);
41
+ } else {
42
+ setVisibleClass(false);
43
+ showWrapperTimeout = setTimeout(function () {
44
+ setShowWrapper(false);
45
+ }, constants.MODALS_WRAPPER_BACKDROP_FADE_DURATION);
46
+ }
47
+
48
+ return function () {
49
+ return clearTimeout(showWrapperTimeout);
50
+ };
51
+ }, [openedModals]);
52
+ var modalsWrapperBackdropClassNames = classnames__default['default'](main_module['default'][css_classes.cssModalsManagerWrapperBackdrop], _rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes.cssModalsManagerWrapperBackdropShow], visibleClass));
53
+ return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
54
+ className: "".concat(main_module['default'][css_classes.cssModalsManager])
55
+ }, showWrapper && /*#__PURE__*/React__default['default'].createElement("div", {
56
+ className: "".concat(main_module['default'][css_classes.cssModalsManagerWrapper])
57
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
58
+ className: modalsWrapperBackdropClassNames
59
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
60
+ id: constants.MODALS_CONTENT_ID,
61
+ className: "".concat(main_module['default'][css_classes.cssModalsManagerWrapperContent])
62
+ })), children), document.body);
63
+ };
64
+
65
+ exports.ModalsWrapper = ModalsWrapper;
66
+ //# sourceMappingURL=modals_wrapper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,25 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var MODALS_CONTENT_ID = 'modals-content';
6
+ var MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
7
+ var MODAL_SLIDE_FADE_DURATION = 200;
8
+ var MODAL_ANIMATION_DIRECTIONS = {
9
+ top: 'top',
10
+ right: 'right',
11
+ bottom: 'bottom',
12
+ left: 'left'
13
+ };
14
+ var MODAL_VISIBILITY_STATE = {
15
+ none: 'none',
16
+ hidden: 'hidden',
17
+ visible: 'visible'
18
+ };
19
+
20
+ exports.MODALS_CONTENT_ID = MODALS_CONTENT_ID;
21
+ exports.MODALS_WRAPPER_BACKDROP_FADE_DURATION = MODALS_WRAPPER_BACKDROP_FADE_DURATION;
22
+ exports.MODAL_ANIMATION_DIRECTIONS = MODAL_ANIMATION_DIRECTIONS;
23
+ exports.MODAL_SLIDE_FADE_DURATION = MODAL_SLIDE_FADE_DURATION;
24
+ exports.MODAL_VISIBILITY_STATE = MODAL_VISIBILITY_STATE;
25
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,21 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ var ModalsManagerContext = /*#__PURE__*/React.createContext({
8
+ modalsManagerContainerSelector: '',
9
+ addModal: function addModal() {},
10
+ updateModal: function updateModal() {},
11
+ getModal: function getModal() {
12
+ return undefined;
13
+ },
14
+ showModal: function showModal() {},
15
+ hideModal: function hideModal() {},
16
+ hideAllModals: function hideAllModals() {},
17
+ openedModals: []
18
+ });
19
+
20
+ exports.ModalsManagerContext = ModalsManagerContext;
21
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -0,0 +1,42 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var cssModalsManager = 'modals-manager';
6
+ var cssModalsManagerWrapper = 'modals-manager__wrapper';
7
+ var cssModalsManagerWrapperBackdrop = 'modals-manager__wrapper-backdrop';
8
+ var cssModalsManagerWrapperBackdropShow = 'modals-manager__wrapper-backdrop_show';
9
+ var cssModalsManagerWrapperContent = 'modals-manager__wrapper-content';
10
+ var cssModal = 'modal';
11
+ var cssModalHeader = 'modal__header';
12
+ var cssModalHeaderTitle = 'modal__header-title';
13
+ var cssModalHeaderActions = 'modal__header-actions';
14
+ var cssModalHeaderCloseIcon = 'modal__header-close-icon';
15
+ var cssModalShow = 'modal_show';
16
+ var cssModalHide = 'modal_hide';
17
+ var cssModalAnimationTop = 'modal_animation-top';
18
+ var cssModalAnimationRight = 'modal_animation-right';
19
+ var cssModalAnimationBottom = 'modal_animation-bottom';
20
+ var cssModalAnimationLeft = 'modal_animation-left';
21
+ var cssModalContent = 'modal__content';
22
+ var cssModalFooter = 'modal__footer';
23
+
24
+ exports.cssModal = cssModal;
25
+ exports.cssModalAnimationBottom = cssModalAnimationBottom;
26
+ exports.cssModalAnimationLeft = cssModalAnimationLeft;
27
+ exports.cssModalAnimationRight = cssModalAnimationRight;
28
+ exports.cssModalAnimationTop = cssModalAnimationTop;
29
+ exports.cssModalContent = cssModalContent;
30
+ exports.cssModalFooter = cssModalFooter;
31
+ exports.cssModalHeader = cssModalHeader;
32
+ exports.cssModalHeaderActions = cssModalHeaderActions;
33
+ exports.cssModalHeaderCloseIcon = cssModalHeaderCloseIcon;
34
+ exports.cssModalHeaderTitle = cssModalHeaderTitle;
35
+ exports.cssModalHide = cssModalHide;
36
+ exports.cssModalShow = cssModalShow;
37
+ exports.cssModalsManager = cssModalsManager;
38
+ exports.cssModalsManagerWrapper = cssModalsManagerWrapper;
39
+ exports.cssModalsManagerWrapperBackdrop = cssModalsManagerWrapperBackdrop;
40
+ exports.cssModalsManagerWrapperBackdropShow = cssModalsManagerWrapperBackdropShow;
41
+ exports.cssModalsManagerWrapperContent = cssModalsManagerWrapperContent;
42
+ //# sourceMappingURL=css_classes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}