robbyson-frontend-library 1.0.58 → 1.0.60

package/dist/components/line-chart /line-chart.interface.js

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

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

@@ -33,7 +33,7 @@ var BaseAppPage = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this.headerLocale = "Header Locale";
         _this._baseAppPageTitleRef = React.createRef();
-        _this._baseAppPaseTitle = "";
+        _this._baseAppPageTitle = "";
         _this._profileHistoryService = IoC.GetInstance("ProfileService");
         _this.translate = _this.translate.bind(_this);
         _this.redirect = _this.redirect.bind(_this);
@@ -44,9 +44,9 @@ var BaseAppPage = /** @class */ (function (_super) {
         return _this;
     }
     BaseAppPage.prototype.redirect = function () {
-        var state = RobbysonNavigate === null || RobbysonNavigate === void 0 ? void 0 : RobbysonNavigate.getHistoryState();
-        if (state === null || state === void 0 ? void 0 : state.pathname) {
-            var actualPathname = RobbysonNavigate.getPathname();
+        var actualPathname = RobbysonNavigate.getPathname();
+        var history = RobbysonNavigate.getLocationHistory();
+        if (history) {
             var restrictedRoutes = [
                 "/terms-of-use",
                 "/humor",
@@ -55,7 +55,9 @@ var BaseAppPage = /** @class */ (function (_super) {
                 "/quiz",
             ];
             var isOperacaoPage = actualPathname.endsWith("/operacao/");
-            var isRestrictedRoute = restrictedRoutes === null || restrictedRoutes === void 0 ? void 0 : restrictedRoutes.some(function (route) { var _a; return (_a = state === null || state === void 0 ? void 0 : state.pathname) === null || _a === void 0 ? void 0 : _a.includes(route); });
+            var isRestrictedRoute = restrictedRoutes === null || restrictedRoutes === void 0 ? void 0 : restrictedRoutes.some(function (route) {
+                return history === null || history === void 0 ? void 0 : history.includes(route);
+            });
             if (isOperacaoPage && isRestrictedRoute) {
                 return;
             }
@@ -80,7 +82,7 @@ var BaseAppPage = /** @class */ (function (_super) {
     };
     BaseAppPage.prototype.focusOnTitle = function (title) {
         if (title) {
-            this._baseAppPaseTitle = title;
+            this._baseAppPageTitle = title;
         }
         var route = RobbysonNavigate.getRouteId();
         var history = this._profileHistoryService.getSessionHistory();
@@ -99,8 +101,8 @@ var BaseAppPage = /** @class */ (function (_super) {
                 React.createElement("div", null,
                     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, ref: this._baseAppPageTitleRef, "aria-label": this._baseAppPaseTitle
-                            ? this._baseAppPaseTitle
+                    React.createElement(Title, { tabIndex: 0, ref: this._baseAppPageTitleRef, "aria-label": this._baseAppPageTitle
+                            ? this._baseAppPageTitle
                             : 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/components/pie-chart /pie-chart.interface.js

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

package/dist/components/simple-table/simple-table.interface.js

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

package/dist/components/staked-chart/staked-chart.interface.js

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

package/dist/components/vertical-bar-chart/vertical-bar-chart.interface.js

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

package/dist/utils/index.js

@@ -9,3 +9,4 @@ export * from "./layout.utils";
 export * from "./date.utils";
 export * from "./resize-image";
 export * from "./timer.utils";
+export * from "./string.utils";

package/dist/utils/robbyson-navigate.js

@@ -20,9 +20,13 @@ var RobbysonNavigate = /** @class */ (function () {
             RobbysonNavigate._globalStore.GetGlobalState();
         var history = RobbysonNavigate._globalState.Global.RootApp.history;
         var routeState = __assign(__assign({}, state), { pathname: history.location.pathname });
+        this.setLocationHistory(history.location.pathname);
         // TODO: Usar a LIB PATH para concatenar a URL
         history.push("/operacao".concat(url), routeState);
     };
+    RobbysonNavigate.openInNewTab = function (url) {
+        window.open(url, '_blank');
+    };
     RobbysonNavigate.go = function (delta) {
         RobbysonNavigate._globalStore = GlobalStore.Get();
         RobbysonNavigate._globalState =
@@ -42,7 +46,9 @@ var RobbysonNavigate = /** @class */ (function () {
         RobbysonNavigate._globalState =
             RobbysonNavigate._globalStore.GetGlobalState();
         var history = RobbysonNavigate._globalState.Global.RootApp.history;
-        history.replace(replace, state);
+        var routeState = __assign(__assign({}, state), { pathname: history.location.pathname });
+        this.setLocationHistory(history.location.pathname);
+        history.replace(replace, routeState);
     };
     RobbysonNavigate.getHistory = function () {
         RobbysonNavigate._globalStore = GlobalStore.Get();
@@ -82,6 +88,12 @@ var RobbysonNavigate = /** @class */ (function () {
             sort: false,
         });
     };
+    RobbysonNavigate.setLocationHistory = function (location) {
+        localStorage.setItem("location-history", location);
+    };
+    RobbysonNavigate.getLocationHistory = function () {
+        return localStorage.getItem("location-history");
+    };
     RobbysonNavigate.setQueryParams = function (key, value) {
         var queryString = new URLSearchParams(RobbysonNavigate.getQueryParams());
         if (Array.isArray(key) && Array.isArray(value)) {

package/dist/utils/string.utils.js

@@ -0,0 +1,17 @@
+import { ToWords } from "to-words";
+var StringUtils = /** @class */ (function () {
+    function StringUtils() {
+    }
+    StringUtils.numberToWords = function (n) {
+        var numberToConvert = Number(n);
+        if (isNaN(numberToConvert)) {
+            return n;
+        }
+        return this._toWords.convert(numberToConvert);
+    };
+    StringUtils._toWords = new ToWords({
+        localeCode: "pt-BR",
+    });
+    return StringUtils;
+}());
+export { StringUtils };

package/index.d.ts

@@ -85,4 +85,10 @@ export * from "./src/components/full-balance-page";
 export * from "./src/components/guard-module";
 export * from "./src/components/guard-permission";
 export * from "./src/components/favorite-button";
+export * from "./src/components/vertical-bar-chart";
+export * from "./src/components/simple-table";
+export * from "./src/components/staked-chart";
+export * from "./src/components/line-chart";
+export * from "./src/components/pie-chart";
+export * from "./src/components/radar-chart";
 export * from "./src/components/tab-result";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "robbyson-frontend-library",
-    "version": "1.0.58",
+    "version": "1.0.60",
     "description": "Robbyson frontend Library",
     "main": "./dist/index.js",
     "license": "MIT",
@@ -46,6 +46,7 @@
         "redux-micro-frontend": "^1.3.0",
         "redux-persist": "^6.0.0",
         "robbyson-library-v2": "^0.3.2",
-        "socket.io-client": "^4.7.4"
+        "socket.io-client": "^4.7.4",
+        "to-words": "^4.1.0"
     }
 }

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

@@ -13,4 +13,5 @@ export interface IBasicButtonProps<T>
     shape?: "round" | "square";
     isModalButton?: boolean;
     ariaLabel?: string;
+    forwardRef?(ref: HTMLButtonElement | null): void;
 }

package/src/components/checkbox/checkbox.interface.ts

@@ -8,4 +8,5 @@ export interface ICheckboxProps<T> extends React.InputHTMLAttributes<T>, IBaseCo
     hasError?: boolean;
     id: string;
     preventPropagation?: boolean
+    ariaLabel?: string;
 }

package/src/components/date-picker/date-picker.interface.ts

@@ -9,6 +9,7 @@ export interface IDatePickerProps extends IBaseComponentProp {
     };
     minDate?: Date | null;
     maxDate?: Date;
+    ariaLabel?: string;
 }
 
 export interface IDatePickerState {

package/src/components/line-chart /index.d.ts

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

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

@@ -0,0 +1,16 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ILineChartProps<T> extends IBaseComponentProp {
+    data: {
+        labels: string[];
+        datasets: T[];
+    };
+    datasets: {
+        label: string;
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        data: number[];
+    }[];
+
+}

package/src/components/line-chart /line-chart.types.d.ts

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

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

@@ -25,7 +25,7 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
     protected _usePageHeader?: boolean;
     protected _avoidContextMenu?: boolean;
     private _baseAppPageTitleRef = React.createRef<HTMLHeadingElement>();
-    private _baseAppPaseTitle = "";
+    private _baseAppPageTitle = "";
     private _profileHistoryService =
         IoC.GetInstance<IProfileService>("ProfileService");
 
@@ -40,9 +40,9 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
             IoC.GetInstance<IProfileService>("ProfileService");
     }
     private redirect(): void {
-        const state = RobbysonNavigate?.getHistoryState() as any;
-        if (state?.pathname) {
-            const actualPathname = RobbysonNavigate.getPathname();
+        const actualPathname = RobbysonNavigate.getPathname();
+        const history = RobbysonNavigate.getLocationHistory();
+        if (history) {
             const restrictedRoutes = [
                 "/terms-of-use",
                 "/humor",
@@ -50,9 +50,10 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
                 "/login",
                 "/quiz",
             ];
+
             const isOperacaoPage = actualPathname.endsWith("/operacao/");
             const isRestrictedRoute = restrictedRoutes?.some((route) =>
-                state?.pathname?.includes(route)
+                history?.includes(route)
             );
 
             if (isOperacaoPage && isRestrictedRoute) {
@@ -74,7 +75,7 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
 
     protected focusOnTitle(title?: string): void {
         if (title) {
-            this._baseAppPaseTitle = title;
+            this._baseAppPageTitle = title;
         }
 
         const route = RobbysonNavigate.getRouteId();
@@ -118,8 +119,8 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
                             tabIndex={0}
                             ref={this._baseAppPageTitleRef}
                             aria-label={
-                                this._baseAppPaseTitle
-                                    ? this._baseAppPaseTitle
+                                this._baseAppPageTitle
+                                    ? this._baseAppPageTitle
                                     : this.translate(this.headerLocale)
                             }
                         >

package/src/components/pie-chart /index.d.ts

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

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

@@ -0,0 +1,15 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IPieChartProps<T> extends IBaseComponentProp {
+    data: {
+        labels: string[];
+        datasets: T[];
+    };
+    datasets: {
+        label: string;
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        data: number[];
+    }[];
+}

package/src/components/pie-chart /pie-chart.types.d.ts

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

package/src/components/primary-tag/primary-tag.interface.ts

@@ -3,6 +3,7 @@ import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface IPrimaryTagState {
     show: boolean;
+    removeTagbuttonLabel?: string;
 }
 export interface IPrimaryTagProps<T>
     extends IBaseComponentProp,
@@ -18,4 +19,5 @@ export interface IPrimaryTagProps<T>
     iconColor?: string;
     customIcon?: React.ReactNode;
     textClassName?: string;
+    tagRemoveButtonLabel?: string;
 }

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

@@ -20,10 +20,12 @@ export interface IResultChartProps extends IBaseComponentProp {
     isInitialPosition?: boolean;
     tabIndex?: number;
     node_id?: string;
+    dailyAriaLabel?: string;
 }
 
 export interface IResultChartState {
     active: boolean;
+    isLoadingDays?: boolean;
 }
 
 type ChartDataResults = {

package/src/components/simple-table/index.d.ts

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

package/src/components/simple-table/simple-table.interface.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ISimpleTableProps<T> extends IBaseComponentProp {
+    message?: T;
+}

package/src/components/simple-table/simple-table.types.d.ts

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

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

@@ -3,10 +3,7 @@ import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface ISortProps extends IBaseComponentProp {
     titleLocaleHandle?: string;
-    options: Array<{
-        nameLocaleHandle: string;
-        value: string | number;
-    }>;
+    options: ISortOptions[];
     defaultOption?: string | number;
     selectedKeys?: string[];
     icon: IconHandle;
@@ -26,3 +23,8 @@ export interface ISortState {
     showSort: boolean;
     sortValue?: string | number;
 }
+
+export interface ISortOptions {
+    nameLocaleHandle: string;
+    value: string | number;
+}

package/src/components/staked-chart/index.d.ts

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

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

@@ -0,0 +1,19 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface StakedChartProps<T> extends IBaseComponentProp {
+    data: {
+        labels: string[];
+        datasets: T[];
+    };
+    datasets: {
+        label: string;
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        data: number[];
+    }[];
+}
+
+
+export interface StakedChartState {
+}

package/src/components/staked-chart/staked-chart.types.d.ts

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

package/src/components/table/table.interface.ts

@@ -6,6 +6,7 @@ interface Title {
     titleLocaleHandle: string | React.ReactNode;
     color: string;
     numberOfColumn: number;
+    tabIndex?: number;
 }
 
 interface Header {

package/src/components/tag-expand/tag-expand.interface.ts

@@ -7,4 +7,5 @@ export interface ITagExpandProps<T> extends IBaseComponentProp {
   text?: string;
   textLocaleHandle?: string;
   bg?: string
+  ariaLabel?: string
 }

package/src/components/time-picker/time-picker.interface.ts

@@ -8,6 +8,7 @@ export interface ITimePickerProps extends IBaseComponentProp {
     onClickTime(hour: string, minutes: string): void;
     timerPickerValue: string;
     inputProps?: Omit<ITextFieldProps, "value" | "dataTestId">;
+    ariaLabel?: string;
 }
 
 export interface ITimePickerState {

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

@@ -13,4 +13,5 @@ export interface IToggleIconButtonProps<T>
     disabledIconHandle?: IconHandle;
     fatherControl?: boolean;
     ariaLabel?: string;
+    forwardRef?: (ref: HTMLButtonElement | null) => void;
 }

package/src/components/vertical-bar-chart/index.d.ts

@@ -0,0 +1 @@
+export * from './vertical-bar-chart.interface';

package/src/components/vertical-bar-chart/vertical-bar-chart.interface.ts

@@ -0,0 +1,19 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface VerticalBarChartProps<T> extends IBaseComponentProp {
+    data: {
+        labels: string[];
+        datasets: T[];
+    };
+    datasets: {
+        label: string;
+        backgroundColor: string;
+        borderColor: string;
+        borderWidth: number;
+        data: number[];
+    }[];
+}
+
+
+export interface VerticalBarChartState {
+}

package/src/components/vertical-bar-chart/vertical-bar-chart.types.d.ts

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

package/src/models/notification.model.ts

@@ -42,9 +42,40 @@ export class NotificationModel extends BaseRepositoryModel {
     tags: [{ _id: false; text: string }];
     context: [{ _id: false; flag: string; url: string }];
     targetSystems: [number];
-    payloadTemplate: {};
+    payloadTemplate: Template[];
     previewContent?: Blob | MediaSource;
     imageContent?: Blob | MediaSource;
     pdfUrl?: string;
     videoContent?: Blob | MediaSource;
 }
+export type Template = {
+    type: 'text' | 'button' | 'table' | 'image' | 'video' | 'user' | 'list' | 'link' | 'chart' | 'open_chat' | '';
+    createdAt: string;
+    title: string;
+    footer: string;
+    voiceDescription: string;
+    payload: {
+        header: [{
+            value: string;
+            requestPayload: any;
+            color?: string;
+            style?: string;
+            tag?: string;
+            tooltip?: string;
+        }];
+        content: [{
+            subtype?: any;
+            value: any;
+            requestPayload: any;
+            color?: {
+                background: string;
+                text: string;
+            };
+            style?: string;
+            tag?: string;
+            tooltip?: string;
+            child?: any[];
+            // customization?: Partial<TemplateCustomization>;
+        }]
+    },
+}

package/src/models/user-session.model.ts

@@ -65,6 +65,7 @@ export class UserSessionModel extends BaseRepositoryModel {
         // @TODO: this field is not completed filled as ClienteRobbyson and both needs to be the same, fix it at service-authentication
         _id: number;
         active: boolean;
+        authRoute: string;
         closingDay: number;
         coins_indicator_id: number;
         enableEAD: boolean;

package/src/utils/index.ts

@@ -9,3 +9,4 @@ export * from "./layout.utils";
 export * from "./date.utils";
 export * from "./resize-image";
 export * from "./timer.utils";
+export * from "./string.utils";

package/src/utils/robbyson-navigate.ts

@@ -14,9 +14,15 @@ export class RobbysonNavigate {
 
         const { history } = RobbysonNavigate._globalState.Global.RootApp;
         const routeState = { ...state, pathname: history.location.pathname };
+        this.setLocationHistory( history.location.pathname)
         // TODO: Usar a LIB PATH para concatenar a URL
         history.push(`/operacao${url}`, routeState);
     }
+    
+    static openInNewTab(url: string) {
+        window.open(url, '_blank')
+    }
+
     static go(delta: number) {
         RobbysonNavigate._globalStore = GlobalStore.Get();
         RobbysonNavigate._globalState =
@@ -42,8 +48,10 @@ export class RobbysonNavigate {
             RobbysonNavigate._globalStore.GetGlobalState();
 
         const { history } = RobbysonNavigate._globalState.Global.RootApp;
+        const routeState = { ...state, pathname: history.location.pathname };
+        this.setLocationHistory( history.location.pathname)
 
-        history.replace(replace, state);
+        history.replace(replace, routeState);
     }
 
     static getHistory(): BrowserHistory {
@@ -98,7 +106,12 @@ export class RobbysonNavigate {
             sort: false,
         }) as T;
     }
-
+    static setLocationHistory(location: string){
+        localStorage.setItem("location-history", location)
+    }
+    static getLocationHistory(): string | null {
+        return localStorage.getItem("location-history")
+    }
     static setQueryParams(
         key: string | string[],
         value: string | number | (string | number)[]

package/src/utils/string.utils.ts

@@ -0,0 +1,17 @@
+import { ToWords } from "to-words";
+
+export class StringUtils {
+    private static _toWords = new ToWords({
+        localeCode: "pt-BR",
+    });
+
+    public static numberToWords(n: number): string | number {
+        const numberToConvert = Number(n);
+
+        if (isNaN(numberToConvert)) {
+            return n;
+        }
+
+        return this._toWords.convert(numberToConvert);
+    }
+}