@firedesktop/react-base 1.5.0 → 1.8.0

package/src/lib/components/index.ts

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

package/src/lib/index.ts

@@ -2,5 +2,7 @@ import ConfigurationLoader from './ConfigurationLoader';
 import ConfigurationManager from './ConfigurationManager';
 import LanguageLoader from './LanguageLoader';
 import LanguageManager from './LanguageManager';
+import * as Components from './components';
 
-export { ConfigurationLoader, ConfigurationManager, LanguageLoader, LanguageManager };
+
+export { Components, ConfigurationLoader, ConfigurationManager, LanguageLoader, LanguageManager };

package/src/lib/styles/base.css

@@ -0,0 +1,348 @@
+:root {
+    --background-color: linear-gradient(
+      180deg,
+      #0057ff 0%,
+      rgba(0, 87, 255, 0.7) 100%,
+      rgba(0, 87, 255, 0.7) 100%
+    );
+    --background-gradient-active: linear-gradient(
+      270deg,
+      rgba(0, 87, 255, 0.7) 0%,
+      #0057ff 100%
+    );
+  
+    --background-progress-circle: linear-gradient(
+      270deg,
+      rgba(0, 87, 255, 0.7) 0%,
+      #0057ff 78.42%
+    );
+  
+    --background-progress-fill: linear-gradient(
+      270deg,
+      rgba(106, 157, 255, 0.7) 0%,
+      #6a9dff 50.95%
+    );
+    --background-progress: linear-gradient(
+      270deg,
+      rgba(106, 157, 255, 0.7) 0%,
+      #6a9dff 100%
+    );
+    --font-Josefin-sans: "Josefin Sans", sans-serif !important;
+    --font-Roboto: "Roboto", sans-serif !important;
+    --primary-color: #0057ff;
+    --warning-color: #ffc14e;
+    --danger-color: #e80026;
+    --tertiary-color: #b1aeae;
+    --success-color: #00854d;
+    --light-color: #c0c0c0;
+    --white-color: #ffffff;
+    --dark-pink-color: #de31d2;
+    --menu-dropdown-background: rgba(238, 238, 238, 0.9);
+  }
+  
+  body {
+    background: #f7f7f7 !important;
+    font-family: var(--font-Roboto);
+    overflow-x: hidden;
+  }
+
+  p {
+    color: var(--para-color);
+  }
+  
+  .tertiary-text {
+    color: var(--tertiary-color);
+  }
+  
+  .primary-text {
+    color: var(--primary-color);
+  }
+  
+  .white-text {
+    color: var(--white-color);
+  }
+  
+  .light-text {
+    color: var(--light-color);
+  }
+  
+  .danger-text {
+    color: var(--danger-color);
+  }
+  
+  .success-text {
+    color: var(--success-color);
+  }
+  
+  .dark-pink-text {
+    color: var(--dark-pink-color);
+  }
+  
+
+  /* SVG  Start */
+  .warning-svg {
+    fill: var(--warning-color);
+  }
+  
+  .tertiary-svg {
+    fill: var(--tertiary-color);
+  }
+  
+  .primary-svg {
+    fill: var(--primary-color);
+  }
+  
+  .white-svg {
+    fill: var(--white-color);
+  }
+  
+  .light-svg {
+    fill: var(--light-color);
+  }
+  
+  .danger-svg {
+    fill: var(--danger-color);
+  }
+  
+  .success-svg {
+    fill: var(--success-color);
+  }
+  
+  .dark-pink-svg {
+    fill: var(--dark-pink-color);
+  }
+  
+  .warning-svg-stroke {
+    stroke: var(--warning-color);
+  }
+  
+  .tertiary-svg-stroke {
+    stroke: var(--tertiary-color);
+  }
+  
+  .primary-svg-stroke {
+    stroke: var(--primary-color);
+  }
+  
+  .white-svg-stroke {
+    stroke: var(--white-color);
+  }
+  
+  .light-svg-stroke {
+    stroke: var(--light-color);
+  }
+  
+  .danger-svg-stroke {
+    stroke: var(--danger-color);
+  }
+  
+  .success-svg-stroke {
+    stroke: var(--success-color);
+  }
+  
+  .dark-pink-svg-stroke {
+    stroke: var(--dark-pink-color);
+  }
+  /* SVG  End */ 
+  
+  /* Fonts Start */
+  .fz10 {
+    font-size: 10px;
+  }
+  
+  .fz11 {
+    font-size: 11px;
+  }
+  
+  .fz12 {
+    font-size: 12px;
+  }
+  
+  .fz13 {
+    font-size: 13px;
+  }
+  
+  .fz14 {
+    font-size: 14px;
+  }
+  
+  .fz15 {
+    font-size: 15px;
+  }
+  
+  .fz16 {
+    font-size: 16px;
+  }
+  
+  .fz17 {
+    font-size: 17px;
+  }
+  
+  .fz18 {
+    font-size: 18px;
+  }
+  
+  .fz19 {
+    font-size: 19px;
+  }
+  
+  .fz20 {
+    font-size: 20px;
+  }
+  
+  .fz21 {
+    font-size: 21px;
+  }
+  
+  .fz22 {
+    font-size: 22px;
+  }
+  
+  .fz24 {
+    font-size: 24px;
+  }
+  
+  .fz25 {
+    font-size: 25px;
+  }
+  
+  .fz26 {
+    font-size: 26px;
+  }
+  
+  .fz28 {
+    font-size: 28px;
+  }
+  
+  .fz30 {
+    font-size: 30px;
+  }
+  
+  .fz32 {
+    font-size: 32px;
+  }
+  
+  .fz34 {
+    font-size: 34px;
+  }
+  
+  .fz36 {
+    font-size: 36px;
+  }
+  
+  .fz38 {
+    font-size: 38px;
+  }
+  
+  .fz40 {
+    font-size: 40px;
+  }
+  
+  .fz45 {
+    font-size: 45px;
+  }
+  
+  .fz50 {
+    font-size: 50px;
+  }
+  
+  .fz60 {
+    font-size: 60px;
+  }
+  
+  .fz70 {
+    font-size: 70px;
+  } 
+  /* Fonts End */
+
+
+   /* breadcrumb */
+   .breadcrumb_text {
+    position: relative;
+    color: var(--primary-color);
+  }
+  
+  .breadcrumb_text::after {
+    content: "";
+    width: 100%;
+    height: 5px;
+    background: var(--primary-color);
+    position: absolute;
+    left: 0;
+    bottom: -16px;
+    border-radius: 2px;
+  }
+
+  .warning-text {
+    color: var(--warning-color);
+  }
+
+  .success-border {
+    border: 2px solid var(--success-color);
+  }
+  
+  .danger-border {
+    border: 2px solid var(--danger-color);
+  }
+  
+  .warning-border {
+    border: 2px solid var(--warning-color);
+  }
+  .white-border {
+    border: 2px solid var(--primary-color);
+  }
+  .success-background {
+    background: var(--success-color);
+    color: var(--white-color);
+  }
+  
+  .white-background {
+    background: var(--primary-color);
+    color: var(--white-color);
+  }
+  .danger-background {
+    background: var(--danger-color);
+    color: var(--white-color);
+  }
+  
+  .warning-background {
+    background: var(--warning-color);
+    color: var(--white-color);
+  }
+  .rounded10 {
+    border-radius: 10px;
+  }
+  .custom-control-label::before {
+    border-color: var(--primary-color) !important;
+  }
+  .custom-control-input:checked ~ .custom-control-label::before {
+    color: #fff;
+    border-color: var(--primary-color) !important;
+    background-color: #fff !important;
+  }
+  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+    background-color: var(--primary-color) !important;
+    background-image: none !important;
+  }
+  .custom-control-label::after {
+    position: absolute;
+    top: 0.4rem !important;
+    left: -1.35rem !important;
+    display: block;
+    width: 0.7rem !important;
+    height: 0.7rem !important;
+    content: "";
+    background: no-repeat 50% / 50% 50%;
+    border-radius: 100%;
+  }
+  .btn-info {
+    opacity: 0;
+    cursor: no-drop;
+    width: 0px;
+    height: 0px;
+    background-color: var(--primary-color) !important;
+  }
+  
+  .MuiAutocomplete-proper *{
+    transition: none !important;
+  }

package/src/types/ConfigurationLoader.js

@@ -24,3 +24,4 @@ function ConfigurationLoader(_a) {
     return (React.createElement(React.Fragment, null));
 }
 export default ConfigurationLoader;
+//# sourceMappingURL=ConfigurationLoader.js.map

package/src/types/ConfigurationLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationLoader.js","sourceRoot":"","sources":["../src/lib/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;AAQ1D,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,IAAI,CAAC,aAAa,EAAE;YAChB,OAAO,CAAC,GAAG,CAAC,uDAAqD,QAAU,CAAC,CAAC;YAC7E,iBAAiB,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,QAAa;gBAC3C,OAAO,CAAC,GAAG,CAAC,sDAAoD,QAAU,EAAE,QAAQ,CAAC,CAAC;gBACtF,QAAQ,CAAC,cAAc,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;YACxD,CAAC,CAAC;iBACD,KAAK,CAAC,UAAC,GAAQ;gBACZ,OAAO,CAAC,GAAG,CAAC,0DAAwD,QAAU,CAAC,CAAC;YACpF,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3E,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,OACE,CACpB,CAAC;AACN,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/src/types/ConfigurationManager.d.ts

@@ -1,4 +1,5 @@
-declare function ConfigurationManager(formData?: any): {
+declare function ConfigurationManager(): {
     loadConfiguration: (fullPath: string) => Promise<any>;
+    loadConfigurationWithDispatch: (dispatch: any, updateAppState: any, configuration: any) => Promise<void>;
 };
 export default ConfigurationManager;

package/src/types/ConfigurationManager.js

@@ -34,7 +34,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-function ConfigurationManager(formData) {
+function ConfigurationManager() {
     function loadConfiguration(fullPath) {
         return __awaiter(this, void 0, void 0, function () {
             var res, err_1;
@@ -42,21 +42,40 @@ function ConfigurationManager(formData) {
                 switch (_a.label) {
                     case 0:
                         _a.trys.push([0, 3, , 4]);
-                        return [4 /*yield*/, fetch(fullPath, { headers: { "Content-Type": "application/json; charset=utf-8" } })];
+                        return [4, fetch(fullPath, { headers: { "Content-Type": "application/json; charset=utf-8" } })];
                     case 1:
                         res = _a.sent();
-                        return [4 /*yield*/, res.json()];
-                    case 2: return [2 /*return*/, _a.sent()];
+                        return [4, res.json()];
+                    case 2: return [2, _a.sent()];
                     case 3:
                         err_1 = _a.sent();
                         console.log("Problem loading the Site Labels");
-                        return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
+                        return [3, 4];
+                    case 4: return [2];
                 }
             });
         });
     }
     ;
-    return { loadConfiguration: loadConfiguration };
+    function loadConfigurationWithDispatch(dispatch, updateAppState, configuration) {
+        return __awaiter(this, void 0, void 0, function () {
+            var fullPath_1;
+            return __generator(this, function (_a) {
+                if (!configuration || !configuration.loaded) {
+                    fullPath_1 = './configuration/config.json';
+                    console.log("Loading Configuration for this Site from this path: " + fullPath_1);
+                    loadConfiguration(fullPath_1).then(function (response) {
+                        console.log("Loaded Configuration for this Site in this path: " + fullPath_1, response);
+                        dispatch(updateAppState("configuration", response));
+                    }).catch(function (err) {
+                        console.log("Problem loading the Site Configuration in this path: " + fullPath_1);
+                    });
+                }
+                return [2];
+            });
+        });
+    }
+    return { loadConfiguration: loadConfiguration, loadConfigurationWithDispatch: loadConfigurationWithDispatch };
 }
 export default ConfigurationManager;
+//# sourceMappingURL=ConfigurationManager.js.map

package/src/types/ConfigurationManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurationManager.js","sourceRoot":"","sources":["../src/lib/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/src/types/LanguageLoader.js

@@ -11,7 +11,7 @@ function LanguageLoader(_a) {
     if (path)
         fullPath = "./" + path + "/" + fileName;
     useEffect(function () {
-        if (!labels) {
+        if (!labels.language || labels.language !== locale) {
             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);
@@ -25,3 +25,4 @@ function LanguageLoader(_a) {
     return (React.createElement(React.Fragment, null));
 }
 export default LanguageLoader;
+//# sourceMappingURL=LanguageLoader.js.map

package/src/types/LanguageLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageLoader.js","sourceRoot":"","sources":["../src/lib/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;AAShD,SAAS,cAAc,CAAC,EAA0D;QAAxD,cAAc,oBAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IAClD,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,MAAM,UAAO,CAAC;IAElC,IAAI,QAAQ,GAAG,cAAY,QAAU,CAAC;IACtC,IAAI,IAAI;QACJ,QAAQ,GAAG,OAAK,IAAI,SAAI,QAAU,CAAC;IAEvC,SAAS,CAAC;QACN,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,KAAK,MAAM,EAAE;YAChD,OAAO,CAAC,GAAG,CAAC,yDAAuD,QAAU,CAAC,CAAC;YAC/E,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,QAAa;gBACpC,OAAO,CAAC,GAAG,CAAC,wDAAsD,QAAU,EAAE,QAAQ,CAAC,CAAC;gBACxF,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;YACjD,CAAC,CAAC;iBACG,KAAK,CAAC,UAAC,GAAQ;gBACZ,OAAO,CAAC,GAAG,CAAC,4DAA0D,QAAU,CAAC,CAAC;YACtF,CAAC,CAAC,CAAC;SACV;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE7D,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ,OACE,CACpB,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}

package/src/types/LanguageManager.d.ts

@@ -1,5 +1,6 @@
-declare function LanguageManager(formData?: any): {
+declare function LanguageManager(): {
     getLabel: (labels: any, id: string, defaultValue: string) => any;
     loadLabels: (fullPath: string) => Promise<any>;
+    loadLabelsWithDispatch: (dispatch: any, updateAppState: any, labels: any, language: string) => Promise<void>;
 };
 export default LanguageManager;

package/src/types/LanguageManager.js

@@ -34,7 +34,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-function LanguageManager(formData) {
+function LanguageManager() {
     function loadLabels(fullPath) {
         return __awaiter(this, void 0, void 0, function () {
             var res, err_1;
@@ -42,21 +42,39 @@ function LanguageManager(formData) {
                 switch (_a.label) {
                     case 0:
                         _a.trys.push([0, 3, , 4]);
-                        return [4 /*yield*/, fetch(fullPath, { headers: { "Content-Type": "application/json; charset=utf-8" } })];
+                        return [4, fetch(fullPath, { headers: { "Content-Type": "application/json; charset=utf-8" } })];
                     case 1:
                         res = _a.sent();
-                        return [4 /*yield*/, res.json()];
-                    case 2: return [2 /*return*/, _a.sent()];
+                        return [4, res.json()];
+                    case 2: return [2, _a.sent()];
                     case 3:
                         err_1 = _a.sent();
                         console.log("Problem loading the Site Labels");
-                        return [3 /*break*/, 4];
-                    case 4: return [2 /*return*/];
+                        return [3, 4];
+                    case 4: return [2];
                 }
             });
         });
     }
     ;
+    function loadLabelsWithDispatch(dispatch, updateAppState, labels, language) {
+        return __awaiter(this, void 0, void 0, function () {
+            var fullPath;
+            return __generator(this, function (_a) {
+                if (!labels || !labels.language || labels.language !== language) {
+                    fullPath = "./labels/" + language + ".json";
+                    console.log("Loading Labels for this Language " + language + ", from this path: " + fullPath);
+                    loadLabels(fullPath).then(function (response) {
+                        console.log("Loaded Labels for this Language " + language, response);
+                        dispatch(updateAppState("labels", response));
+                    }).catch(function (err) {
+                        console.log("Problem loading the Site Labels");
+                    });
+                }
+                return [2];
+            });
+        });
+    }
     function getLabel(labels, id, defaultValue) {
         if (labels === null || labels === undefined)
             return defaultValue || '';
@@ -75,6 +93,7 @@ function LanguageManager(formData) {
             return defaultValue ? defaultValue : id;
         }
     }
-    return { getLabel: getLabel, loadLabels: loadLabels };
+    return { getLabel: getLabel, loadLabels: loadLabels, loadLabelsWithDispatch: loadLabelsWithDispatch };
 }
 export default LanguageManager;
+//# sourceMappingURL=LanguageManager.js.map

package/src/types/LanguageManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageManager.js","sourceRoot":"","sources":["../src/lib/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/src/types/components/AppIcon.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare type PropType = {
+    name: "add" | "edit" | "delete" | "list" | "link" | "unlink" | "shrink" | "arrow-first" | "arrow-prev" | "arrow-next" | "arrow-last" | "user" | "password" | "tickTrue" | "document" | "company" | "tickFalse" | "plantMonitor" | "plantMissing" | "circle" | "tickStep" | "unPin" | "Pin" | "contact" | "userManagement" | "configurations" | "documentTemplate" | "eye" | "share" | "download" | "search" | "logo-main" | "backicon" | "expand" | "upload" | "table" | "pin-tilted" | "home" | "registry" | "material" | "supply" | "delivery";
+    className: string;
+    iconClassName: string;
+};
+declare function AppIcon({ name, className, iconClassName }: PropType): JSX.Element;
+declare namespace AppIcon {
+    var defaultProps: {
+        className: string;
+        iconClassName: string;
+    };
+}
+export default AppIcon;