@dreamcommerce/aurora 2.16.7 → 2.16.8-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 (124) hide show
  1. package/build/cjs/packages/aurora/src/assets/icon_image.js +32 -0
  2. package/build/cjs/packages/aurora/src/assets/icon_image.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +4 -2
  4. package/build/cjs/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +1 -1
  6. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js +6 -2
  7. package/build/cjs/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js +2 -0
  9. package/build/cjs/packages/aurora/src/components/image_picker/css_classes.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/components/image_picker/index.js +21 -4
  11. package/build/cjs/packages/aurora/src/components/image_picker/index.js.map +1 -1
  12. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +5 -5
  13. package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
  14. package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js +5 -5
  15. package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map +1 -1
  16. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js +112 -0
  17. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -0
  18. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_footer.js +21 -0
  19. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_footer.js.map +1 -0
  20. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_header.js +31 -0
  21. package/build/cjs/packages/aurora/src/components/modal_new/components/modal/modal_header.js.map +1 -0
  22. package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js +66 -0
  23. package/build/cjs/packages/aurora/src/components/modal_new/components/modals_wrapper.js.map +1 -0
  24. package/build/cjs/packages/aurora/src/components/modal_new/constants.js +25 -0
  25. package/build/cjs/packages/aurora/src/components/modal_new/constants.js.map +1 -0
  26. package/build/cjs/packages/aurora/src/components/modal_new/context.js +21 -0
  27. package/build/cjs/packages/aurora/src/components/modal_new/context.js.map +1 -0
  28. package/build/cjs/packages/aurora/src/components/modal_new/css_classes.js +42 -0
  29. package/build/cjs/packages/aurora/src/components/modal_new/css_classes.js.map +1 -0
  30. package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals.js +119 -0
  31. package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals.js.map +1 -0
  32. package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals_context.js +19 -0
  33. package/build/cjs/packages/aurora/src/components/modal_new/hooks/use_modals_context.js.map +1 -0
  34. package/build/cjs/packages/aurora/src/components/modal_new/index.js +45 -0
  35. package/build/cjs/packages/aurora/src/components/modal_new/index.js.map +1 -0
  36. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +114 -9
  37. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  38. package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js +3 -1
  39. package/build/cjs/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
  40. package/build/cjs/packages/aurora/src/css/modal_new/main.module.less.js +34 -0
  41. package/build/cjs/packages/aurora/src/css/modal_new/main.module.less.js.map +1 -0
  42. package/build/cjs/packages/aurora/src/index.js +55 -49
  43. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  44. package/build/cjs/packages/aurora/src/translations/en.json.js +5 -1
  45. package/build/cjs/packages/aurora/src/translations/en.json.js.map +1 -1
  46. package/build/cjs/packages/aurora/src/translations/pl.json.js +5 -1
  47. package/build/cjs/packages/aurora/src/translations/pl.json.js.map +1 -1
  48. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
  49. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  50. package/build/esm/packages/aurora/src/assets/icon_image.d.ts +4 -0
  51. package/build/esm/packages/aurora/src/assets/icon_image.js +24 -0
  52. package/build/esm/packages/aurora/src/assets/icon_image.js.map +1 -0
  53. package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js +4 -2
  54. package/build/esm/packages/aurora/src/components/controls/hoc/control_xhr_image_picker/index.js.map +1 -1
  55. package/build/esm/packages/aurora/src/components/controls/types.d.ts +1 -0
  56. package/build/esm/packages/aurora/src/components/dropdown/components/content.js +1 -1
  57. package/build/esm/packages/aurora/src/components/file_picker/types.d.ts +1 -0
  58. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js +6 -2
  59. package/build/esm/packages/aurora/src/components/file_picker/use_file_picker.js.map +1 -1
  60. package/build/esm/packages/aurora/src/components/image_picker/css_classes.d.ts +2 -0
  61. package/build/esm/packages/aurora/src/components/image_picker/css_classes.js +2 -0
  62. package/build/esm/packages/aurora/src/components/image_picker/css_classes.js.map +1 -1
  63. package/build/esm/packages/aurora/src/components/image_picker/index.js +21 -4
  64. package/build/esm/packages/aurora/src/components/image_picker/index.js.map +1 -1
  65. package/build/esm/packages/aurora/src/components/image_picker/types.d.ts +3 -1
  66. package/build/esm/packages/aurora/src/components/image_picker/types.js.map +1 -1
  67. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.d.ts +1 -1
  68. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js +5 -5
  69. package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map +1 -1
  70. package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js +5 -5
  71. package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map +1 -1
  72. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.d.ts +3 -0
  73. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js +103 -0
  74. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal.js.map +1 -0
  75. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.d.ts +3 -0
  76. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.js +13 -0
  77. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_footer.js.map +1 -0
  78. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.d.ts +3 -0
  79. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.js +23 -0
  80. package/build/esm/packages/aurora/src/components/modal_new/components/modal/modal_header.js.map +1 -0
  81. package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.d.ts +6 -0
  82. package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js +57 -0
  83. package/build/esm/packages/aurora/src/components/modal_new/components/modals_wrapper.js.map +1 -0
  84. package/build/esm/packages/aurora/src/components/modal_new/constants.d.ts +14 -0
  85. package/build/esm/packages/aurora/src/components/modal_new/constants.js +17 -0
  86. package/build/esm/packages/aurora/src/components/modal_new/constants.js.map +1 -0
  87. package/build/esm/packages/aurora/src/components/modal_new/context.d.ts +3 -0
  88. package/build/esm/packages/aurora/src/components/modal_new/context.js +17 -0
  89. package/build/esm/packages/aurora/src/components/modal_new/context.js.map +1 -0
  90. package/build/esm/packages/aurora/src/components/modal_new/css_classes.d.ts +18 -0
  91. package/build/esm/packages/aurora/src/components/modal_new/css_classes.js +21 -0
  92. package/build/esm/packages/aurora/src/components/modal_new/css_classes.js.map +1 -0
  93. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.d.ts +12 -0
  94. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.js +115 -0
  95. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals.js.map +1 -0
  96. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.d.ts +2 -0
  97. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.js +15 -0
  98. package/build/esm/packages/aurora/src/components/modal_new/hooks/use_modals_context.js.map +1 -0
  99. package/build/esm/packages/aurora/src/components/modal_new/index.d.ts +6 -0
  100. package/build/esm/packages/aurora/src/components/modal_new/index.js +37 -0
  101. package/build/esm/packages/aurora/src/components/modal_new/index.js.map +1 -0
  102. package/build/esm/packages/aurora/src/components/modal_new/types.d.ts +35 -0
  103. package/build/esm/packages/aurora/src/components/modal_new/types.js +3 -0
  104. package/build/esm/packages/aurora/src/components/modal_new/types.js.map +1 -0
  105. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.d.ts +1 -1
  106. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +116 -11
  107. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  108. package/build/esm/packages/aurora/src/components/xhr_image_picker/types.d.ts +7 -1
  109. package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js +3 -1
  110. package/build/esm/packages/aurora/src/css/image_picker/main.module.less.js.map +1 -1
  111. package/build/esm/packages/aurora/src/css/modal_new/main.module.less.js +30 -0
  112. package/build/esm/packages/aurora/src/css/modal_new/main.module.less.js.map +1 -0
  113. package/build/esm/packages/aurora/src/index.d.ts +6 -2
  114. package/build/esm/packages/aurora/src/index.js +3 -0
  115. package/build/esm/packages/aurora/src/index.js.map +1 -1
  116. package/build/esm/packages/aurora/src/translations/en.json +3 -1
  117. package/build/esm/packages/aurora/src/translations/en.json.js +5 -2
  118. package/build/esm/packages/aurora/src/translations/en.json.js.map +1 -1
  119. package/build/esm/packages/aurora/src/translations/pl.json +3 -1
  120. package/build/esm/packages/aurora/src/translations/pl.json.js +5 -2
  121. package/build/esm/packages/aurora/src/translations/pl.json.js.map +1 -1
  122. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +0 -5
  123. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  124. 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 IconImage = function IconImage(_ref) {
14
+ var _ref$className = _ref.className,
15
+ className = _ref$className === void 0 ? '' : _ref$className,
16
+ size = _ref.size;
17
+ return /*#__PURE__*/React__default['default'].createElement(icon['default'], null, /*#__PURE__*/React__default['default'].createElement("svg", {
18
+ width: "12",
19
+ height: "13",
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
+ fillRule: "evenodd",
25
+ clipRule: "evenodd",
26
+ d: "M10.667.5c.696 0 1.273.542 1.329 1.224l.004.11v9.333c0 .696-.541 1.273-1.224 1.329l-.11.004H1.334a1.338 1.338 0 0 1-1.329-1.224L0 11.166V1.834C0 1.137.541.56 1.224.504L1.334.5h9.333ZM10.5 2h-9v9h9V2ZM5.464 8.505 4.125 7 2.25 9.25h7.5l-2.41-3-1.876 2.255Z",
27
+ fill: "#3C83EC"
28
+ })));
29
+ };
30
+
31
+ exports.default = IconImage;
32
+ //# sourceMappingURL=icon_image.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;"}
@@ -26,7 +26,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
26
26
  hint = _ref.hint,
27
27
  labelAdditionalInfo = _ref.labelAdditionalInfo,
28
28
  onUploaded = _ref.onUploaded,
29
- onImageSizeUpdated = _ref.onImageSizeUpdated;
29
+ onImageSizeUpdated = _ref.onImageSizeUpdated,
30
+ ImageEditor = _ref.ImageEditor;
30
31
 
31
32
  var _useState = React.useState(errors),
32
33
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -69,7 +70,8 @@ var ControlXhrImagePicker = function ControlXhrImagePicker(_ref) {
69
70
  className: className,
70
71
  errors: errors,
71
72
  onUploaded: onUploaded,
72
- onImageSizeUpdated: onImageSizeUpdated
73
+ onImageSizeUpdated: onImageSizeUpdated,
74
+ ImageEditor: ImageEditor
73
75
  }))), /*#__PURE__*/React__default['default'].createElement(index['default'].Errors, null));
74
76
  };
75
77
 
@@ -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;"}
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;"}
@@ -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');
@@ -97,8 +97,11 @@ var useFilePicker = function useFilePicker(_ref) {
97
97
  return isValid;
98
98
  };
99
99
 
100
- var onFileChange = function onFileChange(_ref2) {
101
- var files = _ref2.target.files;
100
+ var onFileChange = function onFileChange(event) {
101
+ changeFile(event.target.files);
102
+ };
103
+
104
+ var changeFile = function changeFile(files) {
102
105
  setErrors([]);
103
106
  updateFile(files);
104
107
  };
@@ -167,6 +170,7 @@ var useFilePicker = function useFilePicker(_ref) {
167
170
  onDragLeave: onDragLeave,
168
171
  onFileDelete: onFileDelete,
169
172
  onPreviewError: onPreviewError,
173
+ changeFile: changeFile,
170
174
  file: file,
171
175
  errors: errors,
172
176
  isPreview: isPreview,
@@ -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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -8,6 +8,8 @@ var CSS_CLASSES = {
8
8
  imagePickerWrapper: "".concat(imagePicker, "__wrapper"),
9
9
  imagePickerWrapperError: "".concat(imagePicker, "__wrapper-error"),
10
10
  imagePickerWrapperHasFile: "".concat(imagePicker, "__wrapper-has-file"),
11
+ imagePickerWrapperTopButtons: "".concat(imagePicker, "__wrapper-top-buttons"),
12
+ imagePickerEditButton: "".concat(imagePicker, "__edit-button"),
11
13
  imagePickerLabel: "".concat(imagePicker, "__label"),
12
14
  imagePickerDescription: "".concat(imagePicker, "__description"),
13
15
  imagePickerImagePreview: "".concat(imagePicker, "__image-preview"),
@@ -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;"}
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;"}
@@ -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');
@@ -33,7 +33,9 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
33
33
  name = _ref.name,
34
34
  _ref$className = _ref.className,
35
35
  className = _ref$className === void 0 ? '' : _ref$className,
36
- onImageSizeUpdated = _ref.onImageSizeUpdated;
36
+ onImageSizeUpdated = _ref.onImageSizeUpdated,
37
+ topButtons = _ref.topButtons,
38
+ editedImageResult = _ref.editedImageResult;
37
39
 
38
40
  var _useTranslation = useTranslation.useTranslation(),
39
41
  _useTranslation2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslation, 1),
@@ -55,6 +57,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
55
57
  onDragLeave = _useFilePicker.onDragLeave,
56
58
  onFileDelete = _useFilePicker.onFileDelete,
57
59
  onPreviewError = _useFilePicker.onPreviewError,
60
+ changeFile = _useFilePicker.changeFile,
58
61
  file = _useFilePicker.file,
59
62
  errors = _useFilePicker.errors,
60
63
  isPreview = _useFilePicker.isPreview,
@@ -74,6 +77,18 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
74
77
  React.useEffect(function () {
75
78
  initialFile && setImageSizeBasedOnUrl(initialFile === null || initialFile === void 0 ? void 0 : initialFile.fileUrl);
76
79
  }, [initialFile]);
80
+ React.useEffect(function () {
81
+ if (!editedImageResult) return;
82
+ var fileList = createFileList(editedImageResult);
83
+ changeFile(fileList);
84
+ updateFile(fileList);
85
+ }, [editedImageResult]);
86
+
87
+ var createFileList = function createFileList(file) {
88
+ var fileArray = [];
89
+ fileArray.push(file);
90
+ return fileArray;
91
+ };
77
92
 
78
93
  var setImageSizeBasedOnUrl = function setImageSizeBasedOnUrl(fileUrl) {
79
94
  createImageFromUrl(fileUrl).then(function (image) {
@@ -153,7 +168,9 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
153
168
  className: imagePickerClassName
154
169
  }, /*#__PURE__*/React__default['default'].createElement("div", {
155
170
  className: "".concat(imagePickerWrapperClassName, " ").concat(dragOverStyles.imagePickerWrapper)
156
- }, file && (isPreview ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(image_preview.ImagePreview, {
171
+ }, file && (isPreview ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, topButtons && /*#__PURE__*/React__default['default'].createElement("div", {
172
+ className: main_module['default'][css_classes['default'].imagePickerWrapperTopButtons]
173
+ }, topButtons), /*#__PURE__*/React__default['default'].createElement(image_preview.ImagePreview, {
157
174
  file: file,
158
175
  isValid: !(errors !== null && errors !== void 0 && errors.length),
159
176
  onError: onPreviewError
@@ -183,7 +200,7 @@ var ImagePicker = /*#__PURE__*/React.memo(function (_ref) {
183
200
  }, function (prev, curr) {
184
201
  var _prev$initialFile, _curr$initialFile, _prev$initialFile2, _curr$initialFile2;
185
202
 
186
- return ((_prev$initialFile = prev.initialFile) === null || _prev$initialFile === void 0 ? void 0 : _prev$initialFile.fileUrl) === ((_curr$initialFile = curr.initialFile) === null || _curr$initialFile === void 0 ? void 0 : _curr$initialFile.fileUrl) && ((_prev$initialFile2 = prev.initialFile) === null || _prev$initialFile2 === void 0 ? void 0 : _prev$initialFile2.fileName) === ((_curr$initialFile2 = curr.initialFile) === null || _curr$initialFile2 === void 0 ? void 0 : _curr$initialFile2.fileName) && prev.errors === curr.errors;
203
+ return ((_prev$initialFile = prev.initialFile) === null || _prev$initialFile === void 0 ? void 0 : _prev$initialFile.fileUrl) === ((_curr$initialFile = curr.initialFile) === null || _curr$initialFile === void 0 ? void 0 : _curr$initialFile.fileUrl) && ((_prev$initialFile2 = prev.initialFile) === null || _prev$initialFile2 === void 0 ? void 0 : _prev$initialFile2.fileName) === ((_curr$initialFile2 = curr.initialFile) === null || _curr$initialFile2 === void 0 ? void 0 : _curr$initialFile2.fileName) && prev.errors === curr.errors && prev.editedImageResult === curr.editedImageResult;
187
204
  });
188
205
 
189
206
  exports.default = ImagePicker;
@@ -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;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,112 @@
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
+ minWidth = _ref.minWidth,
29
+ maxWidth = _ref.maxWidth,
30
+ children = _ref.children;
31
+
32
+ var _useState = React.useState(false),
33
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
34
+ visibleClass = _useState2[0],
35
+ setVisibleClass = _useState2[1];
36
+
37
+ var _useModalsContext = use_modals_context.useModalsContext(),
38
+ modalsManagerContainerSelector = _useModalsContext.modalsManagerContainerSelector,
39
+ addModal = _useModalsContext.addModal,
40
+ getModal = _useModalsContext.getModal,
41
+ hideModal = _useModalsContext.hideModal,
42
+ hideAllModals = _useModalsContext.hideAllModals;
43
+
44
+ var $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
45
+ var modal = getModal(name);
46
+
47
+ var _useState3 = React.useState(false),
48
+ _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
49
+ renderModal = _useState4[0],
50
+ setRenderModal = _useState4[1];
51
+
52
+ React.useEffect(function () {
53
+ addModal({
54
+ name: name,
55
+ visibilityState: constants.MODAL_VISIBILITY_STATE.none,
56
+ animationDirection: animationDirection
57
+ });
58
+ }, []);
59
+ React.useEffect(function () {
60
+ var showModalTimeout;
61
+ var hideModalTimeout;
62
+
63
+ if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.visible) {
64
+ setRenderModal(true);
65
+ showModalTimeout = setTimeout(function () {
66
+ setVisibleClass(true);
67
+ }, constants.MODAL_SLIDE_FADE_DURATION);
68
+ }
69
+
70
+ if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.hidden) {
71
+ setVisibleClass(false);
72
+ }
73
+
74
+ if ((modal === null || modal === void 0 ? void 0 : modal.visibilityState) === constants.MODAL_VISIBILITY_STATE.none) {
75
+ setVisibleClass(false);
76
+ hideModalTimeout = setTimeout(function () {
77
+ setRenderModal(false);
78
+ }, constants.MODAL_SLIDE_FADE_DURATION);
79
+ }
80
+
81
+ return function () {
82
+ clearTimeout(showModalTimeout);
83
+ clearTimeout(hideModalTimeout);
84
+ };
85
+ }, [modal]);
86
+
87
+ var handleCloseModal = function handleCloseModal() {
88
+ hideAllModalsOnClose ? hideAllModals() : hideModal(name);
89
+ (header === null || header === void 0 ? void 0 : header.closeAction) && header.closeAction();
90
+ };
91
+
92
+ 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));
93
+ if (!$modalsManagerContainer) return null;
94
+ return renderModal ? /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default['default'].createElement("div", {
95
+ id: name,
96
+ className: "".concat(modalClassNames, " js__modal"),
97
+ style: {
98
+ minWidth: minWidth,
99
+ maxHeight: maxWidth
100
+ }
101
+ }, header && /*#__PURE__*/React__default['default'].createElement(modal_header.ModalHeader, {
102
+ content: header.content,
103
+ closeAction: handleCloseModal
104
+ }), /*#__PURE__*/React__default['default'].createElement("div", {
105
+ className: "".concat(main_module['default'][css_classes.cssModalContent])
106
+ }, children), footer && /*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
107
+ content: footer.content
108
+ })), $modalsManagerContainer) : null;
109
+ };
110
+
111
+ exports.ModalNew = ModalNew;
112
+ //# 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;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: "".concat(modalsWrapperBackdropClassNames, " js__modal-mask")
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;"}