@dreamcommerce/aurora 2.18.0 → 2.19.0-1

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 (26) hide show
  1. package/build/cjs/packages/aurora/src/components/loader/index.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/with_loader/css_classes.js +2 -0
  3. package/build/cjs/packages/aurora/src/components/with_loader/css_classes.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/with_loader/index.js +9 -3
  5. package/build/cjs/packages/aurora/src/components/with_loader/index.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js +38 -12
  7. package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/css/with-loader/main.module.less.js +4 -2
  9. package/build/cjs/packages/aurora/src/css/with-loader/main.module.less.js.map +1 -1
  10. package/build/cjs/packages/aurora/src/index.js +4 -4
  11. package/build/esm/packages/aurora/src/components/image_picker/types.d.ts +1 -0
  12. package/build/esm/packages/aurora/src/components/loader/index.js +1 -1
  13. package/build/esm/packages/aurora/src/components/with_loader/css_classes.d.ts +2 -0
  14. package/build/esm/packages/aurora/src/components/with_loader/css_classes.js +2 -1
  15. package/build/esm/packages/aurora/src/components/with_loader/css_classes.js.map +1 -1
  16. package/build/esm/packages/aurora/src/components/with_loader/index.js +10 -4
  17. package/build/esm/packages/aurora/src/components/with_loader/index.js.map +1 -1
  18. package/build/esm/packages/aurora/src/components/with_loader/types.d.ts +4 -2
  19. package/build/esm/packages/aurora/src/components/with_loader/types.js +1 -0
  20. package/build/esm/packages/aurora/src/components/with_loader/types.js.map +1 -1
  21. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js +38 -12
  22. package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map +1 -1
  23. package/build/esm/packages/aurora/src/css/with-loader/main.module.less.js +4 -2
  24. package/build/esm/packages/aurora/src/css/with-loader/main.module.less.js.map +1 -1
  25. package/build/esm/packages/aurora/src/index.js +2 -2
  26. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/loader/index.js CHANGED
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
+ var main_module = require('../../css/loader/main.module.less.js');
7
8
  var css_classes = require('./css_classes.js');
8
9
  var constants = require('./constants.js');
9
- var main_module = require('../../css/loader/main.module.less.js');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
12
 
package/build/cjs/packages/aurora/src/components/with_loader/css_classes.js CHANGED
@@ -3,6 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var cssWithLoader = 'with-loader';
6
+ var cssWithLoaderWrapper = 'with-loader-wrapper';
6
7
 
7
8
  exports.cssWithLoader = cssWithLoader;
9
+ exports.cssWithLoaderWrapper = cssWithLoaderWrapper;
8
10
  //# sourceMappingURL=css_classes.js.map
package/build/cjs/packages/aurora/src/components/with_loader/css_classes.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
package/build/cjs/packages/aurora/src/components/with_loader/index.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
- var index = require('../loader/index.js');
8
7
  var main_module = require('../../css/with-loader/main.module.less.js');
8
+ var index = require('../loader/index.js');
9
9
  var css_classes = require('./css_classes.js');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,14 +15,20 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
15
15
 
16
16
  var WithLoader = function WithLoader(_ref) {
17
17
  var isLoading = _ref.isLoading,
18
+ textOnLoading = _ref.textOnLoading,
18
19
  children = _ref.children,
19
- size = _ref.size;
20
+ size = _ref.size,
21
+ customStyle = _ref.customStyle;
20
22
  return isLoading ? /*#__PURE__*/React__default['default'].createElement("div", {
23
+ className: customStyle || ''
24
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
25
+ className: classnames__default['default'](main_module['default'][css_classes.cssWithLoaderWrapper])
26
+ }, /*#__PURE__*/React__default['default'].createElement("div", {
21
27
  className: classnames__default['default'](main_module['default'][css_classes.cssWithLoader]),
22
28
  "data-test-id": "loader"
23
29
  }, /*#__PURE__*/React__default['default'].createElement(index['default'], {
24
30
  size: size
25
- })) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children);
31
+ }), textOnLoading && /*#__PURE__*/React__default['default'].createElement("span", null, textOnLoading)))) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children);
26
32
  };
27
33
 
28
34
  exports.default = WithLoader;
package/build/cjs/packages/aurora/src/components/with_loader/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js CHANGED
@@ -6,6 +6,7 @@ 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
+ require('classnames');
9
10
  var css_classes = require('../image_picker/css_classes.js');
10
11
  var icon_image = require('../../assets/icon_image.js');
11
12
  var main_module = require('../../css/image_picker/main.module.less.js');
@@ -67,6 +68,11 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
67
68
  imageEditorResult = _useState8[0],
68
69
  setImageEditorResult = _useState8[1];
69
70
 
71
+ var _useState9 = React.useState(false),
72
+ _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
73
+ isLoading = _useState10[0],
74
+ setIsLoading = _useState10[1];
75
+
70
76
  var handleControlChange = /*#__PURE__*/function () {
71
77
  var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(file) {
72
78
  var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
@@ -75,20 +81,25 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
75
81
  while (1) switch (_context.prev = _context.next) {
76
82
  case 0:
77
83
  fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
84
+ console.log('handleControlChange - file:', file);
85
+ console.log('handleControlChange - fileList:', fileList);
86
+ console.log('handleControlChange - fileAsDataUrl:', fileAsDataUrl);
78
87
  fileList && setImage(fileList[0]);
79
88
  onChange === null || onChange === void 0 || onChange({
80
89
  fileList: fileList,
81
90
  fileAsDataUrl: fileAsDataUrl
82
91
  });
92
+ console.log('handleControlChange - fileAsDataUrl:', fileAsDataUrl);
83
93
 
84
94
  if (!(!fileList || !fileList.length)) {
85
- _context.next = 5;
95
+ _context.next = 9;
86
96
  break;
87
97
  }
88
98
 
89
99
  return _context.abrupt("return");
90
100
 
91
- case 5:
101
+ case 9:
102
+ // setIsLoading(true);
92
103
  if (pendingRequestRef.current) {
93
104
  pendingRequestRef.current();
94
105
  pendingRequestRef.current = undefined;
@@ -100,18 +111,20 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
100
111
  data: fileList[0]
101
112
  }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
102
113
  pendingRequestRef.current = cancelRequest;
103
- _context.next = 10;
114
+ _context.next = 14;
104
115
  return response;
105
116
 
106
- case 10:
117
+ case 14:
107
118
  responseObject = _context.sent;
119
+ // setIsLoading(false);
120
+ console.log('handleControlChange - responseObject:', responseObject);
108
121
  onUploaded === null || onUploaded === void 0 || onUploaded({
109
122
  fileList: fileList,
110
123
  dataUrl: fileAsDataUrl,
111
124
  imageId: responseObject.data.imageId
112
125
  });
113
126
 
114
- case 12:
127
+ case 17:
115
128
  case "end":
116
129
  return _context.stop();
117
130
  }
@@ -125,6 +138,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
125
138
 
126
139
  React.useEffect(function () {
127
140
  initialImageFile.current = initialFile;
141
+ console.log('useEffect - initialFile:', initialFile);
128
142
 
129
143
  var setFileFromUrl = /*#__PURE__*/function () {
130
144
  var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(fileData) {
@@ -132,20 +146,22 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
132
146
  return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
133
147
  while (1) switch (_context2.prev = _context2.next) {
134
148
  case 0:
135
- _context2.next = 2;
149
+ console.log('setFileFromUrl - fileData:', fileData);
150
+ _context2.next = 3;
136
151
  return fetch(fileData.fileUrl);
137
152
 
138
- case 2:
153
+ case 3:
139
154
  response = _context2.sent;
140
- _context2.next = 5;
155
+ _context2.next = 6;
141
156
  return response.blob();
142
157
 
143
- case 5:
158
+ case 6:
144
159
  data = _context2.sent;
145
160
  file = new File([data], fileData.fileName);
146
161
  setInitialImage(file);
162
+ console.log('setFileFromUrl - file:', file);
147
163
 
148
- case 8:
164
+ case 10:
149
165
  case "end":
150
166
  return _context2.stop();
151
167
  }
@@ -157,20 +173,30 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
157
173
  };
158
174
  }();
159
175
 
176
+ console.log('image.webkitRelativePath', image === null || image === void 0 ? void 0 : image.webkitRelativePath);
177
+ console.log('image.name', image === null || image === void 0 ? void 0 : image.name);
160
178
  if (!initialImageFile.current) return;
161
- setFileFromUrl(initialImageFile.current);
179
+ setFileFromUrl(initialImageFile.current); // !initialImageFile.current
180
+ // ? image && setFileFromUrl({ fileName: image.name, fileUrl: image.webkitRelativePath })
181
+ // : setFileFromUrl(initialImageFile.current);
182
+
162
183
  return function () {
163
184
  var _pendingRequestRef$cu;
164
185
 
165
186
  return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
166
187
  };
167
- }, []);
188
+ }, [image, initialFile]);
168
189
  React.useEffect(function () {
169
190
  var src = image !== null && image !== void 0 ? image : initialImage;
191
+ console.log('useEffect - image:', image);
192
+ console.log('useEffect - initialImage:', initialImage);
193
+ console.log('useEffect - src:', src !== null && src !== void 0 ? src : '');
170
194
  setImageEditorSrc(src !== null && src !== void 0 ? src : '');
171
195
  }, [image, initialImage]);
196
+ console.log('useEffect - setImageEditorSrc(src ?? ""):', imageEditorSrc);
172
197
 
173
198
  var renderImageEditor = function renderImageEditor(defaultProps) {
199
+ console.log('renderImageEditor - defaultProps:', defaultProps);
174
200
  return ImageEditor ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(ImageEditor, _rollupPluginBabelHelpers.objectSpread2({}, defaultProps))) : null;
175
201
  };
176
202
 
package/build/cjs/packages/aurora/src/components/xhr_image_picker/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/css/with-loader/main.module.less.js CHANGED
@@ -4,9 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = ".main-module_with-loader__X2lLa {\n text-align: center;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** WithLoader Variables */\n.main-module_with-loader__X2lLa {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.main-module_with-loader__X2lLa :nth-child(2) {\n margin-top: 0.5rem;\n color: #5c657e;\n}\n.main-module_with-loader-wrapper__B1nI2 {\n padding: 2rem 0;\n}\n.main-module_with-loader-bordered__1pf_Y {\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n";
8
8
  var cssClasses = {
9
- "with-loader": "main-module_with-loader__X2lLa"
9
+ "with-loader": "main-module_with-loader__X2lLa",
10
+ "with-loader-wrapper": "main-module_with-loader-wrapper__B1nI2",
11
+ "with-loader-bordered": "main-module_with-loader-bordered__1pf_Y"
10
12
  };
11
13
  styleInject_es['default'](css_248z);
12
14
 
package/build/cjs/packages/aurora/src/css/with-loader/main.module.less.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/index.js CHANGED
@@ -44,6 +44,8 @@ var index$g = require('./components/controls/hoc/control_textarea/index.js');
44
44
  var index$F = require('./components/image_picker/index.js');
45
45
  var use_modals_context = require('./components/modal_new/hooks/use_modals_context.js');
46
46
  var modal = require('./components/modal_new/components/modal/modal.js');
47
+ var index$L = require('./components/loader/index.js');
48
+ var index$M = require('./components/with_loader/index.js');
47
49
  var index$P = require('./components/xhr_image_picker/index.js');
48
50
  var index$p = require('./components/controls/hoc/control_xhr_image_picker/index.js');
49
51
  var index$z = require('./components/table/index.js');
@@ -63,7 +65,6 @@ var icon_mobile = require('./assets/icon_mobile.js');
63
65
  var icon_tablet = require('./assets/icon_tablet.js');
64
66
  var icon_warning = require('./assets/icon_warning.js');
65
67
  var index$N = require('./components/link/index.js');
66
- var index$L = require('./components/loader/index.js');
67
68
  var index$s = require('./components/modal/index.js');
68
69
  var modal_context = require('./components/modal/context/modal_context.js');
69
70
  var modal_provider = require('./components/modal/hoc/modal_provider.js');
@@ -92,7 +93,6 @@ var index$2 = require('./components/tooltip/index.js');
92
93
  var index$Q = require('./components/tree/index.js');
93
94
  var tree_node = require('./components/tree/components/tree_node.js');
94
95
  var values_syncer = require('./components/controls/components/values_syncer.js');
95
- var index$M = require('./components/with_loader/index.js');
96
96
 
97
97
 
98
98
 
@@ -139,6 +139,8 @@ exports.ControlTextarea = index$g['default'];
139
139
  exports.ImagePicker = index$F['default'];
140
140
  exports.useModalsContext = use_modals_context.useModalsContext;
141
141
  exports.ModalNew = modal.ModalNew;
142
+ exports.Loader = index$L['default'];
143
+ exports.WithLoader = index$M['default'];
142
144
  exports.XhrImagePicker = index$P['default'];
143
145
  exports.ControlXhrImagePicker = index$p['default'];
144
146
  exports.Table = index$z['default'];
@@ -159,7 +161,6 @@ exports.IconMobile = icon_mobile['default'];
159
161
  exports.IconTablet = icon_tablet['default'];
160
162
  exports.IconWarning = icon_warning['default'];
161
163
  exports.Link = index$N['default'];
162
- exports.Loader = index$L['default'];
163
164
  exports.Modal = index$s['default'];
164
165
  exports.ModalContext = modal_context.ModalContext;
165
166
  exports.ModalProvider = modal_provider['default'];
@@ -188,5 +189,4 @@ exports.Tooltip = index$2['default'];
188
189
  exports.Tree = index$Q.Tree;
189
190
  exports.TreeNode = tree_node.TreeNode;
190
191
  exports.ValuesSyncer = values_syncer['default'];
191
- exports.WithLoader = index$M['default'];
192
192
  //# sourceMappingURL=index.js.map
package/build/esm/packages/aurora/src/components/image_picker/types.d.ts CHANGED
@@ -16,6 +16,7 @@ export interface IImagePickerInput {
16
16
  onDragLeave: (event: React.DragEvent<HTMLLabelElement>) => void;
17
17
  allowedExtensions: TFilesExtension[];
18
18
  isDragOver: boolean;
19
+ isLoaderVisible?: boolean;
19
20
  }
20
21
  export declare type TImageSize = {
21
22
  width: number;
package/build/esm/packages/aurora/src/components/loader/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
+ import cssClasses from '../../css/loader/main.module.less.js';
3
4
  import { cssLoader } from './css_classes.js';
4
5
  import { LOADER_SIZE_CSS_CLASS_MAP, LOADER_SIZE } from './constants.js';
5
- import cssClasses from '../../css/loader/main.module.less.js';
6
6
 
7
7
  var Loader = function Loader(_ref) {
8
8
  var size = _ref.size,
package/build/esm/packages/aurora/src/components/with_loader/css_classes.d.ts CHANGED
@@ -1 +1,3 @@
1
1
  export declare const cssWithLoader = "with-loader";
2
+ export declare const cssWithLoaderWrapper = "with-loader-wrapper";
3
+ export declare const cssWithLoaderBordered = "with-loader-bordered";
package/build/esm/packages/aurora/src/components/with_loader/css_classes.js CHANGED
@@ -1,4 +1,5 @@
1
1
  var cssWithLoader = 'with-loader';
2
+ var cssWithLoaderWrapper = 'with-loader-wrapper';
2
3
 
3
- export { cssWithLoader };
4
+ export { cssWithLoader, cssWithLoaderWrapper };
4
5
  //# sourceMappingURL=css_classes.js.map
package/build/esm/packages/aurora/src/components/with_loader/css_classes.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/with_loader/index.js CHANGED
@@ -1,19 +1,25 @@
1
1
  import React from 'react';
2
2
  import classnames from 'classnames';
3
- import Loader from '../loader/index.js';
4
3
  import cssClasses from '../../css/with-loader/main.module.less.js';
5
- import { cssWithLoader } from './css_classes.js';
4
+ import Loader from '../loader/index.js';
5
+ import { cssWithLoaderWrapper, cssWithLoader } from './css_classes.js';
6
6
 
7
7
  var WithLoader = function WithLoader(_ref) {
8
8
  var isLoading = _ref.isLoading,
9
+ textOnLoading = _ref.textOnLoading,
9
10
  children = _ref.children,
10
- size = _ref.size;
11
+ size = _ref.size,
12
+ customStyle = _ref.customStyle;
11
13
  return isLoading ? /*#__PURE__*/React.createElement("div", {
14
+ className: customStyle || ''
15
+ }, /*#__PURE__*/React.createElement("div", {
16
+ className: classnames(cssClasses[cssWithLoaderWrapper])
17
+ }, /*#__PURE__*/React.createElement("div", {
12
18
  className: classnames(cssClasses[cssWithLoader]),
13
19
  "data-test-id": "loader"
14
20
  }, /*#__PURE__*/React.createElement(Loader, {
15
21
  size: size
16
- })) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
22
+ }), textOnLoading && /*#__PURE__*/React.createElement("span", null, textOnLoading)))) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
17
23
  };
18
24
 
19
25
  export default WithLoader;
package/build/esm/packages/aurora/src/components/with_loader/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;"}
package/build/esm/packages/aurora/src/components/with_loader/types.d.ts CHANGED
@@ -1,8 +1,10 @@
1
- /// <reference types="react" />
2
1
  import { ILoaderProps } from "../loader/types";
3
2
  import { TLoaderSize } from "../loader/types";
3
+ import { ReactNode } from 'react';
4
4
  export interface IWithLoader extends ILoaderProps {
5
5
  size?: TLoaderSize;
6
6
  children?: React.ReactNode;
7
- isLoading: boolean;
7
+ isLoading?: boolean;
8
+ textOnLoading?: ReactNode | string;
9
+ customStyle?: string;
8
10
  }
package/build/esm/packages/aurora/src/components/with_loader/types.js CHANGED
@@ -1,3 +1,4 @@
1
1
  import '@auroraComponents/loader/types';
2
2
  import '@auroraComponents/loader/types';
3
+ import 'react';
3
4
  //# sourceMappingURL=types.js.map
package/build/esm/packages/aurora/src/components/with_loader/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/with_loader/types.ts"],"names":[],"mappings":"AAAA,OAA6B,gCAAgC,CAAC;AAC9D,OAA4B,gCAAgC,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/with_loader/types.ts"],"names":[],"mappings":"AAAA,OAA6B,gCAAgC,CAAC;AAC9D,OAA4B,gCAAgC,CAAC;AAC7D,OAA0B,OAAO,CAAC"}
package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js CHANGED
@@ -2,6 +2,7 @@ import React, { useRef, useState, useEffect } from 'react';
2
2
  import { useTranslation } from '../../../../../external/react-i18next/dist/es/useTranslation.js';
3
3
  import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
4
4
  import { FILES_EXTENSIONS } from '../file_picker/constants.js';
5
+ import 'classnames';
5
6
  import CSS_CLASSES from '../image_picker/css_classes.js';
6
7
  import IconImage from '../../assets/icon_image.js';
7
8
  import styles from '../../css/image_picker/main.module.less.js';
@@ -59,6 +60,11 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
59
60
  imageEditorResult = _useState8[0],
60
61
  setImageEditorResult = _useState8[1];
61
62
 
63
+ var _useState9 = useState(false),
64
+ _useState10 = _slicedToArray(_useState9, 2),
65
+ isLoading = _useState10[0],
66
+ setIsLoading = _useState10[1];
67
+
62
68
  var handleControlChange = /*#__PURE__*/function () {
63
69
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
64
70
  var fileList, fileAsDataUrl, _httpApi$fetch, response, cancelRequest, responseObject;
@@ -67,20 +73,25 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
67
73
  while (1) switch (_context.prev = _context.next) {
68
74
  case 0:
69
75
  fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
76
+ console.log('handleControlChange - file:', file);
77
+ console.log('handleControlChange - fileList:', fileList);
78
+ console.log('handleControlChange - fileAsDataUrl:', fileAsDataUrl);
70
79
  fileList && setImage(fileList[0]);
71
80
  onChange === null || onChange === void 0 || onChange({
72
81
  fileList: fileList,
73
82
  fileAsDataUrl: fileAsDataUrl
74
83
  });
84
+ console.log('handleControlChange - fileAsDataUrl:', fileAsDataUrl);
75
85
 
76
86
  if (!(!fileList || !fileList.length)) {
77
- _context.next = 5;
87
+ _context.next = 9;
78
88
  break;
79
89
  }
80
90
 
81
91
  return _context.abrupt("return");
82
92
 
83
- case 5:
93
+ case 9:
94
+ // setIsLoading(true);
84
95
  if (pendingRequestRef.current) {
85
96
  pendingRequestRef.current();
86
97
  pendingRequestRef.current = undefined;
@@ -92,18 +103,20 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
92
103
  data: fileList[0]
93
104
  }), response = _httpApi$fetch.response, cancelRequest = _httpApi$fetch.cancelRequest;
94
105
  pendingRequestRef.current = cancelRequest;
95
- _context.next = 10;
106
+ _context.next = 14;
96
107
  return response;
97
108
 
98
- case 10:
109
+ case 14:
99
110
  responseObject = _context.sent;
111
+ // setIsLoading(false);
112
+ console.log('handleControlChange - responseObject:', responseObject);
100
113
  onUploaded === null || onUploaded === void 0 || onUploaded({
101
114
  fileList: fileList,
102
115
  dataUrl: fileAsDataUrl,
103
116
  imageId: responseObject.data.imageId
104
117
  });
105
118
 
106
- case 12:
119
+ case 17:
107
120
  case "end":
108
121
  return _context.stop();
109
122
  }
@@ -117,6 +130,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
117
130
 
118
131
  useEffect(function () {
119
132
  initialImageFile.current = initialFile;
133
+ console.log('useEffect - initialFile:', initialFile);
120
134
 
121
135
  var setFileFromUrl = /*#__PURE__*/function () {
122
136
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(fileData) {
@@ -124,20 +138,22 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
124
138
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
125
139
  while (1) switch (_context2.prev = _context2.next) {
126
140
  case 0:
127
- _context2.next = 2;
141
+ console.log('setFileFromUrl - fileData:', fileData);
142
+ _context2.next = 3;
128
143
  return fetch(fileData.fileUrl);
129
144
 
130
- case 2:
145
+ case 3:
131
146
  response = _context2.sent;
132
- _context2.next = 5;
147
+ _context2.next = 6;
133
148
  return response.blob();
134
149
 
135
- case 5:
150
+ case 6:
136
151
  data = _context2.sent;
137
152
  file = new File([data], fileData.fileName);
138
153
  setInitialImage(file);
154
+ console.log('setFileFromUrl - file:', file);
139
155
 
140
- case 8:
156
+ case 10:
141
157
  case "end":
142
158
  return _context2.stop();
143
159
  }
@@ -149,20 +165,30 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
149
165
  };
150
166
  }();
151
167
 
168
+ console.log('image.webkitRelativePath', image === null || image === void 0 ? void 0 : image.webkitRelativePath);
169
+ console.log('image.name', image === null || image === void 0 ? void 0 : image.name);
152
170
  if (!initialImageFile.current) return;
153
- setFileFromUrl(initialImageFile.current);
171
+ setFileFromUrl(initialImageFile.current); // !initialImageFile.current
172
+ // ? image && setFileFromUrl({ fileName: image.name, fileUrl: image.webkitRelativePath })
173
+ // : setFileFromUrl(initialImageFile.current);
174
+
154
175
  return function () {
155
176
  var _pendingRequestRef$cu;
156
177
 
157
178
  return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
158
179
  };
159
- }, []);
180
+ }, [image, initialFile]);
160
181
  useEffect(function () {
161
182
  var src = image !== null && image !== void 0 ? image : initialImage;
183
+ console.log('useEffect - image:', image);
184
+ console.log('useEffect - initialImage:', initialImage);
185
+ console.log('useEffect - src:', src !== null && src !== void 0 ? src : '');
162
186
  setImageEditorSrc(src !== null && src !== void 0 ? src : '');
163
187
  }, [image, initialImage]);
188
+ console.log('useEffect - setImageEditorSrc(src ?? ""):', imageEditorSrc);
164
189
 
165
190
  var renderImageEditor = function renderImageEditor(defaultProps) {
191
+ console.log('renderImageEditor - defaultProps:', defaultProps);
166
192
  return ImageEditor ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ImageEditor, _objectSpread2({}, defaultProps))) : null;
167
193
  };
168
194
 
package/build/esm/packages/aurora/src/components/xhr_image_picker/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/css/with-loader/main.module.less.js CHANGED
@@ -1,8 +1,10 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = ".main-module_with-loader__X2lLa {\n text-align: center;\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** WithLoader Variables */\n.main-module_with-loader__X2lLa {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.main-module_with-loader__X2lLa :nth-child(2) {\n margin-top: 0.5rem;\n color: #5c657e;\n}\n.main-module_with-loader-wrapper__B1nI2 {\n padding: 2rem 0;\n}\n.main-module_with-loader-bordered__1pf_Y {\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n";
4
4
  var cssClasses = {
5
- "with-loader": "main-module_with-loader__X2lLa"
5
+ "with-loader": "main-module_with-loader__X2lLa",
6
+ "with-loader-wrapper": "main-module_with-loader-wrapper__B1nI2",
7
+ "with-loader-bordered": "main-module_with-loader-bordered__1pf_Y"
6
8
  };
7
9
  styleInject(css_248z);
8
10
 
package/build/esm/packages/aurora/src/css/with-loader/main.module.less.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -40,6 +40,8 @@ export { default as ControlTextarea } from './components/controls/hoc/control_te
40
40
  export { default as ImagePicker } from './components/image_picker/index.js';
41
41
  export { useModalsContext } from './components/modal_new/hooks/use_modals_context.js';
42
42
  export { ModalNew } from './components/modal_new/components/modal/modal.js';
43
+ export { default as Loader } from './components/loader/index.js';
44
+ export { default as WithLoader } from './components/with_loader/index.js';
43
45
  export { default as XhrImagePicker } from './components/xhr_image_picker/index.js';
44
46
  export { default as ControlXhrImagePicker } from './components/controls/hoc/control_xhr_image_picker/index.js';
45
47
  export { default as Table } from './components/table/index.js';
@@ -59,7 +61,6 @@ export { default as IconMobile } from './assets/icon_mobile.js';
59
61
  export { default as IconTablet } from './assets/icon_tablet.js';
60
62
  export { default as IconWarning } from './assets/icon_warning.js';
61
63
  export { default as Link } from './components/link/index.js';
62
- export { default as Loader } from './components/loader/index.js';
63
64
  export { default as Modal } from './components/modal/index.js';
64
65
  export { ModalContext } from './components/modal/context/modal_context.js';
65
66
  export { default as ModalProvider } from './components/modal/hoc/modal_provider.js';
@@ -88,5 +89,4 @@ export { default as Tooltip } from './components/tooltip/index.js';
88
89
  export { Tree } from './components/tree/index.js';
89
90
  export { TreeNode } from './components/tree/components/tree_node.js';
90
91
  export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';
91
- export { default as WithLoader } from './components/with_loader/index.js';
92
92
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.18.0",
5
+ "version": "2.19.0-1",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",