@firedesktop/react-base 1.9.0 → 1.11.0

package/debug.log

@@ -1 +1,2 @@
-[1111/205244.463:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1111/205244.463:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1115/122702.918:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-import ConfigurationLoader from './ConfigurationLoader';
-import ConfigurationManager from './ConfigurationManager';
-import LanguageLoader from './LanguageLoader';
-import LanguageManager from './LanguageManager';
+import ConfigurationLoader from './utils/configuration/ConfigurationLoader';
+import LanguageLoader from './utils/labels/LanguageLoader';
 import * as Components from './components';
-export { Components, ConfigurationLoader, ConfigurationManager, LanguageLoader, LanguageManager };
+import * as Utils from './utils';
+export { Components, ConfigurationLoader, LanguageLoader, Utils };

package/dist/index.js

@@ -1,7 +1,6 @@
-import ConfigurationLoader from './ConfigurationLoader';
-import ConfigurationManager from './ConfigurationManager';
-import LanguageLoader from './LanguageLoader';
-import LanguageManager from './LanguageManager';
+import ConfigurationLoader from './utils/configuration/ConfigurationLoader';
+import LanguageLoader from './utils/labels/LanguageLoader';
 import * as Components from './components';
-export { Components, ConfigurationLoader, ConfigurationManager, LanguageLoader, LanguageManager };
+import * as Utils from './utils';
+export { Components, ConfigurationLoader, LanguageLoader, Utils };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,2CAA2C,CAAC;AAC5E,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAGjC,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC"}

package/dist/{ConfigurationLoader.d.ts → utils/configuration/ConfigurationLoader.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare type configurationLoaderParamsType = {
-    updateAppState: any;
+    updateAppState: (name: string, value: object) => void;
     path: string | null;
 };
 declare function ConfigurationLoader({ updateAppState, path }: configurationLoaderParamsType): JSX.Element;

package/dist/{ConfigurationLoader.js → utils/configuration/ConfigurationLoader.js}

@@ -51,7 +51,7 @@ function ConfigurationLoader(_a) {
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            if (!!configuration) return [3, 2];
+                            if (!(!configuration || !configuration.loaded)) return [3, 2];
                             console.log("Loading Configuration for this Site in this path: " + fullPath);
                             return [4, loadConfiguration(fullPath).then(function (response) {
                                     console.log("Loaded Configuration for this Site in this path: " + fullPath, response);

package/dist/utils/configuration/ConfigurationLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationLoader.js","sourceRoot":"","sources":["../../../src/lib/utils/configuration/ConfigurationLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAO1D,SAAS,mBAAmB,CAAC,EAAuD;QAArD,cAAc,oBAAA,EAAE,IAAI,UAAA;IAC/C,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACvB,IAAA,aAAa,GAAU,WAAW,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAL,CAAK,CAAC,cAArC,CAAsC;IACnD,IAAA,iBAAiB,GAAK,oBAAoB,EAAE,kBAA3B,CAA4B;IAErD,IAAI,QAAQ,GAAG,6BAA6B,CAAC;IAC7C,IAAI,IAAI;QACJ,QAAQ,GAAG,IAAI,CAAC;IAEpB,SAAS,CAAC;QACN,SAAe,SAAS;;;;;iCAChB,CAAA,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,MAAM,CAAA,EAAvC,cAAuC;4BACvC,OAAO,CAAC,GAAG,CAAC,uDAAqD,QAAU,CAAC,CAAC;4BAC7E,WAAM,iBAAiB,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,QAAa;oCACjD,OAAO,CAAC,GAAG,CAAC,sDAAoD,QAAU,EAAE,QAAQ,CAAC,CAAC;oCACtF,QAAQ,CAAC,cAAc,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;gCAExD,CAAC,CAAC,CAAC,KAAK,CAAC,UAAC,GAAQ;oCACd,OAAO,CAAC,GAAG,CAAC,0DAAwD,QAAU,CAAC,CAAC;gCACpF,CAAC,CAAC,EAAA;;4BANF,SAME,CAAC;;;;;;SAEV;QACD,SAAS,EAAE,CAAC;IAEhB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,OACE,CACpB,CAAC;AACN,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/utils/configuration/ConfigurationManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationManager.js","sourceRoot":"","sources":["../../../src/lib/utils/configuration/ConfigurationManager.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,oBAAoB;IAEzB,SAAe,iBAAiB,CAAC,QAAgB;;;;;;;wBAE7B,WAAM,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,iCAAiC,EAAE,EAAE,CAAC,EAAA;;wBAA/F,GAAG,GAAG,SAAyF;wBAC9F,WAAM,GAAG,CAAC,IAAI,EAAE,EAAA;4BAAvB,WAAO,SAAgB,EAAC;;;wBAGxB,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;;;;;;KAEtD;IAAA,CAAC;IAEF,SAAe,6BAA6B,CAAC,QAAa,EAAE,cAAmB,EAAE,aAAkB;;;;gBAC/F,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;oBACnC,aAAW,6BAA6B,CAAC;oBAC/C,OAAO,CAAC,GAAG,CAAC,yDAAuD,UAAU,CAAC,CAAC;oBAC/E,iBAAiB,CAAC,UAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,QAAa;wBAC3C,OAAO,CAAC,GAAG,CAAC,sDAAoD,UAAU,EAAE,QAAQ,CAAC,CAAC;wBACtF,QAAQ,CAAC,cAAc,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;oBACxD,CAAC,CAAC,CAAC,KAAK,CAAC,UAAC,GAAQ;wBACd,OAAO,CAAC,GAAG,CAAC,0DAAwD,UAAU,CAAC,CAAC;oBACpF,CAAC,CAAC,CAAC;iBACN;;;;KACJ;IAED,OAAO,EAAE,iBAAiB,mBAAA,EAAE,6BAA6B,+BAAA,EAAE,CAAC;AAChE,CAAC;AAED,eAAe,oBAAoB,CAAC"}

package/dist/utils/configuration/index.d.ts

@@ -0,0 +1,3 @@
+import ConfigurationManager from './ConfigurationManager';
+import ConfigurationLoader from './ConfigurationLoader';
+export { ConfigurationLoader, ConfigurationManager };

package/dist/utils/configuration/index.js

@@ -0,0 +1,4 @@
+import ConfigurationManager from './ConfigurationManager';
+import ConfigurationLoader from './ConfigurationLoader';
+export { ConfigurationLoader, ConfigurationManager };
+//# sourceMappingURL=index.js.map

package/dist/utils/configuration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/utils/configuration/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/utils/fetch/Types.d.ts

@@ -0,0 +1,9 @@
+export interface ILabels {
+    errorGeneric: string;
+    errorServerNotAvailable: string;
+    errorSessionExpired: string;
+}
+export declare type AdditionalParamsType = {
+    name: string;
+    value: string;
+};

package/dist/utils/fetch/Types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Types.js.map

package/dist/utils/fetch/Types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../src/lib/utils/fetch/Types.ts"],"names":[],"mappings":""}

package/dist/utils/fetch/fetchWrapper.d.ts

@@ -0,0 +1,13 @@
+import * as Types from './Types';
+declare class FetchWrapper {
+    apiVersion: string;
+    labels: Types.ILabels;
+    status_401_403: () => void;
+    constructor(apiVersion: string, labels?: Types.ILabels, status_401_403?: () => void);
+    get: (url: string, token?: string, params?: Blob | string, isFile?: boolean, isBlob?: boolean) => Promise<any>;
+    post: (url: string, token?: string, params?: Blob | string, isFile?: boolean, isBlob?: boolean, additionalParams?: Types.AdditionalParamsType[]) => Promise<any>;
+    put: (url: string, token?: string, params?: Blob | string, isFile?: boolean, isBlob?: boolean) => Promise<any>;
+    delete: (url: string, token?: string, params?: Blob | string, isFile?: boolean, isBlob?: boolean) => Promise<any>;
+    generic: (method: string, url: string, token?: string, params?: Blob | string, isFile?: boolean, isBlob?: boolean, version?: string, additionalParams?: Types.AdditionalParamsType[]) => Promise<any>;
+}
+export default FetchWrapper;

package/dist/utils/fetch/fetchWrapper.js

@@ -0,0 +1,117 @@
+var Constants = (function () {
+    function Constants() {
+    }
+    Constants.labels = {
+        errorGeneric: 'Sorry we have errors on the remote server',
+        errorServerNotAvailable: 'Server not available',
+        errorSessionExpired: 'Your session has expired, please login.',
+    };
+    return Constants;
+}());
+var FetchWrapper = (function () {
+    function FetchWrapper(apiVersion, labels, status_401_403) {
+        var _this = this;
+        this.get = function (url, token, params, isFile, isBlob) {
+            if (isFile === void 0) { isFile = false; }
+            if (isBlob === void 0) { isBlob = false; }
+            return _this.generic('GET', url, token, params, isFile, isBlob);
+        };
+        this.post = function (url, token, params, isFile, isBlob, additionalParams) {
+            if (isFile === void 0) { isFile = false; }
+            if (isBlob === void 0) { isBlob = false; }
+            if (additionalParams === void 0) { additionalParams = []; }
+            return _this.generic('POST', url, token, params, isFile, isBlob, _this.apiVersion, additionalParams);
+        };
+        this.put = function (url, token, params, isFile, isBlob) {
+            if (isFile === void 0) { isFile = false; }
+            if (isBlob === void 0) { isBlob = false; }
+            return _this.generic('PUT', url, token, params, isFile, isBlob);
+        };
+        this.delete = function (url, token, params, isFile, isBlob) {
+            if (isFile === void 0) { isFile = false; }
+            if (isBlob === void 0) { isBlob = false; }
+            return _this.generic('DELETE', url, token, params, isFile, isBlob);
+        };
+        this.generic = function (method, url, token, params, isFile, isBlob, version, additionalParams) {
+            if (isFile === void 0) { isFile = false; }
+            if (isBlob === void 0) { isBlob = false; }
+            if (version === void 0) { version = _this.apiVersion; }
+            if (additionalParams === void 0) { additionalParams = []; }
+            var body;
+            var headers = new Headers();
+            headers.append('pragma', 'no-cache');
+            if (version)
+                headers.append('api-version', version);
+            if (token)
+                headers.append('Authorization', 'Bearer ' + token);
+            if (params) {
+                if (isFile) {
+                    var formData = new FormData();
+                    formData.append('file', params);
+                    body = formData;
+                    if (additionalParams) {
+                        for (var index = 0; index < additionalParams.length; index++) {
+                            var element = additionalParams[index];
+                            formData.append(element.name, element.value);
+                        }
+                    }
+                }
+                else {
+                    headers.append('Content-Type', 'application/json');
+                    body = JSON.stringify(params);
+                }
+            }
+            var requestInit = {
+                body: body,
+                method: method,
+                mode: 'cors',
+                cache: 'default',
+                credentials: 'omit',
+                headers: headers
+            };
+            var labels = _this.labels;
+            var status_401_403 = _this.status_401_403;
+            return fetch(url, requestInit)
+                .then(function (response) {
+                if (response.status < 200 || response.status >= 300)
+                    throw response;
+                return isBlob ? response.blob() : response.json();
+            })
+                .then(function (json) {
+                return json;
+            })
+                .catch(function (error) {
+                console.error("Error on fetch url: " + url);
+                if (!error || error.message === 'Failed to fetch')
+                    throw new Error(labels.errorServerNotAvailable);
+                if (error.text) {
+                    if ((error.status === 401 || error.status === 403) && status_401_403) {
+                        status_401_403();
+                        throw new Error(labels.errorSessionExpired);
+                    }
+                    else
+                        return error.text();
+                }
+                if (error.message && error.message !== '')
+                    throw error.message;
+                throw new Error(labels.errorGeneric);
+            })
+                .then(function (finalMessage) {
+                if (typeof (finalMessage) === 'object')
+                    return finalMessage;
+                if (finalMessage)
+                    throw new Error(finalMessage);
+                throw new Error(labels.errorGeneric);
+            });
+        };
+        this.apiVersion = apiVersion;
+        this.status_401_403 = status_401_403;
+        if (labels && labels !== null && labels.errorGeneric && labels.errorServerNotAvailable && labels.errorSessionExpired)
+            this.labels = labels;
+        else
+            this.labels = Constants.labels;
+    }
+    return FetchWrapper;
+}());
+export default FetchWrapper;
+//# sourceMappingURL=fetchWrapper.js.map

package/dist/utils/fetch/fetchWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchWrapper.js","sourceRoot":"","sources":["../../../src/lib/utils/fetch/fetchWrapper.ts"],"names":[],"mappings":"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"}

package/dist/utils/fetch/index.d.ts

@@ -0,0 +1,3 @@
+import FetchWrapper from './fetchWrapper';
+import * as Types from './Types';
+export { FetchWrapper, Types };

package/dist/utils/fetch/index.js

@@ -0,0 +1,4 @@
+import FetchWrapper from './fetchWrapper';
+import * as Types from './Types';
+export { FetchWrapper, Types };
+//# sourceMappingURL=index.js.map

package/dist/utils/fetch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/utils/fetch/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAA"}

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+import * as Fetch from './fetch';
+import * as Configuration from './configuration';
+import * as Labels from './labels';
+export { Configuration, Fetch, Labels };

package/dist/utils/index.js

@@ -0,0 +1,5 @@
+import * as Fetch from './fetch';
+import * as Configuration from './configuration';
+import * as Labels from './labels';
+export { Configuration, Fetch, Labels };
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC"}

package/dist/{LanguageLoader.d.ts → utils/labels/LanguageLoader.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare type languageLoaderParamsType = {
-    updateAppState: any;
+    updateAppState: (name: string, value: object) => void;
     language: string;
     path: string | null;
 };

package/dist/{LanguageLoader.js → utils/labels/LanguageLoader.js}

@@ -50,7 +50,7 @@ function LanguageLoader(_a) {
         function justAsync() {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    if (!labels.language || labels.language !== language) {
+                    if (!labels || !labels.language || labels.language !== language) {
                         console.log("Loading Language Labels for this Site in this path: " + fullPath);
                         loadLabels(fullPath).then(function (response) {
                             console.log("Loaded Language Labels for this Site in this path: " + fullPath, response);

package/dist/utils/labels/LanguageLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageLoader.js","sourceRoot":"","sources":["../../../src/lib/utils/labels/LanguageLoader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAQhD,SAAS,cAAc,CAAC,EAA4D;QAA1D,cAAc,oBAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IACpD,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACvB,IAAA,MAAM,GAAU,WAAW,CAAC,UAAA,KAAK,IAAI,OAAA,KAAK,EAAL,CAAK,CAAC,OAArC,CAAsC;IAC5C,IAAA,UAAU,GAAK,eAAe,EAAE,WAAtB,CAAuB;IAEzC,IAAM,QAAQ,GAAM,QAAQ,UAAO,CAAC;IAEpC,IAAI,QAAQ,GAAG,cAAY,QAAU,CAAC;IACtC,IAAI,IAAI;QACJ,QAAQ,GAAG,OAAK,IAAI,SAAI,QAAU,CAAC;IAGvC,SAAS,CAAC;QACN,SAAe,SAAS;;;oBACpB,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAAE;wBAC7D,OAAO,CAAC,GAAG,CAAC,yDAAuD,QAAU,CAAC,CAAC;wBAC/E,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,QAAa;4BACpC,OAAO,CAAC,GAAG,CAAC,wDAAsD,QAAU,EAAE,QAAQ,CAAC,CAAC;4BACxF,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;wBACjD,CAAC,CAAC;6BACG,KAAK,CAAC,UAAC,GAAQ;4BACZ,OAAO,CAAC,GAAG,CAAC,4DAA0D,QAAU,CAAC,CAAC;wBACtF,CAAC,CAAC,CAAC;qBACV;;;;SACJ;QACD,SAAS,EAAE,CAAC;IAEhB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,OACE,CACpB,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/utils/labels/LanguageManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageManager.js","sourceRoot":"","sources":["../../../src/lib/utils/labels/LanguageManager.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,eAAe;IAEpB,SAAe,UAAU,CAAC,QAAgB;;;;;;;wBAEtB,WAAM,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,iCAAiC,EAAE,EAAE,CAAC,EAAA;;wBAA/F,GAAG,GAAG,SAAyF;wBAC9F,WAAM,GAAG,CAAC,IAAI,EAAE,EAAA;4BAAvB,WAAO,SAAgB,EAAC;;;wBAGxB,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;;;;;;KAEtD;IAAA,CAAC;IAEF,SAAe,sBAAsB,CAAC,QAAa,EAAE,cAAmB,EAAE,MAAW,EAAE,QAAgB;;;;gBACnG,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAAE;oBACvD,QAAQ,GAAG,cAAY,QAAQ,UAAO,CAAC;oBAC7C,OAAO,CAAC,GAAG,CAAC,sCAAoC,QAAQ,0BAAqB,QAAU,CAAC,CAAC;oBACzF,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,QAAa;wBACpC,OAAO,CAAC,GAAG,CAAC,qCAAmC,QAAU,EAAE,QAAQ,CAAC,CAAC;wBACrE,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;oBACjD,CAAC,CAAC,CAAC,KAAK,CAAC,UAAC,GAAQ;wBACd,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;oBACnD,CAAC,CAAC,CAAC;iBACN;;;;KACJ;IAED,SAAS,QAAQ,CAAC,MAAW,EAAE,EAAU,EAAE,YAAoB;QAC3D,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS;YACvC,OAAO,YAAY,IAAI,EAAE,CAAC;QAE9B,IAAI;YACA,IAAM,MAAM,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC7B,IAAI,OAAO,GAAG,MAAM,CAAC;YACrB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAChD,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC9B,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;aAC9B;YACD,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS;gBACzC,OAAO,OAAO,CAAC;YAEnB,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;SAC3C;QAAC,OAAO,EAAE,EAAE;YACT,OAAO,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;SAC3C;IACL,CAAC;IAED,OAAO,EAAE,QAAQ,UAAA,EAAE,UAAU,YAAA,EAAE,sBAAsB,wBAAA,EAAE,CAAC;AAC5D,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/utils/labels/index.d.ts

@@ -0,0 +1,3 @@
+import LanguageLoader from './LanguageLoader';
+import LanguageManager from './LanguageManager';
+export { LanguageLoader, LanguageManager };

package/dist/utils/labels/index.js

@@ -0,0 +1,4 @@
+import LanguageLoader from './LanguageLoader';
+import LanguageManager from './LanguageManager';
+export { LanguageLoader, LanguageManager };
+//# sourceMappingURL=index.js.map

package/dist/utils/labels/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/utils/labels/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firedesktop/react-base",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "license": "ISC",
   "main": "dist/index.js",
   "description": "This is the FireDesktop base package used to support every React Project in this Company.",
@@ -36,8 +36,7 @@
   "scripts": {
     "distribute_not_working": "rmdir /s /q dist & mkdir dist && npx babel src/lib --out-dir dist --extensions \".js,.ts,.tsx\" --source-maps inline",
     "start": "react-scripts start && copy ./src/lib/styles/* ./dist/styles/ && tsc",
-    "distribute": "rmdir /s /q dist & mkdir dist\\styles && tsc && copyfiles -f src/lib/styles/* dist/styles",
-    "suca": "copyfiles -f src/lib/styles/* dist/styles"
+    "distribute": "rmdir /s /q dist & mkdir dist\\styles && tsc && copyfiles -f src/lib/styles/* dist/styles"
   },
   "eslintConfig": {
     "extends": [

package/src/App.tsx

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Provider } from "react-redux";
 import { createStore } from 'redux';
 
-import ConfigurationLoader from './types/ConfigurationLoader';
-// import LanguageLoader from './types/LanguageLoader';
+import { Components, ConfigurationLoader, Utils, LanguageLoader } from './lib';
+
 import TestLabelFunction from './TestLabelFunction';
-import AppIcon from './lib/components/AppIcon';
+
 
 import './lib/styles/base.css';
 
@@ -23,16 +23,38 @@ const appReducer = (state = {}, action: any) => {
 }
 
 function App() {
+  const [options, setOptions] = useState<{ value: string }[]>([]);
+
+  function status_401_403() {
+    alert("Log Out");
+  }
+
+  const textFetch = () => {
+    const labels = { errorGeneric: 'Errore generiro', errorServerNotAvailable: 'No serviziooo', errorSessionExpired: 'Sessione scadurta' } as Utils.Fetch.Types.ILabels;
+
+    const runner = new Utils.Fetch.FetchWrapper(null, labels, status_401_403);
+    runner.get('https://my-json-server.typicode.com/typicode/demo/posts', null, null, false, false).then(response => {
+      // @ts-ignore
+      const values = response.map(x => {
+        return { value: x.id, label: x.title };
+      });
+      setOptions(values);
+    }).catch(errorMessage => {
+      if (errorMessage)
+        console.log(errorMessage);
+    });
+
+  }
 
   const updateAppState = (name: string, value: object) => {
     console.log(`updateState name: ${name}, configuration: ${value}`);
-      return {
-        type: UPDATE_APP_STATE,
-        payload: {
-          name,
-          value,
-        },
-      };
+    return {
+      type: UPDATE_APP_STATE,
+      payload: {
+        name,
+        value,
+      },
+    };
   }
 
   // @ts-ignore 
@@ -41,10 +63,15 @@ function App() {
   return (
 
     <Provider store={store}>
-      <AppIcon name={"Pin"} className='dark-pink-svg'/>
+      <Components.AppIcon name={"Pin"} className='dark-pink-svg' />
       <TestLabelFunction />
       <ConfigurationLoader updateAppState={updateAppState} path={null} />
-      {/* <LanguageLoader updateAppState={updateAppState} locale='it-IT' path={null} /> */}
+      <LanguageLoader updateAppState={updateAppState} language='it-IT' path={null} />
+
+      <button onClick={textFetch}>Fetch Demo</button>
+      {options ? options.map((x: any) => {
+        return (<li key={x.value}>ID: {x.value} Post: {x.label}</li>)
+      }) : ''}
     </Provider >
   );
 }

package/src/TestLabelFunction.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useSelector } from "react-redux";
-import LanguageManager from './lib/LanguageManager';
-const { getLabel } = LanguageManager();
+import { Utils} from './lib';
+const { getLabel } = Utils.Labels.LanguageManager();
 
 
 function TestLabelFunction() {

package/src/lib/index.ts

@@ -1,8 +1,7 @@
-import ConfigurationLoader from './ConfigurationLoader';
-import ConfigurationManager from './ConfigurationManager';
-import LanguageLoader from './LanguageLoader';
-import LanguageManager from './LanguageManager';
+import ConfigurationLoader from './utils/configuration/ConfigurationLoader';
+import LanguageLoader from './utils/labels/LanguageLoader';
 import * as Components from './components';
+import * as Utils from './utils';
 
 
-export { Components, ConfigurationLoader, ConfigurationManager, LanguageLoader, LanguageManager };
+export { Components, ConfigurationLoader, LanguageLoader, Utils };

package/src/lib/{ConfigurationLoader.tsx → utils/configuration/ConfigurationLoader.tsx}

@@ -4,9 +4,8 @@ import { useDispatch, useSelector } from "react-redux";
 import ConfigurationManager from './ConfigurationManager';
 
 export type configurationLoaderParamsType = {
-    updateAppState: any,
+    updateAppState: (name: string, value: object) => void,
     path: string | null
-    // toggle: (confirm: boolean) => void
 }
 
 function ConfigurationLoader({ updateAppState, path }: configurationLoaderParamsType) {
@@ -20,7 +19,7 @@ function ConfigurationLoader({ updateAppState, path }: configurationLoaderParams
 
     useEffect(() => {
         async function justAsync() {
-            if (!configuration) {
+            if (!configuration || !configuration.loaded) {
                 console.log(`Loading Configuration for this Site in this path: ${fullPath}`);
                 await loadConfiguration(fullPath).then((response: any) => {
                     console.log(`Loaded Configuration for this Site in this path: ${fullPath}`, response);
@@ -32,6 +31,7 @@ function ConfigurationLoader({ updateAppState, path }: configurationLoaderParams
             }
         }
         justAsync();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
     return (

package/src/lib/utils/configuration/index.ts

@@ -0,0 +1,4 @@
+import ConfigurationManager from './ConfigurationManager';
+import ConfigurationLoader from './ConfigurationLoader';
+
+export { ConfigurationLoader, ConfigurationManager };

package/src/lib/utils/fetch/Types.ts

@@ -0,0 +1,10 @@
+export interface ILabels {
+    errorGeneric: string;
+    errorServerNotAvailable: string;
+    errorSessionExpired: string;
+}
+
+export type AdditionalParamsType = {
+    name: string,
+    value: string
+}

package/src/lib/utils/fetch/fetchWrapper.ts

@@ -0,0 +1,125 @@
+import * as Types from './Types';
+
+class Constants {
+    static labels = {
+        errorGeneric: 'Sorry we have errors on the remote server',
+        errorServerNotAvailable: 'Server not available',
+        errorSessionExpired: 'Your session has expired, please login.',
+    } as Types.ILabels;
+}
+
+class FetchWrapper {
+    apiVersion: string;
+    labels: Types.ILabels;
+    status_401_403: () => void;
+
+    constructor(apiVersion: string, labels?: Types.ILabels, status_401_403?: () => void) {
+        this.apiVersion = apiVersion;
+        this.status_401_403 = status_401_403;
+
+        if (labels && labels !== null && labels.errorGeneric && labels.errorServerNotAvailable && labels.errorSessionExpired)
+            this.labels = labels;
+        else
+            this.labels = Constants.labels;
+    }
+
+    get = (url: string, token?: string, params?: Blob | string, isFile = false, isBlob = false) => {
+        return this.generic('GET', url, token, params, isFile, isBlob);
+    }
+
+    post = (url: string, token?: string, params?: Blob | string, isFile = false, isBlob = false, additionalParams: Types.AdditionalParamsType[] = []) => {
+        return this.generic('POST', url, token, params, isFile, isBlob, this.apiVersion, additionalParams);
+    }
+
+    put = (url: string, token?: string, params?: Blob | string, isFile = false, isBlob = false) => {
+        return this.generic('PUT', url, token, params, isFile, isBlob);
+    }
+
+    delete = (url: string, token?: string, params?: Blob | string, isFile = false, isBlob = false) => {
+        return this.generic('DELETE', url, token, params, isFile, isBlob);
+    }
+
+    generic = (method: string, url: string, token?: string, params?: Blob | string, isFile = false, isBlob = false, version = this.apiVersion, additionalParams: Types.AdditionalParamsType[] = []) => {
+        // Headers & Body
+        let body: BodyInit;
+        const headers = new Headers();
+        headers.append('pragma', 'no-cache');
+        if (version)
+            headers.append('api-version', version);
+        if (token)
+            headers.append('Authorization', 'Bearer ' + token);
+
+        if (params) {
+            if (isFile) {
+                var formData = new FormData();
+                formData.append('file', params);
+                body = formData;
+                if (additionalParams) {
+                    for (let index = 0; index < additionalParams.length; index++) {
+                        const element = additionalParams[index];
+                        formData.append(element.name, element.value);
+                    }
+                }
+            } else {
+                headers.append('Content-Type', 'application/json');
+                body = JSON.stringify(params);
+            }
+        }
+
+        const requestInit = {
+            body,
+            method: method,
+            mode: 'cors',
+            cache: 'default',
+            credentials: 'omit',
+            headers
+        } as RequestInit;
+
+        const labels = this.labels;
+        const status_401_403 = this.status_401_403;
+
+        return fetch(url, requestInit)
+            .then(response => {
+                // Others Status Code
+                if (response.status < 200 || response.status >= 300)
+                    throw response;
+
+                return isBlob ? response.blob() : response.json();
+            })
+            .then(json => {
+                return json;
+            })
+            .catch(error => {
+                console.error(`Error on fetch url: ${url}`);
+
+                if (!error || error.message === 'Failed to fetch')
+                    throw new Error(labels.errorServerNotAvailable);
+
+                // This is an error coming from then
+                if (error.text) {
+                    if ((error.status === 401 || error.status === 403) && status_401_403) {
+                        status_401_403();
+                        throw new Error(labels.errorSessionExpired);
+                    }
+                    else
+                        return error.text()
+                }
+
+                if (error.message && error.message !== '')
+                    throw error.message;
+
+                throw new Error(labels.errorGeneric);
+            })
+            .then(finalMessage => {
+                if (typeof (finalMessage) === 'object')
+                    return finalMessage;
+
+                if (finalMessage)
+                    throw new Error(finalMessage);
+
+                throw new Error(labels.errorGeneric);
+            });
+    }
+}
+
+export default FetchWrapper;

package/src/lib/utils/fetch/index.ts

@@ -0,0 +1,4 @@
+import FetchWrapper from './fetchWrapper';
+import * as Types from './Types';
+
+export { FetchWrapper, Types }

package/src/lib/utils/index.ts

@@ -0,0 +1,5 @@
+import * as Fetch from './fetch';
+import * as Configuration from './configuration';
+import * as Labels from './labels';
+
+export { Configuration, Fetch, Labels };