@steroidsjs/core 2.2.16 → 2.2.19

package/components/ClientStorageComponent.d.ts

@@ -8,6 +8,7 @@ export default class ClientStorageComponent {
     STORAGE_SESSION: any;
     localStorageAvailable: boolean;
     sessionStorageAvailable: boolean;
+    domain?: string;
     private _ssrCookie;
     constructor(components: any, config: any);
     /**

package/components/ClientStorageComponent.js

@@ -55,6 +55,7 @@ var ClientStorageComponent = /** @class */ (function () {
                 this.sessionStorageAvailable = false;
             }
         }
+        this.domain = (config === null || config === void 0 ? void 0 : config.domain) || null;
         this._ssrCookie = config === null || config === void 0 ? void 0 : config.ssrCookie;
     }
     /**
@@ -122,7 +123,10 @@ var ClientStorageComponent = /** @class */ (function () {
         }
     };
     ClientStorageComponent.prototype._getDomain = function () {
-        var host = (typeof location !== 'undefined' && location.hostname) || '';
+        if (this.domain) {
+            return this.domain;
+        }
+        var host = (typeof window.location !== 'undefined' && window.location.hostname) || '';
         return ((!/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/.test(host)
             && host
                 .split('.')

package/hooks/useFile.js

@@ -23,8 +23,8 @@ var get_1 = __importDefault(require("lodash-es/get"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var difference_1 = __importDefault(require("lodash-es/difference"));
 var buildURL_1 = __importDefault(require("axios/lib/helpers/buildURL"));
-var useInitial_1 = __importDefault(require("../hooks/useInitial"));
-var index_1 = require("../hooks/index");
+var useInitial_1 = __importDefault(require("./useInitial"));
+var index_1 = require("./index");
 var imagesMimeTypes = [
     'image/gif',
     'image/jpeg',
@@ -78,7 +78,7 @@ function useFile(props) {
      * @param {File} file
      * @private
      */
-    var onQueueItemEnd = function (file) {
+    var onQueueItemEnd = react_1.useCallback(function (file) {
         forceUpdate();
         // Check successfully
         if (file.getResult() !== File_1["default"].RESULT_SUCCESS) {
@@ -96,13 +96,23 @@ function useFile(props) {
         else {
             props.input.onChange(id);
         }
-    };
+    }, [forceUpdate, props.input, props.multiple]);
+    var prevOnQueueItemEnd = react_use_1.usePrevious(onQueueItemEnd);
+    react_1.useEffect(function () {
+        if (prevOnQueueItemEnd) {
+            uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_END, prevOnQueueItemEnd);
+        }
+        uploader.queue.on(QueueCollection_1["default"].EVENT_ITEM_END, onQueueItemEnd);
+    }, [onQueueItemEnd, prevOnQueueItemEnd, uploader.queue]);
+    react_use_1.useUnmount(function () {
+        uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_END, onQueueItemEnd);
+    });
     /**
      * Triggered by queue when file is removed from it
      * @param {File[]} removedFiles
      * @private
      */
-    var onQueueRemove = function (removedFiles) {
+    var onQueueRemove = react_1.useCallback(function (removedFiles) {
         var toRemove = removedFiles
             .map(function (file) { return get_1["default"](file.getResultHttpMessage(), 'id'); })
             .filter(Boolean);
@@ -119,18 +129,24 @@ function useFile(props) {
             props.input.onChange(null);
         }
         forceUpdate();
-    };
+    }, [forceUpdate, props.input, props.multiple]);
+    var prevOnQueueRemove = react_use_1.usePrevious(onQueueRemove);
+    react_1.useEffect(function () {
+        if (prevOnQueueRemove) {
+            uploader.queue.off(QueueCollection_1["default"].EVENT_REMOVE, prevOnQueueRemove);
+        }
+        uploader.queue.on(QueueCollection_1["default"].EVENT_REMOVE, onQueueRemove);
+    }, [onQueueRemove, prevOnQueueRemove, uploader.queue]);
+    react_use_1.useUnmount(function () {
+        uploader.queue.off(QueueCollection_1["default"].EVENT_REMOVE, onQueueRemove);
+    });
     react_use_1.useMount(function () {
         uploader.queue.on(QueueCollection_1["default"].EVENT_ITEM_STATUS, forceUpdate);
         uploader.queue.on(QueueCollection_1["default"].EVENT_ITEM_PROGRESS, forceUpdate);
-        uploader.queue.on(QueueCollection_1["default"].EVENT_ITEM_END, onQueueItemEnd);
-        uploader.queue.on(QueueCollection_1["default"].EVENT_REMOVE, onQueueRemove);
     });
     react_use_1.useUnmount(function () {
         uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_STATUS, forceUpdate);
         uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_PROGRESS, forceUpdate);
-        uploader.queue.off(QueueCollection_1["default"].EVENT_ITEM_END, onQueueItemEnd);
-        uploader.queue.off(QueueCollection_1["default"].EVENT_REMOVE, onQueueRemove);
     });
     // Check backend url changes
     react_1.useEffect(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.2.16",
+  "version": "2.2.19",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {

package/ui/form/NumberField/NumberField.js

@@ -21,7 +21,7 @@ function NumberField(props) {
     var components = hooks_1.useComponents();
     props.inputProps = react_1.useMemo(function () {
         var _a;
-        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: function (e) { var _a, _b; return props.input.onChange(((_a = e.target) === null || _a === void 0 ? void 0 : _a.value) || ((_b = e.nativeEvent) === null || _b === void 0 ? void 0 : _b.text)); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
+        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: function (value) { return props.input.onChange(value); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
     }, [props.disabled, props.input, props.inputProps, props.placeholder, props.min, props.max, props.step]);
     return components.ui.renderView(props.view || 'form.NumberFieldView', props);
 }