robbyson-frontend-library 0.0.1-rc1 → 0.0.1-rc10

package/dist/components/header-context-menu/header-context-menu.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/loading/loading.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/mobile-filter/mobile-filter.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/overlay/overlay.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/pages/base-app-page.component.js

@@ -13,11 +13,20 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import React from "react";
 import { IoC } from "../../ioc";
-import SVG from "react-inlinesvg";
-import { PageContainer, Header, Title, ContextMenu, Content, } from "./base-app-page.styles";
+import { PageContainer, Header, Title, ContextMenu, Content, LeftArrowLarge, Block, } from "./base-app-page.styles";
 import { RobbysonNavigate } from "../../utils";
+import { QueryParamsFactory } from "../../factories/query-params.factory";
 var BaseAppPage = /** @class */ (function (_super) {
     __extends(BaseAppPage, _super);
     function BaseAppPage(props) {
@@ -25,18 +34,24 @@ var BaseAppPage = /** @class */ (function (_super) {
         _this.headerLocale = "Header Locale";
         _this.translate = _this.translate.bind(_this);
         _this._localeService = IoC.GetInstance("LocaleService");
-        _this._authenticationService = IoC.GetInstance("AuthenticationService");
         _this._themeService = IoC.GetInstance("ThemeService");
         return _this;
     }
     BaseAppPage.prototype.translate = function (text) {
-        return this._localeService.getLocaleByHandle(text || "");
+        var _a;
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
+        }
+        return (_a = this._localeService).getLocaleByHandle.apply(_a, __spreadArray([text || ""], args, false));
     };
     BaseAppPage.prototype.render = function () {
+        QueryParamsFactory.validate(this.paramsValidValues, this.paramsDefaultValues);
         return (React.createElement(PageContainer, null,
             React.createElement(Header, null,
                 React.createElement("div", null,
-                    React.createElement(SVG, { src: this._themeService.getIconAssetUrl("left-arrow-large"), onClick: function () { return RobbysonNavigate.back(); } }),
+                    React.createElement(LeftArrowLarge, { src: this._themeService.getIconAssetUrl("left-arrow-large"), onClick: function () { return RobbysonNavigate.back(); } }),
+                    React.createElement(Block, null),
                     React.createElement(Title, null, this.translate(this.headerLocale))),
                 React.createElement(ContextMenu, { className: "body-2-book" }, this.contextMenu())),
             React.createElement(Content, null, this.renderPage())));

package/dist/components/pages/base-app-page.styles.js

@@ -4,10 +4,13 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import { LayoutDimensions } from "../../constants";
 import styled from "styled-components";
+import SVG from "react-inlinesvg";
 var SIDEBAR_WIDTH = 72;
-export var PageContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: 32px 55px 47px calc(", "px + 55px);\n\n    background: var(--solid-background);\n    height: 100%;\n\n    @media (max-width: ", "px) {\n        padding: 32px 24px 24px calc(", "px + 24px);\n    }\n\n    @media (max-width: ", "px) {\n        padding: 24px 16px 16px calc(", "px + 16px);\n    }\n"], ["\n    padding: 32px 55px 47px calc(", "px + 55px);\n\n    background: var(--solid-background);\n    height: 100%;\n\n    @media (max-width: ", "px) {\n        padding: 32px 24px 24px calc(", "px + 24px);\n    }\n\n    @media (max-width: ", "px) {\n        padding: 24px 16px 16px calc(", "px + 16px);\n    }\n"])), SIDEBAR_WIDTH, LayoutDimensions._width.ipadMini, SIDEBAR_WIDTH, LayoutDimensions._width.mobile, SIDEBAR_WIDTH);
-export var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding-bottom: 8px;\n    gap: 16px !important;\n\n    & > div {\n        display: flex;\n        align-items: center;\n    }\n\n    svg {\n        cursor: pointer;\n    }\n"], ["\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding-bottom: 8px;\n    gap: 16px !important;\n\n    & > div {\n        display: flex;\n        align-items: center;\n    }\n\n    svg {\n        cursor: pointer;\n    }\n"])));
-export var ContextMenu = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
+export var PageContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: 32px 55px 47px calc(", "px + 55px);\n\n    height: 100%;\n\n    @media (max-width: ", "px) {\n        padding: 32px 24px;\n    }\n\n    @media (max-width: ", "px) {\n        padding: 24px 16px;\n    }\n"], ["\n    padding: 32px 55px 47px calc(", "px + 55px);\n\n    height: 100%;\n\n    @media (max-width: ", "px) {\n        padding: 32px 24px;\n    }\n\n    @media (max-width: ", "px) {\n        padding: 24px 16px;\n    }\n"])), SIDEBAR_WIDTH, LayoutDimensions.width.horizontalIpadMini, LayoutDimensions.width.mobile);
+export var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding-bottom: 8px;\n    gap: 16px !important;\n\n    @media (max-width: ", "px) {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n    }\n\n    & > div {\n        display: flex;\n        align-items: center;\n    }\n\n    svg {\n        cursor: pointer;\n    }\n"], ["\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding-bottom: 8px;\n    gap: 16px !important;\n\n    @media (max-width: ", "px) {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n    }\n\n    & > div {\n        display: flex;\n        align-items: center;\n    }\n\n    svg {\n        cursor: pointer;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
+export var ContextMenu = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    overflow-y: scroll;\n    &::-webkit-scrollbar {\n        display: none;\n    }\n    @media (max-width: ", "px) {\n        width: 100%;\n    }\n"], ["\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    overflow-y: scroll;\n    &::-webkit-scrollbar {\n        display: none;\n    }\n    @media (max-width: ", "px) {\n        width: 100%;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
 export var Title = styled.h4(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-left: 12px;\n"], ["\n    margin-left: 12px;\n"])));
 export var Content = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+export var LeftArrowLarge = styled(SVG)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: none;\n\n    @media (min-width: ", "px) {\n        display: block;\n    }\n"], ["\n    display: none;\n\n    @media (min-width: ", "px) {\n        display: block;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini + 1);
+export var Block = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: none;\n\n    @media (max-width: ", "px) {\n        display: block;\n        width: 24px;\n        height: 24px;\n    }\n"], ["\n    display: none;\n\n    @media (max-width: ", "px) {\n        display: block;\n        width: 24px;\n        height: 24px;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/pdf-viewer/pdf-viewer.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/sort/sort.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/constants/layout-dimensions.constants.js

@@ -1,8 +1,9 @@
 var LayoutDimensions = /** @class */ (function () {
     function LayoutDimensions() {
     }
-    LayoutDimensions._width = {
-        ipadMini: 1133,
+    LayoutDimensions.width = {
+        horizontalIpadMini: 1133,
+        verticalIpadMini: 744,
         mobile: 412,
     };
     return LayoutDimensions;

package/dist/factories/index.js

@@ -1 +1,2 @@
 export * from './response.factory';
+export * from './query-params.factory';

package/dist/factories/query-params.factory.js

@@ -0,0 +1,52 @@
+import { RobbysonNavigate } from "../utils";
+var QueryParamsFactory = /** @class */ (function () {
+    function QueryParamsFactory() {
+    }
+    QueryParamsFactory.checkDefaultValues = function (validValues, defaultValues) {
+        // Verifica se os parâmetros validados possuem um valor padrão
+        for (var _i = 0, _a = Object.entries(validValues || []); _i < _a.length; _i++) {
+            var _b = _a[_i], key = _b[0], value = _b[1];
+            if (!defaultValues.hasOwnProperty(key))
+                throw "The \"".concat(key, "\" query parameter does not have a default value.");
+        }
+    };
+    QueryParamsFactory.validate = function (validValues, defaultValues) {
+        var queryParams = RobbysonNavigate.getQueryParams();
+        this.checkDefaultValues(validValues, defaultValues);
+        // Transforma a variável 'queryParams' em um objeto
+        if (Object.prototype.toString.call(queryParams) === "[object Object]") {
+            var queryParamsCopy = Object(queryParams);
+            for (var _i = 0, _a = Object.entries(queryParamsCopy); _i < _a.length; _i++) {
+                var _b = _a[_i], queryParamsKey = _b[0], queryParamsValue = _b[1];
+                for (var _c = 0, _d = Object.entries(validValues); _c < _d.length; _c++) {
+                    var _e = _d[_c], key = _e[0], value = _e[1];
+                    // Verifica se o parâmetro da URL é o mesmo parâmetro da validação que está sendo iterado
+                    if (queryParamsKey === key) {
+                        // Caso os valores permitidos para esse parâmetro estejam em um objeto, será convertido para um array
+                        if (value instanceof Object) {
+                            var validValuesToArray = [];
+                            for (var _f = 0, _g = Object.entries(value); _f < _g.length; _f++) {
+                                var _h = _g[_f], objectKey = _h[0], objectValue = _h[1];
+                                validValuesToArray.push(String(objectValue));
+                            }
+                            // Caso o valor do parâmetro atual que está na url não seja um valor válido, o valor padrão será definido
+                            if (!validValuesToArray.includes(String(queryParamsValue))) {
+                                RobbysonNavigate.setQueryParams(queryParamsKey, defaultValues[String(queryParamsKey)]);
+                            }
+                        }
+                        else if (value instanceof Array) {
+                            if (!value.includes(String(queryParamsValue)))
+                                RobbysonNavigate.setQueryParams(queryParamsKey, defaultValues[String(queryParamsKey)]);
+                        }
+                        else if (value instanceof String || value instanceof Number) {
+                            if (String(value) !== String(queryParamsValue))
+                                RobbysonNavigate.setQueryParams(queryParamsKey, defaultValues[String(queryParamsKey)]);
+                        }
+                    }
+                }
+            }
+        }
+    };
+    return QueryParamsFactory;
+}());
+export { QueryParamsFactory };

package/dist/factories/response.factory.js

@@ -70,7 +70,7 @@ var ResponseFactory = /** @class */ (function () {
     };
     ResponseFactory.Create = function (response) {
         this.checkResponseError(response);
-        return response.data.data;
+        return response.data;
     };
     return ResponseFactory;
 }());

package/dist/index.js

@@ -7,6 +7,10 @@ export * from "./models/user-mirror.model";
 export * from "./models/user-session.model";
 export * from "./models/send-user-to-login.model";
 export * from "./models/angel-friend-status.model";
+export * from "./models/guidance-category.model";
+export * from "./models/guidance.model";
+export * from "./models/guidance-query.model";
+export * from "./models/http-response.model";
 // Repositories
 export * from "./repositories/base.repository";
 // Components

package/dist/models/guidance-category.model.js

@@ -0,0 +1,24 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseRepositoryModel } from "./base.repository.model";
+var GuidanceCategoryModel = /** @class */ (function (_super) {
+    __extends(GuidanceCategoryModel, _super);
+    function GuidanceCategoryModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return GuidanceCategoryModel;
+}(BaseRepositoryModel));
+export { GuidanceCategoryModel };

package/dist/models/guidance-query.model.js

@@ -0,0 +1,24 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseRepositoryModel } from "./base.repository.model";
+var GuidanceQueryListModel = /** @class */ (function (_super) {
+    __extends(GuidanceQueryListModel, _super);
+    function GuidanceQueryListModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return GuidanceQueryListModel;
+}(BaseRepositoryModel));
+export { GuidanceQueryListModel };

package/dist/models/guidance.model.js

@@ -0,0 +1,40 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseRepositoryModel } from "./base.repository.model";
+var GuidanceModel = /** @class */ (function (_super) {
+    __extends(GuidanceModel, _super);
+    function GuidanceModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return GuidanceModel;
+}(BaseRepositoryModel));
+export { GuidanceModel };
+var GuidanceFileObject = /** @class */ (function () {
+    function GuidanceFileObject() {
+    }
+    return GuidanceFileObject;
+}());
+export { GuidanceFileObject };
+var FileMetaData = /** @class */ (function () {
+    function FileMetaData() {
+    }
+    return FileMetaData;
+}());
+var User = /** @class */ (function () {
+    function User() {
+    }
+    return User;
+}());

package/dist/models/http-response.model.js

@@ -0,0 +1,11 @@
+var HttpListResponse = /** @class */ (function () {
+    function HttpListResponse() {
+    }
+    return HttpListResponse;
+}());
+export { HttpListResponse };
+var GenericHttpListResponseMeta = /** @class */ (function () {
+    function GenericHttpListResponseMeta() {
+    }
+    return GenericHttpListResponseMeta;
+}());

package/dist/repositories/base.repository.js

@@ -177,6 +177,15 @@ var BaseRepository = /** @class */ (function () {
         config.headers['x-system-id'] = BaseRepository._systemId;
         return config;
     };
+    BaseRepository.prototype.createAxiosCancelationContext = function () {
+        BaseRepository._source = axios.CancelToken.source();
+    };
+    BaseRepository.prototype.cancelAxiosRequest = function () {
+        if (BaseRepository._source) {
+            BaseRepository._source.cancel();
+            BaseRepository._source = null;
+        }
+    };
     BaseRepository._sessionKey = "";
     BaseRepository._systemId = 1;
     BaseRepository._baseURL = "";

package/dist/repositories/guidance.repository.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/services/dtos/example.dto.js

@@ -0,0 +1 @@
+export {};

package/dist/services/dtos/index.js

@@ -0,0 +1 @@
+export * as ExampleDTO from "./example.dto";

package/dist/services/guidance.service.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/services/validations.service.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/build-error/buildError.util.js

@@ -3,7 +3,7 @@ var BuildError = /** @class */ (function () {
     function BuildError() {
     }
     BuildError.buildError = function (error) {
-        error.data.map(function (err) {
+        error.data.forEach(function (err) {
             return toast.error(err.text);
         });
         return error;

package/dist/utils/robbyson-navigate.js

@@ -11,6 +11,13 @@ var RobbysonNavigate = /** @class */ (function () {
         // TODO: Usar a LIB PATH para concatenar a URL
         history.push("/operacao".concat(url));
     };
+    RobbysonNavigate.go = function (delta) {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+        var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        history.go(delta);
+    };
     RobbysonNavigate.back = function () {
         RobbysonNavigate._globalStore = GlobalStore.Get();
         RobbysonNavigate._globalState =
@@ -25,6 +32,25 @@ var RobbysonNavigate = /** @class */ (function () {
         var history = RobbysonNavigate._globalState.Global.RootApp.history;
         history.replace(replace, state);
     };
+    RobbysonNavigate.getRouteId = function () {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+        var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        var routeParams = history.location.pathname.split("/");
+        var id = routeParams[routeParams.length - 1];
+        return id;
+    };
+    RobbysonNavigate.getPathname = function () {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+        var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        return history.location.pathname;
+    };
+    RobbysonNavigate.matchPath = function (path) {
+        return RobbysonNavigate.getPathname().includes(path);
+    };
     RobbysonNavigate.getQueryParams = function () {
         RobbysonNavigate._globalStore = GlobalStore.Get();
         RobbysonNavigate._globalState =
@@ -36,7 +62,14 @@ var RobbysonNavigate = /** @class */ (function () {
     };
     RobbysonNavigate.setQueryParams = function (key, value) {
         var queryString = new URLSearchParams(RobbysonNavigate.getQueryParams());
-        queryString.set(key, value);
+        if (Array.isArray(key) && Array.isArray(value)) {
+            key.forEach(function (k, index) {
+                queryString.set(k, value[index].toString());
+            });
+        }
+        else {
+            queryString.set(key, value);
+        }
         RobbysonNavigate.replace({
             search: queryString.toString(),
         });

package/index.d.ts

@@ -3,7 +3,7 @@ export * from "./src/models";
 export * from "./src/factories";
 export * from "./src/repositories/";
 export * from "./src/services/";
-export * from "./src/utils"
+export * from "./src/utils";
 export * from "./src/constants";
 export * from "./src/components/";
 export * from "./src/components/assets";
@@ -11,17 +11,16 @@ export * from "./src/components/badge";
 export * from "./src/components/basic-button";
 export * from "./src/components/colors";
 export * from "./src/components/checkbox";
-export * from "./src/components/divider"
+export * from "./src/components/divider";
 export * from "./src/components/context-menu";
-export * from "./src/components/speed-dial"
+export * from "./src/components/speed-dial";
 export * from "./src/components/icon-button";
 export * from "./src/components/mood-button";
 export * from "./src/components/profile-image";
-export * from "./src/components/progress-bar"
+export * from "./src/components/progress-bar";
 export * from "./src/components/progress-tracker";
 export * from "./src/components/radio-button";
 export * from "./src/components/search-input";
-export * from "./src/components/snackbar";
 export * from "./src/components/spin-edit";
 export * from "./src/components/switch";
 export * from "./src/components/tag-expand";
@@ -32,6 +31,7 @@ export * from "./src/components/typography";
 export * from "./src/components/tags";
 export * from "./src/components/timer";
 export * from "./src/components/sidebar";
+export * from "./src/components/toggle-icon-button";
 export * from "./src/components/scroll-box";
 export * from "./src/components/select";
 export * from "./src/components/accordion";
@@ -40,4 +40,11 @@ export * from "./src/components/modal";
 export * from "./src/components/pagination";
 export * from "./src/components/upload";
 export * from "./src/components/balloon";
+export * from "./src/components/pdf-viewer";
 export * from "./src/components/toggle-icon-button";
+export * from "./src/components/overlay";
+export * from "./src/components/header-context-menu";
+export * from "./src/components/sort";
+export * from "./src/components/mobile-filter";
+export * from "./src/components/loading";
+export * from "./src/components/filter";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "robbyson-frontend-library",
-    "version": "0.0.1-rc1",
+    "version": "0.0.1-rc10",
     "description": "Robbyson frontend Library",
     "main": "./dist/index.js",
     "license": "MIT",
@@ -19,7 +19,6 @@
     "devDependencies": {
         "@types/axios": "^0.14.0",
         "@types/crypto-js": "^4.1.1",
-        "@types/history": "^5.0.0",
         "@types/react": "^18.0.27",
         "@types/styled-components": "^5.1.26",
         "styled-components": "^5.3.9",
@@ -35,6 +34,7 @@
         "query-string": "^8.1.0",
         "react-toastify": "^9.1.2",
         "redux-micro-frontend": "^1.3.0",
-        "redux-persist": "^6.0.0"
+        "redux-persist": "^6.0.0",
+        "history": "^5.3.0"
     }
 }

package/src/components/accordion/accordion.interface.ts

@@ -20,7 +20,8 @@ export interface IOptionsAccordion {
 }
 
 export interface IOptionsContentAccordion {
-  text: string;
+  text?: string;
+  html?: React.ReactNode;
   checked?: boolean;
   isCheck?: boolean;
 }

package/src/components/badge/badge.interface.ts

@@ -1,11 +1,12 @@
+import React from "react";
 import { IconHandle } from "../../models";
 import { IBaseComponentProp } from "../base-component.prop.interface";
 
-export interface IBadgeProps extends IBaseComponentProp {
+export interface IBadgeProps extends IBaseComponentProp, React.HTMLAttributes<any> {
     value?: number;
     type: 'icon' | 'number';
     size: 'small' | 'normal'
     iconHandle?: IconHandle; 
     onUpdate?(value:number):void;
     color?: string;
-}
+}

package/src/components/base-component.prop.interface.ts

@@ -0,0 +1,2 @@
+import { IBaseTestProp } from "./base-test.prop.interface";
+export interface IBaseComponentProp extends IBaseTestProp { }

package/src/components/{base-page.prop.interface.tsx → base-page.prop.interface.ts}

@@ -1,4 +1,3 @@
 import { IBaseTestProp } from "./base-test.prop.interface";
 
-export interface IBasePageProp extends IBaseTestProp{
-}
+export interface IBasePageProp extends IBaseTestProp{ }

package/src/components/filter/basic-button.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/Filter' {
+    import { IFilterProps } from "robbyson-frontend-library";
+    const Filter: React.ComponentType<IFilterProps>;
+
+    export default Filter;
+}

package/src/components/filter/filter.interface.tsx

@@ -0,0 +1,59 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IFilterState {
+    filters: Array<
+        IFilter & {
+            searchCategories?: Array<string | undefined>;
+            showCategoryFilter?: boolean;
+        }
+    >;
+    width: number;
+    changedFilters: Array<
+        | {
+              id: number;
+              variant: IFilter["variant"];
+              option: IOption;
+          }
+        | undefined
+    >;
+    searchingFilter: number | undefined;
+    filterReturn: IFilterReturn;
+    openFilter: number | undefined;
+}
+
+export interface IFilterProps extends IBaseComponentProp {
+    filters: Array<IFilter>;
+    type: "default" | "sidebar";
+    showMobileOrSideBar: boolean;
+    subtitle?: string;
+    onFilter(filter: {}): void;
+    onClose?(): void;
+    debounceTime?: number;
+}
+
+export interface IFilter {
+    title: string;
+    variant: "radio" | "checkbox";
+    id: number;
+    options: Array<IOption>;
+    searchInput?: boolean;
+    searchInputValue?: string;
+}
+
+export interface IOption {
+    name: string;
+    value: string | number;
+    hasChildren?: boolean;
+    iconHandle?: IconHandle;
+    checked?: boolean;
+    category?: string;
+}
+
+export interface IFilterReturn {
+    [key: string]: any;
+}
+
+export type IOptionsByCategories = Array<
+    { category: string; options: [IOption & { realIndex: number }] } | undefined
+>;

package/src/components/filter/index.d.ts

@@ -0,0 +1 @@
+export * from './filter.interface';

package/src/components/header-context-menu/header-context-menu.interface.ts

@@ -0,0 +1,13 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IHeaderContextMenuProps extends IBaseComponentProp {
+    onClick?(buttonName: string | undefined): void;
+    buttons: Array<IHeaderContextMenuButtons>;
+    activeButton?: IHeaderContextMenuButtons;
+}
+
+export interface IHeaderContextMenuState {
+    activeButton: undefined | IHeaderContextMenuButtons;
+}
+
+export type IHeaderContextMenuButtons = "notification" | "quiz" | "informative" | "chat" | "guidance_all" | "guidance_favorites";

package/src/components/header-context-menu/header-context-menu.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module 'styleguide/HeaderContextMenu' {
+    import { IHeaderContextMenuProps } from "robbyson-frontend-library";
+    const HeaderContextMenu: React.ComponentType<IHeaderContextMenuProps>;
+
+    export default HeaderContextMenu;
+}

package/src/components/header-context-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './header-context-menu.interface';

package/src/components/loading/index.d.ts

@@ -0,0 +1 @@
+export * from './loading.interface';

package/src/components/loading/loading.interface.ts

@@ -0,0 +1,10 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ILoadingProps extends IBaseComponentProp {
+    isLoading: boolean;
+    overlayZindex?: string;
+}
+
+export interface ILoadingState {
+    activeIndex: number;
+}

package/src/components/loading/loading.types.d.ts

@@ -0,0 +1,9 @@
+///<reference types="react" />
+///<reference types="robbyson-frontend-library" />
+
+declare module "styleguide/Loader" {
+    import { ILoaderProps } from "robbyson-frontend-library";
+    const Loader: React.ComponentType<ILoaderProps>;
+
+    export default Loader;
+}