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

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/{base.repository.tsx → base.repository.ts}

@@ -125,4 +125,15 @@ export class BaseRepository {
 
         return config;
     }
+
+    protected createAxiosCancelationContext(): void {
+        BaseRepository._source = axios.CancelToken.source();
+    }
+
+    protected cancelAxiosRequest(): void {
+        if (BaseRepository._source) {
+            BaseRepository._source.cancel();
+            BaseRepository._source = null;
+        }
+    }
 }

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>;
+}