robbyson-frontend-library 1.0.56 → 1.0.57

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

@@ -32,10 +32,15 @@ var BaseAppPage = /** @class */ (function (_super) {
     function BaseAppPage(props) {
         var _this = _super.call(this, props) || this;
         _this.headerLocale = "Header Locale";
+        _this._baseAppPageTitleRef = React.createRef();
+        _this._baseAppPaseTitle = "";
+        _this._profileHistoryService = IoC.GetInstance("ProfileService");
         _this.translate = _this.translate.bind(_this);
         _this.redirect = _this.redirect.bind(_this);
         _this._localeService = IoC.GetInstance("LocaleService");
         _this._themeService = IoC.GetInstance("ThemeService");
+        _this._profileHistoryService =
+            IoC.GetInstance("ProfileService");
         return _this;
     }
     BaseAppPage.prototype.redirect = function () {
@@ -73,6 +78,18 @@ var BaseAppPage = /** @class */ (function (_super) {
         }
         return (_a = this._localeService).getLocaleByHandle.apply(_a, __spreadArray([text || ""], args, false));
     };
+    BaseAppPage.prototype.focusOnTitle = function (title) {
+        if (title) {
+            this._baseAppPaseTitle = title;
+        }
+        var route = RobbysonNavigate.getRouteId();
+        var history = this._profileHistoryService.getSessionHistory();
+        if (this._baseAppPageTitleRef.current &&
+            history &&
+            history.endsWith(route)) {
+            this._baseAppPageTitleRef.current.focus();
+        }
+    };
     BaseAppPage.prototype.render = function () {
         var _this = this;
         QueryParamsFactory.validate(this.paramsValidValues, this.paramsDefaultValues);
@@ -80,9 +97,11 @@ var BaseAppPage = /** @class */ (function (_super) {
         return (React.createElement(PageContainer, null,
             React.createElement(Header, { usePageHeader: this._usePageHeader },
                 React.createElement("div", null,
-                    React.createElement(GenericButton, { onClick: function () { return _this.redirect(); }, "aria-label": "Voltar" },
+                    React.createElement(GenericButton, { onClick: function () { return _this.redirect(); }, "aria-label": "Voltar para a tela anterior" },
                         React.createElement(LeftArrowLarge, { src: this._themeService.getIconAssetUrl("left-arrow-large"), isOperacaoPage: isOperacaoPage })),
-                    React.createElement(Title, { tabIndex: 0 }, this.translate(this.headerLocale))),
+                    React.createElement(Title, { tabIndex: 0, ref: this._baseAppPageTitleRef, "aria-label": this._baseAppPaseTitle
+                            ? this._baseAppPaseTitle
+                            : this.translate(this.headerLocale) }, this.translate(this.headerLocale))),
                 !this._avoidContextMenu && (React.createElement(ContextMenu, { className: "body-2-book" }, this.contextMenu()))),
             React.createElement(Content, { contentMarginTop: this._contentMarginTop, usePageHeader: this._usePageHeader, avoidContextMenu: this._avoidContextMenu }, this.renderPage())));
     };

package/dist/types/tree/tree.types.js

@@ -89,4 +89,6 @@ export var TreeActionTypes;
     TreeActionTypes["SET_UNIQUE_ID"] = "SET_UNIQUE_ID";
     TreeActionTypes["SET_USER_CURRENT_SELECTED"] = "SET_USER_CURRENT_SELECTED";
     TreeActionTypes["SUCCESS_DATA_TREE"] = "SUCCESS_DATA_TREE";
+    TreeActionTypes["SET_REFERENCE_RESULT"] = "SET_REFERENCE_RESULT";
+    TreeActionTypes["SET_DATETREE_RESULT"] = "SET_DATETREE_RESULT";
 })(TreeActionTypes || (TreeActionTypes = {}));

package/dist/utils/date.utils.js

@@ -32,6 +32,31 @@ var DateUtils = /** @class */ (function () {
             timeZone: "UTC",
         });
     };
+    DateUtils.toLocaleDateString = function (dateString, locale) {
+        try {
+            if (!dateString) {
+                return "";
+            }
+            var date = void 0;
+            if (typeof dateString === "string") {
+                date = new Date(dateString.includes("T")
+                    ? dateString
+                    : dateString + "T00:00:00Z");
+            }
+            else {
+                date = new Date(dateString);
+            }
+            return new Intl.DateTimeFormat(locale, {
+                day: "numeric",
+                month: "long",
+                year: "numeric",
+                timeZone: "UTC",
+            }).format(date);
+        }
+        catch (_a) {
+            return "";
+        }
+    };
     DateUtils.getRemainingTimeFromNow = function (compareDate, complementaryText) {
         if (!compareDate)
             return {
@@ -69,8 +94,16 @@ var DateUtils = /** @class */ (function () {
         var minutes = Math.floor((secondsAsNumber % 3600) / 60);
         var seconds = Math.floor((secondsAsNumber % 3600) % 60);
         var formattedHours = parseFloat(hours) > 0 ? hours.padStart(2, "0") : "00";
-        var formattedMinutes = minutes === 0 ? "00" : minutes < 10 ? "0" + minutes : minutes.toString();
-        var formattedSeconds = seconds === 0 ? "00" : seconds < 10 ? "0" + seconds : seconds.toString();
+        var formattedMinutes = minutes === 0
+            ? "00"
+            : minutes < 10
+                ? "0" + minutes
+                : minutes.toString();
+        var formattedSeconds = seconds === 0
+            ? "00"
+            : seconds < 10
+                ? "0" + seconds
+                : seconds.toString();
         var result = "".concat(formattedHours, ":").concat(formattedMinutes, ":").concat(formattedSeconds);
         if (valueNegative) {
             result = "- ".concat(result);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "robbyson-frontend-library",
-    "version": "1.0.56",
+    "version": "1.0.57",
     "description": "Robbyson frontend Library",
     "main": "./dist/index.js",
     "license": "MIT",

package/src/components/basic-button/basic-button.interface.ts

@@ -12,4 +12,5 @@ export interface IBasicButtonProps<T>
     variant: BasicButtonVariant;
     shape?: "round" | "square";
     isModalButton?: boolean;
+    ariaLabel?: string;
 }

package/src/components/daily-chart/daily-chart.interface.ts

@@ -11,7 +11,7 @@ export interface IDailyChartProps extends IBaseComponentProp {
     coin: number;
     maxCoin: number;
     result: string;
-    getDays?: (typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
+    getDays?: (treeNodeId: string, typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
     goalResults: string;
     hit:number;    
     date: string;

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

@@ -14,6 +14,7 @@ export interface IHeaderContextMenuProps extends IBaseComponentProp {
     showCalendar?: boolean;
     textBreakpointsClasses?: HeaderTextBreakpointsClasses;
     selectedWeek?: Week;
+    treeResultCalendar?: boolean;
     onButtonClick?: (
         buttonName: IHeaderContextMenuButtons,
         linkTo?: string

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

@@ -1,7 +1,6 @@
 import React from "react";
 import { IoC } from "../../ioc";
-import { ILocaleService, IThemeService } from "../../services";
-
+import { ILocaleService, IProfileService, IThemeService } from "../../services";
 import {
     PageContainer,
     Header,
@@ -25,6 +24,10 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
     protected _contentMarginTop?: number;
     protected _usePageHeader?: boolean;
     protected _avoidContextMenu?: boolean;
+    private _baseAppPageTitleRef = React.createRef<HTMLHeadingElement>();
+    private _baseAppPaseTitle = "";
+    private _profileHistoryService =
+        IoC.GetInstance<IProfileService>("ProfileService");
 
     constructor(props: T) {
         super(props);
@@ -32,6 +35,9 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
         this.redirect = this.redirect.bind(this);
         this._localeService = IoC.GetInstance<ILocaleService>("LocaleService");
         this._themeService = IoC.GetInstance<IThemeService>("ThemeService");
+
+        this._profileHistoryService =
+            IoC.GetInstance<IProfileService>("ProfileService");
     }
     private redirect(): void {
         const state = RobbysonNavigate?.getHistoryState() as any;
@@ -66,6 +72,22 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
         return this._localeService.getLocaleByHandle(text || "", ...args);
     }
 
+    protected focusOnTitle(title?: string): void {
+        if (title) {
+            this._baseAppPaseTitle = title;
+        }
+
+        const route = RobbysonNavigate.getRouteId();
+        const history = this._profileHistoryService.getSessionHistory();
+        if (
+            this._baseAppPageTitleRef.current &&
+            history &&
+            history.endsWith(route)
+        ) {
+            this._baseAppPageTitleRef.current.focus();
+        }
+    }
+
     abstract contextMenu(): React.ReactNode;
 
     abstract renderPage(): React.ReactNode;
@@ -83,7 +105,7 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
                     <div>
                         <GenericButton
                             onClick={() => this.redirect()}
-                            aria-label="Voltar"
+                            aria-label="Voltar para a tela anterior"
                         >
                             <LeftArrowLarge
                                 src={this._themeService.getIconAssetUrl(
@@ -92,7 +114,15 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
                                 isOperacaoPage={isOperacaoPage}
                             />
                         </GenericButton>
-                        <Title tabIndex={0}>
+                        <Title
+                            tabIndex={0}
+                            ref={this._baseAppPageTitleRef}
+                            aria-label={
+                                this._baseAppPaseTitle
+                                    ? this._baseAppPaseTitle
+                                    : this.translate(this.headerLocale)
+                            }
+                        >
                             {this.translate(this.headerLocale)}
                         </Title>
                     </div>

package/src/components/result-chart/result-chart.interface.ts

@@ -11,7 +11,7 @@ export interface IResultChartProps extends IBaseComponentProp {
     maxCoin: string;
     overlay?: boolean;
     indicator_id: string;
-    getDays?: (typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
+    getDays?: (treeNodeId: string,typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
     result: string;
     goalResults: string;
     hit:number;
@@ -19,6 +19,7 @@ export interface IResultChartProps extends IBaseComponentProp {
     colorDivision: number[];
     isInitialPosition?: boolean;
     tabIndex?: number;
+    node_id?: string;
 }
 
 export interface IResultChartState {

package/src/components/weekly-chart/weekly-chart.interface.ts

@@ -12,7 +12,7 @@ export interface IWeeklyChartProps extends IBaseComponentProp {
     coin: string;
     maxCoin: string;
     overlay?: boolean;
-    getDays?: (typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
+    getDays?: (treeNodeId: string,typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
     result: string;
     goalResults: string;
     indicator_id: string;
@@ -21,6 +21,7 @@ export interface IWeeklyChartProps extends IBaseComponentProp {
     colorDivision: number[];
     selectedReference ?: string;
     tabIndex?: number;
+    node_id?: string;
 }
 
 export interface IWeeklyData {

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

@@ -5,4 +5,6 @@ export interface IProfileService {
     getProfileImage(
         getProfileImageDto: ProfileDTO.IGetProfileImageDTO
     ): Promise<ProfileImageModel>;
+    pushSessionHistory(location: string): void;
+    getSessionHistory(): string;
 }

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

@@ -28,7 +28,7 @@ export interface ITreeService {
         params,
     }: TreeDTO.IGetAttributesTreeDTO): Promise<TreeAttributeModel[]>;
     setDateTree(date: TreeDTO.ISelectedDateTreeDTO): void;
-    getDataTree(): Promise<any>;
+    getDataTree(isResult?: boolean): Promise<any>;
     getDetailsTree(params: TreeDTO.IGetDetailsTreeDTO): Promise<TreeDetailModel>;
     getTableTree(params: TreeDTO.IGetTableTreeDTO): Promise<TreeTableModel[]>;
     selectedIndicator(params: TreeDTO.ISelectIndicatorsTreeDTO): void;
@@ -60,7 +60,6 @@ export interface ITreeService {
         breadcrumbData: TreeDTO.IBreadcrumbData[];
         minLevel: string;
     }): [TreeModel["data"], TreeDTO.IBreadcrumbData[]];
-    getDataTree(params: TreeDTO.IGetDataTreeDTO): Promise<void>;
     getSimulations(userId: number | undefined): Promise<void>;
     getGraphData(simulationId?: string): Promise<void>;
     insertSimulation(

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

@@ -27,6 +27,7 @@ interface ISimulationGroup {
 export interface ITreeApp {
     treeData: {
         node: string | undefined;
+        node_result: string | undefined;
         indicators: {
             items: TreeIndicatorModel[];
             selected: TreeIndicatorModel;
@@ -44,6 +45,7 @@ export interface ITreeApp {
             initialReferenceDate: string;
         };
         reference: TypeReferenceEnum;
+        reference_result: TypeReferenceEnum;
         attributes: {
             items: TreeAttributeModel[];
             selected: {
@@ -130,6 +132,7 @@ export interface ITreeApp {
             errors: [];
         };
         selectedDate: string;
+        selectedDateResult: string;
         isLoadingSimulation: boolean;
         isLoadingTreeSimulation: boolean;
         isLoading: boolean;

package/src/states/profile-container/profile-app.state.interface.ts

@@ -2,4 +2,5 @@ import { ProfileImageModel } from "../../models";
 
 export interface IProfileApp {
     profileImages: { [key: string]: ProfileImageModel };
+    sessionHistory: string;
 }

package/src/types/tree/tree.types.ts

@@ -100,4 +100,6 @@ export enum TreeActionTypes {
     SET_UNIQUE_ID = "SET_UNIQUE_ID",
     SET_USER_CURRENT_SELECTED = "SET_USER_CURRENT_SELECTED",
     SUCCESS_DATA_TREE = "SUCCESS_DATA_TREE",
+    SET_REFERENCE_RESULT = "SET_REFERENCE_RESULT",
+    SET_DATETREE_RESULT = "SET_DATETREE_RESULT"
 }

package/src/utils/date.utils.ts

@@ -46,6 +46,38 @@ export class DateUtils {
         });
     }
 
+    static toLocaleDateString(
+        dateString: string | Date,
+        locale: string
+    ): string {
+        try {
+            if (!dateString) {
+                return "";
+            }
+
+            let date: Date;
+
+            if (typeof dateString === "string") {
+                date = new Date(
+                    dateString.includes("T")
+                        ? dateString
+                        : dateString + "T00:00:00Z"
+                );
+            } else {
+                date = new Date(dateString);
+            }
+
+            return new Intl.DateTimeFormat(locale, {
+                day: "numeric",
+                month: "long",
+                year: "numeric",
+                timeZone: "UTC",
+            }).format(date);
+        } catch {
+            return "";
+        }
+    }
+
     static getRemainingTimeFromNow(
         compareDate: Date,
         complementaryText: string
@@ -97,9 +129,20 @@ export class DateUtils {
         const minutes = Math.floor((secondsAsNumber % 3600) / 60);
         const seconds = Math.floor((secondsAsNumber % 3600) % 60);
 
-        let formattedHours = parseFloat(hours) > 0 ? hours.padStart(2, "0") : "00";
-        let formattedMinutes = minutes === 0 ? "00" : minutes < 10 ? "0" + minutes : minutes.toString();
-        let formattedSeconds = seconds === 0 ? "00" : seconds < 10 ? "0" + seconds : seconds.toString()
+        let formattedHours =
+            parseFloat(hours) > 0 ? hours.padStart(2, "0") : "00";
+        let formattedMinutes =
+            minutes === 0
+                ? "00"
+                : minutes < 10
+                ? "0" + minutes
+                : minutes.toString();
+        let formattedSeconds =
+            seconds === 0
+                ? "00"
+                : seconds < 10
+                ? "0" + seconds
+                : seconds.toString();
 
         let result = `${formattedHours}:${formattedMinutes}:${formattedSeconds}`;