@firedesktop/react-base 1.0.1 → 1.1.0

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.
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  This is the FireDesktop base package used to support every React Project in this Company.
2
2
 
3
- ## Usage
3
+ ## Usage of Configuration
4
4
  1. Installation
5
5
 
6
6
  - Login in the shell using your npmjs account
@@ -20,9 +20,95 @@ npm i @firedesktop/react-base
20
20
  }
21
21
  ```
22
22
 
23
- 3. Import
23
+ 3. Import
24
24
  ```javascript
25
25
  import { ConfigurationLoader } from '@firedesktop/react-base';
26
26
  ```
27
27
 
28
- ... to be done...
28
+ 4. Load your configuration just put this component in the page where the Provider component is
29
+
30
+ ```javascript
31
+ <Provider store={store}>
32
+ ...
33
+ <ConfigurationLoader updateAppState={updateAppState} path={null} />
34
+ </Provider >
35
+ ```
36
+ - updateAppState: is a function with two paramenters
37
+ ```
38
+ updateAppState = (nameInState: string, configuration: object)
39
+ ```
40
+ - nameInState: name of the property in the App state where to save the documentation
41
+ - path: is the path from where to load the configuration file (if null: /configuration/config.json)
42
+
43
+ ## Usage of LabelManager
44
+
45
+ 1. Installation
46
+ ```bash
47
+ npm i @firedesktop/react-base
48
+ ```
49
+
50
+ 2. Create a file with a name like '[locale].json' with the following format and put it in the public/labels
51
+ sample name it-IT.json
52
+
53
+ ```json
54
+ {
55
+ "language": "it-IT",
56
+ "demo": {
57
+ "label_01": "Demo Label 01",
58
+ "label_02": "Demo Label 02"
59
+ },
60
+ "anotherContext": {}
61
+ }
62
+ ```
63
+
64
+ 3. Import
65
+ ```javascript
66
+ import { LanguageLoader } from '@firedesktop/react-base';
67
+ ```
68
+
69
+ 4. Load your language Labels just put this component in the page where the Provider component is
70
+ ```javascript
71
+ <Provider store={store}>
72
+ ...
73
+ <LanguageLoader updateAppState={updateAppState} locale='it-IT' path={null} />
74
+ </Provider >
75
+ ```
76
+
77
+ 4. Show a label in code
78
+ ```javascript
79
+ import { useSelector } from "react-redux";
80
+ import LanguageManager from './lib/LanguageManager';
81
+ const { getLabel } = LanguageManager();
82
+
83
+ const { labels }: any = useSelector(state => state);
84
+
85
+ return (
86
+ <React.Fragment>
87
+ {getLabel(labels, 'demo.label_01', 'Ola')}
88
+ </React.Fragment>
89
+ );
90
+ ```
91
+
92
+ ## Available Scripts
93
+
94
+ In the project directory, you can run:
95
+
96
+ ### `npm start`
97
+
98
+ Runs the Demo app in the development mode.<br />
99
+ Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
100
+
101
+ The page will reload if you make edits.<br />
102
+ You will also see any lint errors in the console.
103
+
104
+ ### `npm run distribute`
105
+
106
+ Builds (made for windows) the app for production to the `dist` folder.<br />
107
+ It correctly bundles the React component.
108
+
109
+ ### `npm publish`
110
+
111
+ Publish the dist on npmjs.
112
+
113
+ ## License
114
+ [MIT](https://choosealicense.com/licenses/mit/)
@@ -1,2 +1,2 @@
1
- "use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactRedux=require("react-redux"),_ConfigurationManager2=_interopRequireDefault(require("./ConfigurationManager"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;return _getRequireWildcardCache=function(){return a},a}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var b=_getRequireWildcardCache();if(b&&b.has(a))return b.get(a);var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a)if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;f&&(f.get||f.set)?Object.defineProperty(c,e,f):c[e]=a[e]}return c.default=a,b&&b.set(a,c),c}function ConfigurationLoader(a){var b=a.updateAppState,c=a.path,d=(0,_reactRedux.useDispatch)(),e=(0,_reactRedux.useSelector)(function(a){return a}),f=e.configuration,g=(0,_ConfigurationManager2.default)(),h=g.loadConfiguration,i="./configuration/config.json";return c&&(i=c),(0,_react.useEffect)(function(){f||(console.log("Loading Configuration for this Site in this path: ".concat(i)),h(i).then(function(a){console.log("Loaded Configuration for this Site in this path: ".concat(i),a),d(b("labels",a))}).catch(function(){console.log("Problem loading the Site Configuration in this path: ".concat(i))}))},[f,d,h,i,b]),/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null)}var _default=ConfigurationLoader;exports.default=_default;
2
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9saWIvQ29uZmlndXJhdGlvbkxvYWRlci50c3giXSwibmFtZXMiOlsiQ29uZmlndXJhdGlvbkxvYWRlciIsInVwZGF0ZUFwcFN0YXRlIiwicGF0aCIsImRpc3BhdGNoIiwic3RhdGUiLCJjb25maWd1cmF0aW9uIiwibG9hZENvbmZpZ3VyYXRpb24iLCJmdWxsUGF0aCIsImNvbnNvbGUiLCJsb2ciLCJ0aGVuIiwicmVzcG9uc2UiLCJjYXRjaCJdLCJtYXBwaW5ncyI6IjZzQ0FXQSxRQUFTQSxDQUFBQSxtQkFBVCxHQUFzRixJQUF2REMsQ0FBQUEsQ0FBdUQsR0FBdkRBLGNBQXVELENBQXZDQyxDQUF1QyxHQUF2Q0EsSUFBdUMsQ0FDNUVDLENBQVEsQ0FBRyw2QkFEaUUsR0FFbkQsNEJBQVksU0FBQUMsQ0FBSyxRQUFJQSxDQUFBQSxDQUFKLENBQWpCLENBRm1ELENBRTFFQyxDQUYwRSxHQUUxRUEsYUFGMEUsR0FHcEQsb0NBSG9ELENBRzFFQyxDQUgwRSxHQUcxRUEsaUJBSDBFLENBSzlFQyxDQUFRLENBQUcsNkJBTG1FLENBc0JsRixNQWhCSUwsQ0FBQUEsQ0FnQkosR0FmSUssQ0FBUSxDQUFHTCxDQWVmLEVBYkEscUJBQVUsVUFBTSxDQUNQRyxDQURPLEdBRVJHLE9BQU8sQ0FBQ0MsR0FBUiw2REFBaUVGLENBQWpFLEVBRlEsQ0FHUkQsQ0FBaUIsQ0FBQ0MsQ0FBRCxDQUFqQixDQUE0QkcsSUFBNUIsQ0FBaUMsU0FBQ0MsQ0FBRCxDQUFtQixDQUNoREgsT0FBTyxDQUFDQyxHQUFSLDREQUFnRUYsQ0FBaEUsRUFBNEVJLENBQTVFLENBRGdELENBRWhEUixDQUFRLENBQUNGLENBQWMsQ0FBQyxRQUFELENBQVdVLENBQVgsQ0FBZixDQUNYLENBSEQsRUFJS0MsS0FKTCxDQUlXLFVBQWMsQ0FDakJKLE9BQU8sQ0FBQ0MsR0FBUixnRUFBb0VGLENBQXBFLEVBQ0gsQ0FOTCxDQUhRLENBV2YsQ0FYRCxDQVdHLENBQUNGLENBQUQsQ0FBZ0JGLENBQWhCLENBQTBCRyxDQUExQixDQUE2Q0MsQ0FBN0MsQ0FBdUROLENBQXZELENBWEgsQ0FhQSxjQUNJLDZCQUFDLGNBQUQsQ0FBTyxRQUFQLE1BR1AsQyxhQUVjRCxtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IHsgdXNlRGlzcGF0Y2gsIHVzZVNlbGVjdG9yIH0gZnJvbSBcInJlYWN0LXJlZHV4XCI7XHJcblxyXG5pbXBvcnQgQ29uZmlndXJhdGlvbk1hbmFnZXIgZnJvbSAnLi9Db25maWd1cmF0aW9uTWFuYWdlcic7XHJcblxyXG5leHBvcnQgdHlwZSBjb25maWd1cmF0aW9uTG9hZGVyUGFyYW1zVHlwZSA9IHtcclxuICAgIHVwZGF0ZUFwcFN0YXRlOiBhbnksXHJcbiAgICBwYXRoOiBzdHJpbmcgfCBudWxsXHJcbiAgICAvLyB0b2dnbGU6IChjb25maXJtOiBib29sZWFuKSA9PiB2b2lkXHJcbn1cclxuXHJcbmZ1bmN0aW9uIENvbmZpZ3VyYXRpb25Mb2FkZXIoeyB1cGRhdGVBcHBTdGF0ZSwgcGF0aCB9OiBjb25maWd1cmF0aW9uTG9hZGVyUGFyYW1zVHlwZSkge1xyXG4gICAgY29uc3QgZGlzcGF0Y2ggPSB1c2VEaXNwYXRjaCgpO1xyXG4gICAgY29uc3QgeyBjb25maWd1cmF0aW9uIH06IGFueSA9IHVzZVNlbGVjdG9yKHN0YXRlID0+IHN0YXRlKTtcclxuICAgIGNvbnN0IHsgbG9hZENvbmZpZ3VyYXRpb24gfSA9IENvbmZpZ3VyYXRpb25NYW5hZ2VyKCk7XHJcblxyXG4gICAgbGV0IGZ1bGxQYXRoID0gJy4vY29uZmlndXJhdGlvbi9jb25maWcuanNvbic7XHJcbiAgICBpZiAocGF0aClcclxuICAgICAgICBmdWxsUGF0aCA9IHBhdGg7XHJcblxyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAoIWNvbmZpZ3VyYXRpb24pIHtcclxuICAgICAgICAgICAgY29uc29sZS5sb2coYExvYWRpbmcgQ29uZmlndXJhdGlvbiBmb3IgdGhpcyBTaXRlIGluIHRoaXMgcGF0aDogJHtmdWxsUGF0aH1gKTtcclxuICAgICAgICAgICAgbG9hZENvbmZpZ3VyYXRpb24oZnVsbFBhdGgpLnRoZW4oKHJlc3BvbnNlOiBhbnkpID0+IHtcclxuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGBMb2FkZWQgQ29uZmlndXJhdGlvbiBmb3IgdGhpcyBTaXRlIGluIHRoaXMgcGF0aDogJHtmdWxsUGF0aH1gLCByZXNwb25zZSk7XHJcbiAgICAgICAgICAgICAgICBkaXNwYXRjaCh1cGRhdGVBcHBTdGF0ZShcImxhYmVsc1wiLCByZXNwb25zZSkpO1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICAgICAgLmNhdGNoKChlcnI6IGFueSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGBQcm9ibGVtIGxvYWRpbmcgdGhlIFNpdGUgQ29uZmlndXJhdGlvbiBpbiB0aGlzIHBhdGg6ICR7ZnVsbFBhdGh9YCk7XHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY29uZmlndXJhdGlvbiwgZGlzcGF0Y2gsIGxvYWRDb25maWd1cmF0aW9uLCBmdWxsUGF0aCwgdXBkYXRlQXBwU3RhdGVdKTtcclxuXHJcbiAgICByZXR1cm4gKFxyXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudD5cclxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxyXG4gICAgKTtcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgQ29uZmlndXJhdGlvbkxvYWRlcjtcclxuIl19
1
+ "use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactRedux=require("react-redux"),_ConfigurationManager2=_interopRequireDefault(require("./ConfigurationManager"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;return _getRequireWildcardCache=function(){return a},a}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var b=_getRequireWildcardCache();if(b&&b.has(a))return b.get(a);var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a)if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;f&&(f.get||f.set)?Object.defineProperty(c,e,f):c[e]=a[e]}return c.default=a,b&&b.set(a,c),c}function ConfigurationLoader(a){var b=a.updateAppState,c=a.path,d=(0,_reactRedux.useDispatch)(),e=(0,_reactRedux.useSelector)(function(a){return a}),f=e.configuration,g=(0,_ConfigurationManager2.default)(),h=g.loadConfiguration,i="./configuration/config.json";return c&&(i=c),(0,_react.useEffect)(function(){f||(console.log("Loading Configuration for this Site in this path: ".concat(i)),h(i).then(function(a){console.log("Loaded Configuration for this Site in this path: ".concat(i),a),d(b("configuration",a))}).catch(function(){console.log("Problem loading the Site Configuration in this path: ".concat(i))}))},[f,d,h,i,b]),/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null)}var _default=ConfigurationLoader;exports.default=_default;
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9saWIvQ29uZmlndXJhdGlvbkxvYWRlci50c3giXSwibmFtZXMiOlsiQ29uZmlndXJhdGlvbkxvYWRlciIsInVwZGF0ZUFwcFN0YXRlIiwicGF0aCIsImRpc3BhdGNoIiwic3RhdGUiLCJjb25maWd1cmF0aW9uIiwibG9hZENvbmZpZ3VyYXRpb24iLCJmdWxsUGF0aCIsImNvbnNvbGUiLCJsb2ciLCJ0aGVuIiwicmVzcG9uc2UiLCJjYXRjaCJdLCJtYXBwaW5ncyI6IjZzQ0FXQSxRQUFTQSxDQUFBQSxtQkFBVCxHQUFzRixJQUF2REMsQ0FBQUEsQ0FBdUQsR0FBdkRBLGNBQXVELENBQXZDQyxDQUF1QyxHQUF2Q0EsSUFBdUMsQ0FDNUVDLENBQVEsQ0FBRyw2QkFEaUUsR0FFbkQsNEJBQVksU0FBQUMsQ0FBSyxRQUFJQSxDQUFBQSxDQUFKLENBQWpCLENBRm1ELENBRTFFQyxDQUYwRSxHQUUxRUEsYUFGMEUsR0FHcEQsb0NBSG9ELENBRzFFQyxDQUgwRSxHQUcxRUEsaUJBSDBFLENBSzlFQyxDQUFRLENBQUcsNkJBTG1FLENBc0JsRixNQWhCSUwsQ0FBQUEsQ0FnQkosR0FmSUssQ0FBUSxDQUFHTCxDQWVmLEVBYkEscUJBQVUsVUFBTSxDQUNQRyxDQURPLEdBRVJHLE9BQU8sQ0FBQ0MsR0FBUiw2REFBaUVGLENBQWpFLEVBRlEsQ0FHUkQsQ0FBaUIsQ0FBQ0MsQ0FBRCxDQUFqQixDQUE0QkcsSUFBNUIsQ0FBaUMsU0FBQ0MsQ0FBRCxDQUFtQixDQUNoREgsT0FBTyxDQUFDQyxHQUFSLDREQUFnRUYsQ0FBaEUsRUFBNEVJLENBQTVFLENBRGdELENBRWhEUixDQUFRLENBQUNGLENBQWMsQ0FBQyxlQUFELENBQWtCVSxDQUFsQixDQUFmLENBQ1gsQ0FIRCxFQUlLQyxLQUpMLENBSVcsVUFBYyxDQUNqQkosT0FBTyxDQUFDQyxHQUFSLGdFQUFvRUYsQ0FBcEUsRUFDSCxDQU5MLENBSFEsQ0FXZixDQVhELENBV0csQ0FBQ0YsQ0FBRCxDQUFnQkYsQ0FBaEIsQ0FBMEJHLENBQTFCLENBQTZDQyxDQUE3QyxDQUF1RE4sQ0FBdkQsQ0FYSCxDQWFBLGNBQ0ksNkJBQUMsY0FBRCxDQUFPLFFBQVAsTUFHUCxDLGFBRWNELG1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xyXG5pbXBvcnQgeyB1c2VEaXNwYXRjaCwgdXNlU2VsZWN0b3IgfSBmcm9tIFwicmVhY3QtcmVkdXhcIjtcclxuXHJcbmltcG9ydCBDb25maWd1cmF0aW9uTWFuYWdlciBmcm9tICcuL0NvbmZpZ3VyYXRpb25NYW5hZ2VyJztcclxuXHJcbmV4cG9ydCB0eXBlIGNvbmZpZ3VyYXRpb25Mb2FkZXJQYXJhbXNUeXBlID0ge1xyXG4gICAgdXBkYXRlQXBwU3RhdGU6IGFueSxcclxuICAgIHBhdGg6IHN0cmluZyB8IG51bGxcclxuICAgIC8vIHRvZ2dsZTogKGNvbmZpcm06IGJvb2xlYW4pID0+IHZvaWRcclxufVxyXG5cclxuZnVuY3Rpb24gQ29uZmlndXJhdGlvbkxvYWRlcih7IHVwZGF0ZUFwcFN0YXRlLCBwYXRoIH06IGNvbmZpZ3VyYXRpb25Mb2FkZXJQYXJhbXNUeXBlKSB7XHJcbiAgICBjb25zdCBkaXNwYXRjaCA9IHVzZURpc3BhdGNoKCk7XHJcbiAgICBjb25zdCB7IGNvbmZpZ3VyYXRpb24gfTogYW55ID0gdXNlU2VsZWN0b3Ioc3RhdGUgPT4gc3RhdGUpO1xyXG4gICAgY29uc3QgeyBsb2FkQ29uZmlndXJhdGlvbiB9ID0gQ29uZmlndXJhdGlvbk1hbmFnZXIoKTtcclxuXHJcbiAgICBsZXQgZnVsbFBhdGggPSAnLi9jb25maWd1cmF0aW9uL2NvbmZpZy5qc29uJztcclxuICAgIGlmIChwYXRoKVxyXG4gICAgICAgIGZ1bGxQYXRoID0gcGF0aDtcclxuXHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGlmICghY29uZmlndXJhdGlvbikge1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZyhgTG9hZGluZyBDb25maWd1cmF0aW9uIGZvciB0aGlzIFNpdGUgaW4gdGhpcyBwYXRoOiAke2Z1bGxQYXRofWApO1xyXG4gICAgICAgICAgICBsb2FkQ29uZmlndXJhdGlvbihmdWxsUGF0aCkudGhlbigocmVzcG9uc2U6IGFueSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coYExvYWRlZCBDb25maWd1cmF0aW9uIGZvciB0aGlzIFNpdGUgaW4gdGhpcyBwYXRoOiAke2Z1bGxQYXRofWAsIHJlc3BvbnNlKTtcclxuICAgICAgICAgICAgICAgIGRpc3BhdGNoKHVwZGF0ZUFwcFN0YXRlKFwiY29uZmlndXJhdGlvblwiLCByZXNwb25zZSkpO1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICAgICAgLmNhdGNoKChlcnI6IGFueSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGBQcm9ibGVtIGxvYWRpbmcgdGhlIFNpdGUgQ29uZmlndXJhdGlvbiBpbiB0aGlzIHBhdGg6ICR7ZnVsbFBhdGh9YCk7XHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY29uZmlndXJhdGlvbiwgZGlzcGF0Y2gsIGxvYWRDb25maWd1cmF0aW9uLCBmdWxsUGF0aCwgdXBkYXRlQXBwU3RhdGVdKTtcclxuXHJcbiAgICByZXR1cm4gKFxyXG4gICAgICAgIDxSZWFjdC5GcmFnbWVudD5cclxuICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxyXG4gICAgKTtcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgQ29uZmlndXJhdGlvbkxvYWRlcjtcclxuIl19
@@ -0,0 +1,2 @@
1
+ "use strict";function _typeof(a){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},_typeof(a)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactRedux=require("react-redux"),_LanguageManager2=_interopRequireDefault(require("./LanguageManager"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var a=new WeakMap;return _getRequireWildcardCache=function(){return a},a}function _interopRequireWildcard(a){if(a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var b=_getRequireWildcardCache();if(b&&b.has(a))return b.get(a);var c={},d=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in a)if(Object.prototype.hasOwnProperty.call(a,e)){var f=d?Object.getOwnPropertyDescriptor(a,e):null;f&&(f.get||f.set)?Object.defineProperty(c,e,f):c[e]=a[e]}return c.default=a,b&&b.set(a,c),c}function LanguageLoader(a){var b=a.updateAppState,c=a.locale,d=a.path,e=(0,_reactRedux.useDispatch)(),f=(0,_reactRedux.useSelector)(function(a){return a}),g=f.labels,h=(0,_LanguageManager2.default)(),i=h.loadLabels,j="".concat(c,".json"),k="./labels/".concat(j);return d&&(k="./".concat(d,"/").concat(j)),(0,_react.useEffect)(function(){g||(console.log("Loading Language Labels for this Site in this path: ".concat(k)),i(k).then(function(a){console.log("Loaded Language Labels for this Site in this path: ".concat(k),a),e(b("labels",a))}).catch(function(){console.log("Problem loading the Site Language Labels in this path: ".concat(k))}))},[g,e,i,k,b]),/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null)}var _default=LanguageLoader;exports.default=_default;
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9saWIvTGFuZ3VhZ2VMb2FkZXIudHN4Il0sIm5hbWVzIjpbIkxhbmd1YWdlTG9hZGVyIiwidXBkYXRlQXBwU3RhdGUiLCJsb2NhbGUiLCJwYXRoIiwiZGlzcGF0Y2giLCJzdGF0ZSIsImxhYmVscyIsImxvYWRMYWJlbHMiLCJmaWxlTmFtZSIsImZ1bGxQYXRoIiwiY29uc29sZSIsImxvZyIsInRoZW4iLCJyZXNwb25zZSIsImNhdGNoIl0sIm1hcHBpbmdzIjoibXNDQVlBLFFBQVNBLENBQUFBLGNBQVQsR0FBb0YsSUFBMURDLENBQUFBLENBQTBELEdBQTFEQSxjQUEwRCxDQUExQ0MsQ0FBMEMsR0FBMUNBLE1BQTBDLENBQWxDQyxDQUFrQyxHQUFsQ0EsSUFBa0MsQ0FDMUVDLENBQVEsQ0FBRyw2QkFEK0QsR0FFeEQsNEJBQVksU0FBQUMsQ0FBSyxRQUFJQSxDQUFBQSxDQUFKLENBQWpCLENBRndELENBRXhFQyxDQUZ3RSxHQUV4RUEsTUFGd0UsR0FHekQsK0JBSHlELENBR3hFQyxDQUh3RSxHQUd4RUEsVUFId0UsQ0FLMUVDLENBQVEsV0FBTU4sQ0FBTixTQUxrRSxDQU81RU8sQ0FBUSxvQkFBZUQsQ0FBZixDQVBvRSxDQXdCaEYsTUFoQklMLENBQUFBLENBZ0JKLEdBZklNLENBQVEsYUFBUU4sQ0FBUixhQUFnQkssQ0FBaEIsQ0FlWixFQWJBLHFCQUFVLFVBQU0sQ0FDUEYsQ0FETyxHQUVSSSxPQUFPLENBQUNDLEdBQVIsK0RBQW1FRixDQUFuRSxFQUZRLENBR1JGLENBQVUsQ0FBQ0UsQ0FBRCxDQUFWLENBQXFCRyxJQUFyQixDQUEwQixTQUFDQyxDQUFELENBQW1CLENBQ3pDSCxPQUFPLENBQUNDLEdBQVIsOERBQWtFRixDQUFsRSxFQUE4RUksQ0FBOUUsQ0FEeUMsQ0FFekNULENBQVEsQ0FBQ0gsQ0FBYyxDQUFDLFFBQUQsQ0FBV1ksQ0FBWCxDQUFmLENBQ1gsQ0FIRCxFQUlLQyxLQUpMLENBSVcsVUFBYyxDQUNqQkosT0FBTyxDQUFDQyxHQUFSLGtFQUFzRUYsQ0FBdEUsRUFDSCxDQU5MLENBSFEsQ0FXZixDQVhELENBV0csQ0FBQ0gsQ0FBRCxDQUFTRixDQUFULENBQW1CRyxDQUFuQixDQUErQkUsQ0FBL0IsQ0FBeUNSLENBQXpDLENBWEgsQ0FhQSxjQUNJLDZCQUFDLGNBQUQsQ0FBTyxRQUFQLE1BR1AsQyxhQUVjRCxjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xyXG5pbXBvcnQgeyB1c2VEaXNwYXRjaCwgdXNlU2VsZWN0b3IgfSBmcm9tIFwicmVhY3QtcmVkdXhcIjtcclxuXHJcbmltcG9ydCBMYW5ndWFnZU1hbmFnZXIgZnJvbSAnLi9MYW5ndWFnZU1hbmFnZXInO1xyXG5cclxuZXhwb3J0IHR5cGUgbGFuZ3VhZ2VMb2FkZXJQYXJhbXNUeXBlID0ge1xyXG4gICAgdXBkYXRlQXBwU3RhdGU6IGFueSxcclxuICAgIGxvY2FsZTogc3RyaW5nLFxyXG4gICAgcGF0aDogc3RyaW5nIHwgbnVsbCxcclxuICAgIC8vIHRvZ2dsZTogKGNvbmZpcm06IGJvb2xlYW4pID0+IHZvaWRcclxufVxyXG5cclxuZnVuY3Rpb24gTGFuZ3VhZ2VMb2FkZXIoeyB1cGRhdGVBcHBTdGF0ZSwgbG9jYWxlLCBwYXRoIH06IGxhbmd1YWdlTG9hZGVyUGFyYW1zVHlwZSkge1xyXG4gICAgY29uc3QgZGlzcGF0Y2ggPSB1c2VEaXNwYXRjaCgpO1xyXG4gICAgY29uc3QgeyBsYWJlbHMgfTogYW55ID0gdXNlU2VsZWN0b3Ioc3RhdGUgPT4gc3RhdGUpO1xyXG4gICAgY29uc3QgeyBsb2FkTGFiZWxzIH0gPSBMYW5ndWFnZU1hbmFnZXIoKTtcclxuXHJcbiAgICBjb25zdCBmaWxlTmFtZSA9IGAke2xvY2FsZX0uanNvbmA7XHJcblxyXG4gICAgbGV0IGZ1bGxQYXRoID0gYC4vbGFiZWxzLyR7ZmlsZU5hbWV9YDtcclxuICAgIGlmIChwYXRoKVxyXG4gICAgICAgIGZ1bGxQYXRoID0gYC4vJHtwYXRofS8ke2ZpbGVOYW1lfWA7XHJcblxyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBpZiAoIWxhYmVscykge1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZyhgTG9hZGluZyBMYW5ndWFnZSBMYWJlbHMgZm9yIHRoaXMgU2l0ZSBpbiB0aGlzIHBhdGg6ICR7ZnVsbFBhdGh9YCk7XHJcbiAgICAgICAgICAgIGxvYWRMYWJlbHMoZnVsbFBhdGgpLnRoZW4oKHJlc3BvbnNlOiBhbnkpID0+IHtcclxuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKGBMb2FkZWQgTGFuZ3VhZ2UgTGFiZWxzIGZvciB0aGlzIFNpdGUgaW4gdGhpcyBwYXRoOiAke2Z1bGxQYXRofWAsIHJlc3BvbnNlKTtcclxuICAgICAgICAgICAgICAgIGRpc3BhdGNoKHVwZGF0ZUFwcFN0YXRlKFwibGFiZWxzXCIsIHJlc3BvbnNlKSk7XHJcbiAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgICAgICAuY2F0Y2goKGVycjogYW55KSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5sb2coYFByb2JsZW0gbG9hZGluZyB0aGUgU2l0ZSBMYW5ndWFnZSBMYWJlbHMgaW4gdGhpcyBwYXRoOiAke2Z1bGxQYXRofWApO1xyXG4gICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW2xhYmVscywgZGlzcGF0Y2gsIGxvYWRMYWJlbHMsIGZ1bGxQYXRoLCB1cGRhdGVBcHBTdGF0ZV0pO1xyXG5cclxuICAgIHJldHVybiAoXHJcbiAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxyXG4gICAgICAgIDwvUmVhY3QuRnJhZ21lbnQ+XHJcbiAgICApO1xyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZUxvYWRlcjtcclxuIl19
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function asyncGeneratorStep(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(a){return void c(a)}h.done?b(i):Promise.resolve(i).then(d,e)}function _asyncToGenerator(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){function f(a){asyncGeneratorStep(h,d,e,f,g,"next",a)}function g(a){asyncGeneratorStep(h,d,e,f,g,"throw",a)}var h=a.apply(b,c);f(void 0)})}}function LanguageManager(){function a(){return b.apply(this,arguments)}function b(){return b=_asyncToGenerator(/*#__PURE__*/regeneratorRuntime.mark(function a(b){var c;return regeneratorRuntime.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.prev=0,a.next=3,fetch(b,{headers:{"Content-Type":"application/json; charset=utf-8"}});case 3:return c=a.sent,a.next=6,c.json();case 6:return a.abrupt("return",a.sent);case 9:a.prev=9,a.t0=a["catch"](0),console.log("Problem loading the Site Labels");case 12:case"end":return a.stop();}},a,null,[[0,9]])})),b.apply(this,arguments)}return{getLabel:function(a,b,c){if(null===a||a===void 0)return c||"";try{for(var d,e=b.split("."),f=a,g=0;g<e.length;g++)d=e[g],f=f[d];return null!==f&&void 0!==f?f:c?c:b}catch(a){return c?c:b}},loadLabels:a}}var _default=LanguageManager;exports.default=_default;
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9saWIvTGFuZ3VhZ2VNYW5hZ2VyLnRzIl0sIm5hbWVzIjpbIkxhbmd1YWdlTWFuYWdlciIsImxvYWRMYWJlbHMiLCJmdWxsUGF0aCIsImZldGNoIiwiaGVhZGVycyIsInJlcyIsImpzb24iLCJjb25zb2xlIiwibG9nIiwiZ2V0TGFiZWwiLCJsYWJlbHMiLCJpZCIsImRlZmF1bHRWYWx1ZSIsImVsZW1lbnQiLCJzcGxpdHMiLCJzcGxpdCIsIm1lc3NhZ2UiLCJpbmRleCIsImxlbmd0aCIsImV4Il0sIm1hcHBpbmdzIjoid2RBQUEsUUFBU0EsQ0FBQUEsZUFBVCxFQUF5QyxTQUV0QkMsQ0FBQUEsQ0FGc0IsK0dBRXJDLFdBQTBCQyxDQUExQixnSEFFMEJDLEtBQUssQ0FBQ0QsQ0FBRCxDQUFXLENBQUVFLE9BQU8sQ0FBRSxDQUFFLGVBQWdCLGlDQUFsQixDQUFYLENBQVgsQ0FGL0IsY0FFY0MsQ0FBQUEsQ0FGZCxpQkFHcUJBLENBQUcsQ0FBQ0MsSUFBSixFQUhyQiw0RUFNUUMsT0FBTyxDQUFDQyxHQUFSLENBQVksaUNBQVosQ0FOUixzREFGcUMsMkJBZ0NyQyxNQUFPLENBQUVDLFFBQVEsQ0FwQmpCLFNBQWtCQyxDQUFsQixDQUErQkMsQ0FBL0IsQ0FBMkNDLENBQTNDLENBQWlFLENBQzdELEdBQWUsSUFBWCxHQUFBRixDQUFNLEVBQWFBLENBQU0sU0FBN0IsQ0FDSSxNQUFPRSxDQUFBQSxDQUFZLEVBQUksRUFBdkIsQ0FFSixHQUFJLENBR0EsT0FDVUMsQ0FBQUEsQ0FEVixDQUZNQyxDQUFNLENBQUdILENBQUUsQ0FBQ0ksS0FBSCxDQUFTLEdBQVQsQ0FFZixDQURJQyxDQUFPLENBQUdOLENBQ2QsQ0FBU08sQ0FBSyxDQUFHLENBQWpCLENBQW9CQSxDQUFLLENBQUdILENBQU0sQ0FBQ0ksTUFBbkMsQ0FBMkNELENBQUssRUFBaEQsQ0FDVUosQ0FEVixDQUNvQkMsQ0FBTSxDQUFDRyxDQUFELENBRDFCLENBRUlELENBQU8sQ0FBR0EsQ0FBTyxDQUFDSCxDQUFELENBRnJCLENBSEEsTUFPZ0IsS0FBWixHQUFBRyxDQUFPLEVBQWEsU0FBQUEsQ0FQeEIsQ0FRV0EsQ0FSWCxDQVVPSixDQUFZLENBQUdBLENBQUgsQ0FBa0JELENBQ3hDLENBQUMsTUFBT1EsQ0FBUCxDQUFXLENBQ1QsTUFBT1AsQ0FBQUEsQ0FBWSxDQUFHQSxDQUFILENBQWtCRCxDQUN4QyxDQUNKLENBRU0sQ0FBWVYsVUFBVSxDQUFWQSxDQUFaLENBQ1YsQyxhQUVjRCxlIiwic291cmNlc0NvbnRlbnQiOlsiZnVuY3Rpb24gTGFuZ3VhZ2VNYW5hZ2VyKGZvcm1EYXRhPzogYW55KSB7XHJcblxyXG4gICAgYXN5bmMgZnVuY3Rpb24gbG9hZExhYmVscyhmdWxsUGF0aDogc3RyaW5nKSB7XHJcbiAgICAgICAgdHJ5IHtcclxuICAgICAgICAgICAgY29uc3QgcmVzID0gYXdhaXQgZmV0Y2goZnVsbFBhdGgsIHsgaGVhZGVyczogeyBcIkNvbnRlbnQtVHlwZVwiOiBcImFwcGxpY2F0aW9uL2pzb247IGNoYXJzZXQ9dXRmLThcIiB9IH0pO1xyXG4gICAgICAgICAgICByZXR1cm4gYXdhaXQgcmVzLmpzb24oKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICBjb25zb2xlLmxvZyhcIlByb2JsZW0gbG9hZGluZyB0aGUgU2l0ZSBMYWJlbHNcIik7XHJcbiAgICAgICAgfVxyXG4gICAgfTtcclxuXHJcbiAgICBmdW5jdGlvbiBnZXRMYWJlbChsYWJlbHM6IGFueSwgaWQ6IHN0cmluZywgZGVmYXVsdFZhbHVlOiBzdHJpbmcpIHtcclxuICAgICAgICBpZiAobGFiZWxzID09PSBudWxsIHx8IGxhYmVscyA9PT0gdW5kZWZpbmVkKVxyXG4gICAgICAgICAgICByZXR1cm4gZGVmYXVsdFZhbHVlIHx8ICcnO1xyXG5cclxuICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICBjb25zdCBzcGxpdHMgPSBpZC5zcGxpdCgnLicpO1xyXG4gICAgICAgICAgICBsZXQgbWVzc2FnZSA9IGxhYmVscztcclxuICAgICAgICAgICAgZm9yIChsZXQgaW5kZXggPSAwOyBpbmRleCA8IHNwbGl0cy5sZW5ndGg7IGluZGV4KyspIHtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGVsZW1lbnQgPSBzcGxpdHNbaW5kZXhdO1xyXG4gICAgICAgICAgICAgICAgbWVzc2FnZSA9IG1lc3NhZ2VbZWxlbWVudF07XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKG1lc3NhZ2UgIT09IG51bGwgJiYgbWVzc2FnZSAhPT0gdW5kZWZpbmVkKVxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIG1lc3NhZ2U7XHJcblxyXG4gICAgICAgICAgICByZXR1cm4gZGVmYXVsdFZhbHVlID8gZGVmYXVsdFZhbHVlIDogaWQ7XHJcbiAgICAgICAgfSBjYXRjaCAoZXgpIHtcclxuICAgICAgICAgICAgcmV0dXJuIGRlZmF1bHRWYWx1ZSA/IGRlZmF1bHRWYWx1ZSA6IGlkO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4geyBnZXRMYWJlbCwgbG9hZExhYmVscyB9O1xyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBMYW5ndWFnZU1hbmFnZXI7XHJcblxyXG4iXX0=
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ConfigurationLoader",{enumerable:!0,get:function get(){return _ConfigurationLoader.default}}),Object.defineProperty(exports,"ConfigurationManager",{enumerable:!0,get:function get(){return _ConfigurationManager.default}});var _ConfigurationLoader=_interopRequireDefault(require("./ConfigurationLoader")),_ConfigurationManager=_interopRequireDefault(require("./ConfigurationManager"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ConfigurationLoader",{enumerable:!0,get:function get(){return _ConfigurationLoader.default}}),Object.defineProperty(exports,"ConfigurationManager",{enumerable:!0,get:function get(){return _ConfigurationManager.default}}),Object.defineProperty(exports,"LanguageLoader",{enumerable:!0,get:function get(){return _LanguageLoader.default}}),Object.defineProperty(exports,"LanguageManager",{enumerable:!0,get:function get(){return _LanguageManager.default}});var _ConfigurationLoader=_interopRequireDefault(require("./ConfigurationLoader")),_ConfigurationManager=_interopRequireDefault(require("./ConfigurationManager")),_LanguageLoader=_interopRequireDefault(require("./LanguageLoader")),_LanguageManager=_interopRequireDefault(require("./LanguageManager"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
2
2
  //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbXX0=
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@firedesktop/react-base",
3
- "version": "1.0.1",
3
+ "version": "1.1.0",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "description": "This is the FireDesktop base package used to support every React Project in this Company.",
@@ -0,0 +1,8 @@
1
+ {
2
+ "language": "it-IT",
3
+ "demo": {
4
+ "label_01": "Demo Label 01",
5
+ "label_02": "Demo Label 02"
6
+ },
7
+ "anotherContext": {}
8
+ }
package/src/App.tsx CHANGED
@@ -3,25 +3,47 @@ import { Provider } from "react-redux";
3
3
  import { createStore } from 'redux';
4
4
 
5
5
  import ConfigurationLoader from './lib/ConfigurationLoader';
6
+ import LanguageLoader from './lib/LanguageLoader';
7
+ import TestLabelFunction from './TestLabelFunction';
6
8
 
9
+ export const UPDATE_APP_STATE = 'UPDATE_APP_STATE';
7
10
  const appReducer = (state = {}, action: any) => {
8
- return state;
11
+ switch (action.type) {
12
+ case UPDATE_APP_STATE: {
13
+ const { name, value } = action.payload;
14
+ const newState = { ...state, [name]: value };
15
+ return newState;
16
+ }
17
+ default:
18
+ return state;
19
+ }
9
20
  }
10
21
 
11
22
  function App() {
12
23
 
13
- const updateAppState = (nameInState: string, configuration: object) => {
14
- debugger;
15
- console.log(`updateState name: ${nameInState}, configuration: ${configuration}`);
24
+ const updateAppState = (name: string, value: object) => {
25
+ console.log(`updateState name: ${name}, configuration: ${value}`);
26
+ return {
27
+ type: UPDATE_APP_STATE,
28
+ payload: {
29
+ name,
30
+ value,
31
+ },
32
+ };
16
33
  }
17
34
 
18
35
  // @ts-ignore
19
36
  const store = createStore(appReducer);
20
37
 
38
+
21
39
  return (
22
40
 
23
41
  <Provider store={store}>
42
+
43
+ <TestLabelFunction />
44
+
24
45
  <ConfigurationLoader updateAppState={updateAppState} path={null} />
46
+ <LanguageLoader updateAppState={updateAppState} locale='it-IT' path={null} />
25
47
  </Provider >
26
48
  );
27
49
  }
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { useSelector } from "react-redux";
3
+
4
+ import LanguageManager from './lib/LanguageManager';
5
+ const { getLabel } = LanguageManager();
6
+
7
+
8
+ function TestLabelFunction() {
9
+ const { labels }: any = useSelector(state => state);
10
+
11
+ return (
12
+ <React.Fragment>
13
+ {getLabel(labels, 'demo.label_01', 'Ola')}
14
+ </React.Fragment>
15
+ );
16
+ }
17
+
18
+ export default TestLabelFunction;
@@ -23,7 +23,7 @@ function ConfigurationLoader({ updateAppState, path }: configurationLoaderParams
23
23
  console.log(`Loading Configuration for this Site in this path: ${fullPath}`);
24
24
  loadConfiguration(fullPath).then((response: any) => {
25
25
  console.log(`Loaded Configuration for this Site in this path: ${fullPath}`, response);
26
- dispatch(updateAppState("labels", response));
26
+ dispatch(updateAppState("configuration", response));
27
27
  })
28
28
  .catch((err: any) => {
29
29
  console.log(`Problem loading the Site Configuration in this path: ${fullPath}`);
@@ -0,0 +1,43 @@
1
+ import React, { useEffect } from "react";
2
+ import { useDispatch, useSelector } from "react-redux";
3
+
4
+ import LanguageManager from './LanguageManager';
5
+
6
+ export type languageLoaderParamsType = {
7
+ updateAppState: any,
8
+ locale: string,
9
+ path: string | null,
10
+ // toggle: (confirm: boolean) => void
11
+ }
12
+
13
+ function LanguageLoader({ updateAppState, locale, path }: languageLoaderParamsType) {
14
+ const dispatch = useDispatch();
15
+ const { labels }: any = useSelector(state => state);
16
+ const { loadLabels } = LanguageManager();
17
+
18
+ const fileName = `${locale}.json`;
19
+
20
+ let fullPath = `./labels/${fileName}`;
21
+ if (path)
22
+ fullPath = `./${path}/${fileName}`;
23
+
24
+ useEffect(() => {
25
+ if (!labels) {
26
+ console.log(`Loading Language Labels for this Site in this path: ${fullPath}`);
27
+ loadLabels(fullPath).then((response: any) => {
28
+ console.log(`Loaded Language Labels for this Site in this path: ${fullPath}`, response);
29
+ dispatch(updateAppState("labels", response));
30
+ })
31
+ .catch((err: any) => {
32
+ console.log(`Problem loading the Site Language Labels in this path: ${fullPath}`);
33
+ });
34
+ }
35
+ }, [labels, dispatch, loadLabels, fullPath, updateAppState]);
36
+
37
+ return (
38
+ <React.Fragment>
39
+ </React.Fragment>
40
+ );
41
+ }
42
+
43
+ export default LanguageLoader;
@@ -0,0 +1,37 @@
1
+ function LanguageManager(formData?: any) {
2
+
3
+ async function loadLabels(fullPath: string) {
4
+ try {
5
+ const res = await fetch(fullPath, { headers: { "Content-Type": "application/json; charset=utf-8" } });
6
+ return await res.json();
7
+ }
8
+ catch (err) {
9
+ console.log("Problem loading the Site Labels");
10
+ }
11
+ };
12
+
13
+ function getLabel(labels: any, id: string, defaultValue: string) {
14
+ if (labels === null || labels === undefined)
15
+ return defaultValue || '';
16
+
17
+ try {
18
+ const splits = id.split('.');
19
+ let message = labels;
20
+ for (let index = 0; index < splits.length; index++) {
21
+ const element = splits[index];
22
+ message = message[element];
23
+ }
24
+ if (message !== null && message !== undefined)
25
+ return message;
26
+
27
+ return defaultValue ? defaultValue : id;
28
+ } catch (ex) {
29
+ return defaultValue ? defaultValue : id;
30
+ }
31
+ }
32
+
33
+ return { getLabel, loadLabels };
34
+ }
35
+
36
+ export default LanguageManager;
37
+
package/src/lib/index.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  import ConfigurationLoader from './ConfigurationLoader';
2
2
  import ConfigurationManager from './ConfigurationManager';
3
+ import LanguageLoader from './LanguageLoader';
4
+ import LanguageManager from './LanguageManager';
3
5
 
4
- export { ConfigurationLoader, ConfigurationManager };
6
+ export { ConfigurationLoader, ConfigurationManager, LanguageLoader, LanguageManager };