robbyson-frontend-library 0.0.1-rc7 → 0.0.1-rc9

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

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

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 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.horizontalIpadMini, 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    @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([""], [""])));
 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);
+export var HamburgerMenu = styled(SVG)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: none;\n\n    @media (max-width: ", "px) {\n        display: block;\n    }\n"], ["\n    display: none;\n\n    @media (max-width: ", "px) {\n        display: block;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

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/services/validations.service.interface.js

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

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 =

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-rc7",
+    "version": "0.0.1-rc9",
     "description": "Robbyson frontend Library",
     "main": "./dist/index.js",
     "license": "MIT",
@@ -18,23 +18,23 @@
     },
     "devDependencies": {
         "@types/axios": "^0.14.0",
+        "@types/crypto-js": "^4.1.1",
         "@types/react": "^18.0.27",
         "@types/styled-components": "^5.1.26",
         "styled-components": "^5.3.9",
         "typescript": "^4.9.5"
     },
     "dependencies": {
-        "@types/crypto-js": "^4.1.1",
         "axios": "^1.3.5",
         "crypto-js": "^4.1.1",
-        "history": "^5.3.0",
         "localforage": "^1.10.0",
         "moment": "^2.29.4",
-        "query-string": "^8.1.0",
         "react": "^18.2.0",
         "react-inlinesvg": "^3.0.2",
+        "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;
+}

package/src/components/{menu.interface.tsx → menu.interface.ts}

@@ -3,8 +3,14 @@ export type MenuItem = {
     iconHandle: string,
     linkTo: string,
     disabled?: boolean
+    matchPath?: string;
 }
 
 export interface IMenuProps {
     items: MenuItem[]
+}
+
+export interface IMenuState {
+    expanded: boolean,
+    location: string,
 }

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

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

package/src/components/mobile-filter/mobile-filter.interface.ts

@@ -0,0 +1,8 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IMobileFilterProps extends IBaseComponentProp {
+    showOverlay: boolean;
+    onClick(): void;
+    scrollBoxHeight: string;
+    children: React.ReactNode;
+}

package/src/components/mobile-filter/mobile-filter.types.d.ts

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

package/src/components/modal/modal.interface.ts

@@ -14,7 +14,8 @@ export interface IModalProps extends IBaseComponentProp  {
   children: any;
   width?: number;
   height?: number;
-  titleHandleLocale: string;
+  closeIcon?: boolean;
+  titleHandleLocale?: string;
   actionButtons?: ActionButton[];
-  exitOnOverlay?: boolean;
+  overlayZindex?: string;
 }

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

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

package/src/components/overlay/overlay.interface.ts

@@ -0,0 +1,7 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IOverlayProps<T> extends React.HTMLAttributes<T>, IBaseComponentProp {
+    children: React.ReactNode;
+    show: boolean;
+    zIndex?: string;
+}

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

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

package/src/components/pages/base-app-page.component.tsx

@@ -1,11 +1,9 @@
 import React from "react";
 import { IoC } from "../../ioc";
 import {
-    IAuthenticationService,
     ILocaleService,
-    IThemeService,
+    IThemeService
 } from "../../services";
-import SVG from "react-inlinesvg";
 
 import {
     PageContainer,
@@ -13,45 +11,49 @@ import {
     Title,
     ContextMenu,
     Content,
+    LeftArrowLarge,
+    Block,
 } from "./base-app-page.styles";
 import { RobbysonNavigate } from "../../utils";
+import { QueryParamsFactory } from "../../factories/query-params.factory";
 
 export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
     protected headerLocale: string = "Header Locale";
-
+    protected abstract paramsValidValues: {};
+    protected abstract paramsDefaultValues: {};
     protected _localeService: ILocaleService;
-    protected _authenticationService: IAuthenticationService;
     protected _themeService: IThemeService;
 
     constructor(props: T) {
         super(props);
         this.translate = this.translate.bind(this);
         this._localeService = IoC.GetInstance<ILocaleService>("LocaleService");
-        this._authenticationService = IoC.GetInstance<IAuthenticationService>(
-            "AuthenticationService"
-        );
         this._themeService = IoC.GetInstance<IThemeService>("ThemeService");
     }
 
-    public translate(text?: string): string {
-        return this._localeService.getLocaleByHandle(text || "");
+    public translate(text?: string, ...args: string[]): string {
+        return this._localeService.getLocaleByHandle(text || "", ...args);
     }
 
-    abstract contextMenu(): React.ReactNode;
+        abstract contextMenu(): React.ReactNode;
 
-    abstract renderPage(): React.ReactNode;
+        abstract renderPage(): React.ReactNode;
 
     public render() {
+        QueryParamsFactory.validate(this.paramsValidValues, this.paramsDefaultValues)
         return (
             <PageContainer>
                 <Header>
                     <div>
-                        <SVG
+                        <LeftArrowLarge
                             src={this._themeService.getIconAssetUrl(
                                 "left-arrow-large"
                             )}
                             onClick={() => RobbysonNavigate.back()}
                         />
+
+                        <Block />
+
                         <Title>{this.translate(this.headerLocale)}</Title>
                     </div>
                     <ContextMenu className="body-2-book">

package/src/components/pages/base-app-page.styles.ts

@@ -1,20 +1,20 @@
 import { LayoutDimensions } from "../../constants";
 import styled from "styled-components";
+import SVG from "react-inlinesvg";
 
 const SIDEBAR_WIDTH = 72;
 
 export const PageContainer = styled.div`
     padding: 32px 55px 47px calc(${SIDEBAR_WIDTH}px + 55px);
 
-    background: var(--solid-background);
     height: 100%;
 
-    @media (max-width: ${LayoutDimensions._width.ipadMini}px) {
-        padding: 32px 24px 24px calc(${SIDEBAR_WIDTH}px + 24px);
+    @media (max-width: ${LayoutDimensions.width.horizontalIpadMini}px) {
+        padding: 32px 24px;
     }
 
-    @media (max-width: ${LayoutDimensions._width.mobile}px) {
-        padding: 24px 16px 16px calc(${SIDEBAR_WIDTH}px + 16px);
+    @media (max-width: ${LayoutDimensions.width.mobile}px) {
+        padding: 24px 16px;
     }
 `;
 
@@ -26,6 +26,11 @@ export const Header = styled.div`
     padding-bottom: 8px;
     gap: 16px !important;
 
+    @media (max-width: ${LayoutDimensions.width.horizontalIpadMini}px) {
+        flex-direction: column !important;
+        align-items: flex-start !important;
+    }
+
     & > div {
         display: flex;
         align-items: center;
@@ -36,10 +41,38 @@ export const Header = styled.div`
     }
 `;
 
-export const ContextMenu = styled.div``;
+export const ContextMenu = styled.div`
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+    overflow-y: scroll;
+    &::-webkit-scrollbar {
+        display: none;
+    }
+    @media (max-width: ${LayoutDimensions.width.horizontalIpadMini}px) {
+        width: 100%;
+    }
+`;
 
 export const Title = styled.h4`
     margin-left: 12px;
 `;
 
 export const Content = styled.div``;
+
+export const LeftArrowLarge = styled(SVG)`
+    display: none;
+
+    @media (min-width: ${LayoutDimensions.width.horizontalIpadMini + 1}px) {
+        display: block;
+    }
+`;
+
+export const Block = styled.div`
+    display: none;
+
+    @media (max-width: ${LayoutDimensions.width.horizontalIpadMini}px) {
+        display: block;
+        width: 24px;
+        height: 24px;
+    }
+`;

package/src/components/pagination/pagination.interface.ts

@@ -7,8 +7,8 @@ export interface IPaginationState {
 }
 
 export interface IPaginationProps extends IBaseComponentProp  {
-    totalPages:number;
-    maxViewPage?: number;
     activePage?: number;
     onPageChange?(page:number):void;
+    totalDocs: number;
+    per?: number;
 }

package/src/components/pdf-viewer/index.d.ts

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

package/src/components/pdf-viewer/pdf-viewer.interface.ts

@@ -0,0 +1,5 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IPDFViewerProps extends IBaseComponentProp  {
+   publicUrl: string;
+}

package/src/components/pdf-viewer/pdf-viewer.types.d.ts

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

package/src/components/scroll-box/scroll-box.interface.ts

@@ -2,8 +2,9 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface IScrollBoxProps extends IBaseComponentProp {
-  height: number;
+  height: string;
   children: React.ReactNode;
   onScrollBottom?(): void;
   className?: string;
+  hideScrollBar?: boolean;
 }

package/src/components/sidebar/sidebar.interface.ts

@@ -1,12 +1,15 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface ISidebarProps extends IBaseComponentProp {
-  show: boolean,
-  position: "left" | "right",
-  children: React.ReactNode,
-  onClose: () => void,
-  titleLocaleHandle: string,
-  height?: number,
-  width?: number,
-  top?: number,
-}
+    show: boolean;
+    position: "left" | "right";
+    children: React.ReactNode;
+    onClose: () => void;
+    titleLocaleHandle: string;
+    height?: number;
+    width?: number;
+    top?: number;
+    overlayZindex?: string;
+    showOverlay?: boolean;
+    subtitle?: string;
+}

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

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

package/src/components/sort/sort.interface.ts

@@ -0,0 +1,21 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ISortProps extends IBaseComponentProp {
+    titleLocaleHandle?: string;
+    options: Array<{ nameLocaleHandle: string; value: string | number }>;
+    defaultOption: string | number;
+    icon: IconHandle;
+    onChangeOption?(option: {
+        nameLocaleHandle: string;
+        value: string | number;
+    }): void;
+    hideOnMouseOver?: boolean;
+    hideOnChangeOption?: boolean;
+    width?: string | number;
+}
+
+export interface ISortState {
+    showSort: boolean;
+    sortValue: string | number;
+}

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

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

package/src/components/tags/tags.interface.ts

@@ -4,8 +4,9 @@ import { IBaseComponentProp } from "../base-component.prop.interface";
 export interface ITagsState {
   show: boolean;
 }
-export interface ITagsProps<T> extends IBaseComponentProp {
+export interface ITagsProps<T> extends IBaseComponentProp, React.HTMLAttributes<T> {
   closeable?: boolean;
+  fillIcon?: string;
   iconHandle?: IconHandle;
   children?: any;
   variant?: "primary" | "secondary";

package/src/components/text-field/{text-field.interface.tsx → text-field.interface.ts}

@@ -19,6 +19,7 @@ export interface ITextFieldProps extends React.InputHTMLAttributes<any>, IBaseCo
     onPrefixIconPressed?: () => void;
     onSuffixIconPressed?: () => void;
     width?: number;
+    height?: number;
     value: string;
     mask?: string;
     hasError?: boolean;

package/src/components/toggle-icon-button/toggle-icon-button.interface.ts

@@ -9,8 +9,8 @@ export interface IToggleIconButtonProps<T> extends React.ButtonHTMLAttributes<T>
     active?: boolean,
     disabled?: boolean,
     disabledIconHandle?: IconHandle,
+    fatherControl?: boolean,
 }
-
 export interface IToggleIconButtonState {
     active: boolean,
 }

package/src/constants/layout-dimensions.constants.ts

@@ -1,6 +1,7 @@
 export class LayoutDimensions {
-    static _width = {
-        ipadMini: 1133,
+    static width = {
+        horizontalIpadMini: 1133,
+        verticalIpadMini: 744,
         mobile: 412,
     }
 }

package/src/factories/index.ts

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

package/src/factories/query-params.factory.ts

@@ -0,0 +1,82 @@
+import { BaseFactory } from "./base.factory";
+import { RobbysonNavigate } from "../utils";
+
+export class QueryParamsFactory implements BaseFactory {
+    private static checkDefaultValues(
+        validValues: {},
+        defaultValues: {}
+    ): void {
+        // Verifica se os parâmetros validados possuem um valor padrão
+        for (const [key, value] of Object.entries(validValues || [])) {
+            if (!defaultValues.hasOwnProperty(key))
+                throw `The "${key}" query parameter does not have a default value.`;
+        }
+    }
+
+    public static validate<T>(validValues: {}, defaultValues: {}): void {
+        const queryParams = RobbysonNavigate.getQueryParams<T>();
+
+        this.checkDefaultValues(validValues, defaultValues);
+
+        // Transforma a variável 'queryParams' em um objeto
+        if (Object.prototype.toString.call(queryParams) === "[object Object]") {
+            const queryParamsCopy = Object(queryParams);
+
+            for (const [queryParamsKey, queryParamsValue] of Object.entries(
+                queryParamsCopy
+            )!) {
+                for (const [key, value] of Object.entries(validValues)) {
+                    // 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) {
+                            let validValuesToArray = [];
+                            for (const [
+                                objectKey,
+                                objectValue,
+                            ] of Object.entries(value)) {
+                                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
+                                        ) as keyof typeof defaultValues
+                                    ]
+                                );
+                            }
+                        } else if (value instanceof Array) {
+                            if (!value.includes(String(queryParamsValue)))
+                                RobbysonNavigate.setQueryParams(
+                                    queryParamsKey,
+                                    defaultValues[
+                                        String(
+                                            queryParamsKey
+                                        ) as keyof typeof defaultValues
+                                    ]
+                                );
+                        } else if (value instanceof String || value instanceof Number) {
+                            if (String(value) !== String(queryParamsValue))
+                                RobbysonNavigate.setQueryParams(
+                                    queryParamsKey,
+                                    defaultValues[
+                                        String(
+                                            queryParamsKey
+                                        ) as keyof typeof defaultValues
+                                    ]
+                                );
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

package/src/factories/response.factory.ts

@@ -74,6 +74,6 @@ export class ResponseFactory implements BaseFactory {
 
     public static Create<T>(response: AxiosResponse<any, any>):T {
         this.checkResponseError<T>(response);
-        return response.data.data as T;
+        return response.data as T;
     }
 }

package/src/index.ts

@@ -9,6 +9,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";

package/src/models/guidance-category.model.ts

@@ -0,0 +1,8 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+
+export class GuidanceCategoryModel extends BaseRepositoryModel {
+    _id: string;
+    name: string;
+    color: string;
+    parent: [string];
+}

package/src/models/guidance-query.model.ts

@@ -0,0 +1,11 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+
+export class GuidanceQueryListModel extends BaseRepositoryModel {
+    name?: string;
+    categoryId?: string;
+    period?:number;
+    page?: number;
+    per?: number;
+    orderBy?: string;
+    orderDirection?: "asc" | "desc";
+}

package/src/models/guidance.model.ts

@@ -0,0 +1,58 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+import { GuidanceCategoryModel } from "./guidance-category.model";
+
+export class GuidanceModel extends BaseRepositoryModel {
+    _id: string;
+    revision: number;
+    tags: string[];
+    allowDownload: boolean;
+    visibilityType: string;
+    files: GuidanceFileObject[];
+    name: string;
+    description: string;
+    category: GuidanceCategoryModel;
+    status: string;
+    visibleFrom: string;
+    visibleUntil: string;
+    content: string;
+    contentType: string;
+    coverImageMetaData: FileMetaData;
+    fileMetaData: FileMetaData;
+    firstLetter: string;
+    createdBy: User;
+    updatedBy: User;
+    visibleToUsers: string[];
+    notVisibleToUsers: string[];
+    visibleToAttributeValues: string[];
+    notVisibleToAttributeValues: string[];
+    visibleToHierarchyLevels: string[];
+    notVisibleToHierarchyLevels: string[];
+    visibleToGroups: string[];
+    notVisibleToGroups: string[];
+    createdAt: Date;
+    updatedAt: Date;
+    isFavorite: boolean;
+}
+
+export class GuidanceFileObject {
+    fileMetaData: FileMetaData;
+    contentType: string;
+    allowDownload?: boolean;
+}
+
+class FileMetaData {
+    _id: string;
+    token: string;
+    fileType: string;
+    fileName: string;
+    fileMD5: string;
+    publicUrl: string;
+}
+
+class User {
+    _id: number;
+    name: string;
+    identification: string;
+    login: string;
+}
+

package/src/models/http-response.model.ts

@@ -0,0 +1,14 @@
+export class HttpListResponse<T> {
+    data: T;
+    meta: GenericHttpListResponseMeta | Record<string, never>;
+}
+
+class GenericHttpListResponseMeta {
+    orderBy: string;
+    orderDirection: "DESC" | "ASC";
+    page: number;
+    per: number;
+    total: number;
+    totalDocs: number;
+    type: string;
+}

package/src/models/index.d.ts

@@ -5,3 +5,7 @@ export * from "./result-level.model";
 export * from "./angel-friend-status.model";
 export * from "./send-user-to-login.model";
 export * from "./term-of-use.model";
+export * from "./guidance-category.model";
+export * from "./guidance-query.model";
+export * from "./guidance.model";
+export * from "./http-response.model";

package/src/models/theme-base.ts

@@ -79,11 +79,13 @@ class ThemeBaseColors {
     };
     complementary: {
         agendaReminder: string;
+        angelGodson: string;
+        angelGodfather: string;
     };
 
 }
 
-export type IconHandle = 'active-bold' | 'active-thin' | 'add-challenge-bold' | 'avatar-login' | 'add-challenge-thin' | 'add-notification-bold' | 'add-notification-thin' | 'add-quiz-bold' | 'add-quiz-thin' | 'angel-friend-add-bold' | 'angel-friend-add-thin' | 'angel-friend-bold' | 'angel-friend-thin' | 'attachment-bold' | 'attachment-thin' | 'auction-bold' | 'auction-thin' | 'available-bold' | 'available-thin' | 'broadcast-bold' | 'broadcast-thin' | 'calendar-bold' | 'calendar-thin' | 'camera-bold' | 'camera-thin' | 'cancel-bold' | 'cancel-thin' | 'challenge-bold' | 'challenge-thin' | 'chat-bold' | 'chatbot-bold' | 'chatbot-thin' | 'chat-fil-bold' | 'chat-fill-thin' | 'chat-smile-bold' | 'chat-smile-thin' | 'chat-thin' | 'check-bold' | 'check-thin' | 'chocolate-menu' | 'chronometer-bold' | 'chronometer-thin' | 'clock-bold' | 'clock-thin' | 'close-bold' | 'close-thin' | 'cloud-bold' | 'cloud-thin' | 'coin-bold' | 'coin-thin' | 'column-view-active-bold' | 'column-view-active-thin' | 'column-view-bold' | 'column-view-thin' | 'contacts-bold' | 'contacts-thin' | 'delete-bold' | 'delete-thin' | 'documents-bold' | 'documents-thin' | 'down-arrow' | 'download-bold' | 'download-thin' | 'downward-arrow-bold' | 'downward-arrow-thin' | 'duplicate-bold' | 'duplicate-thin' | 'eagle-bold' | 'eagle-thin' | 'edit-bold' | 'edit-thin' | 'emoji-bold' | 'emoji-thin' | 'family-bold' | 'family-thin' | 'filter-active-bold' | 'filter-active-thin' | 'filter-inactive-bold' | 'filter-inactive-thin' | 'filter' | 'forward-bold' | 'forward-thin' | 'goal-bold' | 'goal-thin' | 'grid-view-active-bold' | 'grid-view-active-thin' | 'grid-view-bold' | 'grid-view-thin' | 'group-bold' | 'group-brackets-bold' | 'group-brackets-thin' | 'group-fill-bold' | 'group-fill-thin' | 'group-thin' | 'guide-bold' | 'guide-thin' | 'health-bold' | 'health-thin' | 'heart-bold' | 'heart-fill-bold' | 'heart-fill-thin' | 'heart-thin' | 'humor-bold' | 'humor-thin' | 'inactive-bold' | 'inactive-thin' | 'indicator-bold' | 'indicator-thin' | 'info-bold' | 'info-thin' | 'integration-bold' | 'integration-thin' | 'learning-bold' | 'learning-thin' | 'leave-bold' | 'leave-thin' | 'left-arrow-large' | 'left-arrow-small' | 'like-bold' | 'like-fill-bold' | 'like-fill-thin' | 'like-thin' | 'magnifying-glass-bold' | 'magnifying-glass-thin' | 'minus' | 'more-vert' | 'mountain-bold' | 'mountain-thin' | 'new-document-bold' | 'new-document-thin' | 'new-tip-thin-1' | 'new-tip-thin' | 'notification-bold' | 'notification-thin' | 'objetive-bold' | 'objetive-thin' | 'order-bold-1' | 'order-bold' | 'order-thin-1' | 'order-thin' | 'performance-bold' | 'performance-thin' | 'phone-bold' | 'phone-thin' | 'plus' | 'quiz-bold' | 'quiz-thin' | 'raffle-bold' | 'raffle-draw-bold' | 'raffle-draw-thin' | 'raffle-thin' | 'relationship-bold' | 'relationship-thin' | 'reports-bold' | 'reports-thin' | 'right-arrow-large' | 'right-arrow-small' | 'send-bold' | 'send-thin' | 'settings-bold' | 'settings-thin' | 'star-bold' | 'star-thin' | 'store-bold' | 'store-item-bold' | 'store-item-thin' | 'store-thin' | 'tag-bold' | 'tag-thin' | 'test-bold' | 'test-thin' | 'tips-bold' | 'tips-thin' | 'tree-bold' | 'tree-thin' | 'trophy-bold' | 'trophy-thin' | 'up-arrow' | 'upload-bold' | 'upload-thin' | 'upward-arrow-bold' | 'upward-arrow-thin' | 'user-bold' | 'user-thin' | 'variable-pay-bold' | 'variable-pay-thin' | 'view-bold' | 'view-thin' | 'not-view-thin' | 'not-view-bold' | 'work-bold' | 'working' | 'work-thin';
+export type IconHandle = 'active-bold' | 'active-thin' | 'add-challenge-bold' | 'avatar-login' | 'add-challenge-thin' | 'add-notification-bold' | 'add-notification-thin' | 'add-quiz-bold' | 'add-quiz-thin' | 'angel-friend-add-bold' | 'angel-friend-add-thin' | 'angel-friend-bold' | 'angel-friend-thin' | 'attachment-bold' | 'attachment-thin' | 'auction-bold' | 'auction-thin' | 'available-bold' | 'available-thin' | 'broadcast-bold' | 'broadcast-thin' | 'calendar-bold' | 'calendar-thin' | 'camera-bold' | 'camera-thin' | 'cancel-bold' | 'cancel-thin' | 'challenge-bold' | 'challenge-thin' | 'chat-bold' | 'chatbot-bold' | 'chatbot-thin' | 'chat-fil-bold' | 'chat-fill-thin' | 'chat-smile-bold' | 'chat-smile-thin' | 'chat-thin' | 'check-bold' | 'check-thin' | 'chocolate-menu' | 'chronometer-bold' | 'chronometer-thin' | 'clock-bold' | 'clock-thin' | 'close-bold' | 'close-thin' | 'cloud-bold' | 'cloud-thin' | 'coin-bold' | 'coin-thin' | 'column-view-active-bold' | 'column-view-active-thin' | 'column-view-bold' | 'column-view-thin' | 'contacts-bold' | 'contacts-thin' | 'delete-bold' | 'delete-thin' | 'documents-bold' | 'documents-thin' | 'down-arrow' | 'download-bold' | 'download-thin' | 'downward-arrow-bold' | 'downward-arrow-thin' | 'duplicate-bold' | 'duplicate-thin' | 'eagle-bold' | 'eagle-thin' | 'edit-bold' | 'edit-thin' | 'emoji-bold' | 'emoji-thin' | 'family-bold' | 'family-thin' | 'filter-active-bold' | 'filter-active-thin' | 'filter-inactive-bold' | 'filter-inactive-thin' | 'filter' | 'forward-bold' | 'forward-thin' | 'goal-bold' | 'goal-thin' | 'grid-view-active-bold' | 'grid-view-active-thin' | 'grid-view-bold' | 'grid-view-thin' | 'group-bold' | 'group-brackets-bold' | 'group-brackets-thin' | 'group-fill-bold' | 'group-fill-thin' | 'group-thin' | 'guide-bold' | 'guide-thin' | 'health-bold' | 'health-thin' | 'heart-bold' | 'heart-fill-bold' | 'heart-fill-thin' | 'heart-thin' | 'humor-bold' | 'humor-thin' | 'inactive-bold' | 'inactive-thin' | 'indicator-bold' | 'indicator-thin' | 'info-bold' | 'info-thin' | 'integration-bold' | 'integration-thin' | 'learning-bold' | 'learning-thin' | 'leave-bold' | 'leave-thin' | 'left-arrow-large' | 'left-arrow-small' | 'like-bold' | 'like-fill-bold' | 'like-fill-thin' | 'like-thin' | 'magnifying-glass-bold' | 'magnifying-glass-thin' | 'minus' | 'more-vert' | 'mountain-bold' | 'mountain-thin' | 'new-document-bold' | 'new-document-thin' | 'new-tip-thin-1' | 'new-tip-thin' | 'notification-bold' | 'notification-thin' | 'objetive-bold' | 'objetive-thin' | 'order-bold-1' | 'order-bold' | 'order-thin-1' | 'order-thin' | 'performance-bold' | 'performance-thin' | 'phone-bold' | 'phone-thin' | 'plus' | 'quiz-bold' | 'quiz-thin' | 'raffle-bold' | 'raffle-draw-bold' | 'raffle-draw-thin' | 'raffle-thin' | 'relationship-bold' | 'relationship-thin' | 'reports-bold' | 'reports-thin' | 'right-arrow-large' | 'right-arrow-small' | 'send-bold' | 'send-thin' | 'settings-bold' | 'settings-thin' | 'star-bold' | 'star-thin' | 'store-bold' | 'store-item-bold' | 'store-item-thin' | 'store-thin' | 'tag-bold' | 'tag-thin' | 'test-bold' | 'test-thin' | 'tips-bold' | 'tips-thin' | 'tree-bold' | 'tree-thin' | 'trophy-bold' | 'trophy-thin' | 'up-arrow' | 'upload-bold' | 'upload-thin' | 'upward-arrow-bold' | 'upward-arrow-thin' | 'user-bold' | 'user-thin' | 'variable-pay-bold' | 'variable-pay-thin' | 'view-bold' | 'view-thin' | 'not-view-thin' | 'not-view-bold' | 'work-bold' | 'working' | 'work-thin' |  'no-results-found' | 'not-found-bold' | 'hamburger-menu';
 
 class ThemeBaseRect {
     top: string;

package/src/repositories/guidance.repository.interface.ts

@@ -0,0 +1,11 @@
+import { GuidanceCategoryModel, GuidanceModel, GuidanceQueryListModel, HttpListResponse } from "../models";
+
+export interface IGuidanceRepository {
+    getCategories(): Promise<GuidanceCategoryModel[]>;
+    getUserFiles(params: GuidanceQueryListModel): Promise<HttpListResponse<GuidanceModel[]>>;
+    toggleFavorite(id: string): Promise<void>;
+    getFavoriteUserFiles(params: GuidanceQueryListModel): Promise<HttpListResponse<GuidanceModel[]>>;
+    getUserFile(id: string): Promise<GuidanceModel>;
+    registerFileAccessToUser(guidanceId: string, fileId: string, imageToken: string): Promise<void>;
+    registerFileDownloadToUser(guidanceId: string, fileId: string, imageToken: string): Promise<void>;
+}

package/src/repositories/index.d.ts

@@ -4,4 +4,5 @@ export * from './theme.repository.interface';
 export * from './results.repository.interface';
 export * from './angel-friend.repository.interface';
 export * from './user.repository.interface';
-export * from "./terms-of-use.repository.interface";
+export * from "./terms-of-use.repository.interface";
+export * from "./guidance.repository.interface";

package/src/services/authentication.service.interface.ts

@@ -13,5 +13,7 @@ export interface IAuthenticationService {
     getUserSession(): UserSessionModel | undefined
     clearSession(): void;
     ipWhiteList(): boolean;
+    clearIpWhiteList(): void;
+    logout(): void;
     getRecaptchaWhiteListed(): Promise<void>;
 }

package/src/services/dtos/example.dto.ts

@@ -0,0 +1 @@
+export interface ExempleDTO {}

package/src/services/dtos/index.ts

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

package/src/services/guidance.service.interface.ts

@@ -0,0 +1,27 @@
+import {
+    GuidanceFileObject,
+    GuidanceCategoryModel,
+    GuidanceModel,
+    GuidanceQueryListModel,
+    HttpListResponse,
+} from "../models";
+
+export interface IGuidanceService {
+    getUserFiles(
+        params?: GuidanceQueryListModel
+    ): Promise<HttpListResponse<GuidanceModel[]>>;
+    getCategories(): Promise<GuidanceCategoryModel[]>;
+    toggleFavorite(id: string): Promise<void>;
+    getFavoriteUserFiles(
+        params?: GuidanceQueryListModel
+    ): Promise<HttpListResponse<GuidanceModel[]>>;
+    getUserFile(id: string): Promise<GuidanceModel>;
+    registerFileAccessToUser(
+        guidanceId: string,
+        file: GuidanceFileObject
+    ): Promise<void>;
+    registerFileDownloadToUser(
+        guidanceId: string,
+        file: GuidanceFileObject
+    ): Promise<void>;
+}

package/src/services/index.d.ts

@@ -5,3 +5,6 @@ export * from "./results.service.interface";
 export * from "./angel-friend.service.interface";
 export * from "./user.service.interface";
 export * from "./terms-of-use.service.interface";
+export * from "./guidance.service.interface";
+export * from "./validations.service.interface";
+export * from "./dtos";

package/src/services/validations.service.interface.ts

@@ -0,0 +1,5 @@
+import { UserSessionModel } from "../models";
+
+export interface IValidationsService {
+    checkTermsOfUse(userSession: UserSessionModel | undefined): void;
+}

package/src/states/main-container/root-app.state.interface.ts

@@ -1,5 +1,5 @@
 import { ThemeBase, UserSessionModel } from "../../models";
-import { BrowserHistory } from "history"
+import { BrowserHistory } from "history";
 
 export interface IRootApp {
     userSession?: UserSessionModel,

package/src/utils/build-error/buildError.util.ts

@@ -4,7 +4,7 @@ import { ResponseStatusLogMessages, RobbysonResponseError } from "../../factorie
 export class BuildError {    
 
     public static buildError(error: RobbysonResponseError): RobbysonResponseError {
-        error.data.map((err: ResponseStatusLogMessages) => {
+        error.data.forEach((err: ResponseStatusLogMessages) => {
             return toast.error(err.text);
         });
 

package/src/utils/robbyson-navigate.ts

@@ -17,7 +17,15 @@ export class RobbysonNavigate {
         // TODO: Usar a LIB PATH para concatenar a URL
         history.push(`/operacao${url}`);
     }
+    static go(delta: number) {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
 
+        const { history } = RobbysonNavigate._globalState.Global.RootApp;
+
+        history.go(delta);
+    }
     static back() {
         RobbysonNavigate._globalStore = GlobalStore.Get();
         RobbysonNavigate._globalState =
@@ -72,17 +80,25 @@ export class RobbysonNavigate {
 
         const { history } = RobbysonNavigate._globalState.Global.RootApp;
 
+        
         return queryString.parse(history.location.search, {
             sort: false,
         }) as T;
     }
 
-    static setQueryParams(key: string, value: string): void {
+    static setQueryParams(key: string | string[], value: string | number | (string|number)[]): void {
         const queryString = new URLSearchParams(
             RobbysonNavigate.getQueryParams<URLSearchParams>()
         );
 
-        queryString.set(key, value);
+        if (Array.isArray(key) && Array.isArray(value)) {
+            key.forEach((k, index) => {
+                queryString.set(k, value[index].toString());
+            });
+        } else {
+            queryString.set(key as string, value as string);
+        }
+
 
         RobbysonNavigate.replace({
             search: queryString.toString(),

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

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

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

@@ -1 +0,0 @@
-export * from "./snackbar.interface";

package/src/components/snackbar/snackbar.interface.ts

@@ -1,16 +0,0 @@
-import { IconHandle } from "../../models";
-import { IBaseComponentProp } from "../base-component.prop.interface";
-
-export interface ISnackbarProps<T> extends React.HTMLAttributes<T>, IBaseComponentProp {
-  iconHandle?: IconHandle;
-  show: boolean;
-  autoClose? : boolean;
-  timeAutoClose?: number;
-  textLocaleHandle?: string;
-  position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-}
-
-export interface ISnackbarState {
-  show : boolean
-}
-

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

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