robbyson-frontend-library 1.0.54 → 1.0.56

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

@@ -24,7 +24,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import React from "react";
 import { IoC } from "../../ioc";
-import { PageContainer, Header, Title, ContextMenu, Content, LeftArrowLarge, } from "./base-app-page.styles";
+import { PageContainer, Header, Title, ContextMenu, Content, LeftArrowLarge, GenericButton, } from "./base-app-page.styles";
 import { RobbysonNavigate } from "../../utils";
 import { QueryParamsFactory } from "../../factories/query-params.factory";
 var BaseAppPage = /** @class */ (function (_super) {
@@ -80,8 +80,9 @@ var BaseAppPage = /** @class */ (function (_super) {
         return (React.createElement(PageContainer, null,
             React.createElement(Header, { usePageHeader: this._usePageHeader },
                 React.createElement("div", null,
-                    React.createElement(LeftArrowLarge, { src: this._themeService.getIconAssetUrl("left-arrow-large"), onClick: function () { return _this.redirect(); }, isOperacaoPage: isOperacaoPage }),
-                    React.createElement(Title, null, this.translate(this.headerLocale))),
+                    React.createElement(GenericButton, { onClick: function () { return _this.redirect(); }, "aria-label": "Voltar" },
+                        React.createElement(LeftArrowLarge, { src: this._themeService.getIconAssetUrl("left-arrow-large"), isOperacaoPage: isOperacaoPage })),
+                    React.createElement(Title, { tabIndex: 0 }, 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/pages/base-app-page.styles.js

@@ -47,4 +47,5 @@ export var LeftArrowLarge = styled(SVG)(templateObject_10 || (templateObject_10
     var isOperacaoPage = _a.isOperacaoPage;
     return (isOperacaoPage ? "grey" : "inherit");
 }, LayoutDimensions.width.horizontalIpadMini + 1);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+export var GenericButton = styled.button(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    background: none;\n    border: none;\n"], ["\n    background: none;\n    border: none;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;

package/dist/constants/market.constants.js

@@ -19,6 +19,15 @@ export var PRODUCT_TYPE_BY_ID = {
     // 6: "donation",
     7: "voucher",
 };
+export var PRODUCT_TYPE_BY_ID_LOCALES = {
+    1: "main_enumeratorProductType_experiences",
+    2: "main_enumeratorProductType_customization",
+    3: "main_enumeratorProductType_material",
+    4: "main_enumeratorProductType_raffle",
+    // 5: "auction",
+    // 6: "donation",
+    7: "main_enumeratorProductType_voucher",
+};
 export var PRODUCT_ORDER_STATUS_ID;
 (function (PRODUCT_ORDER_STATUS_ID) {
     PRODUCT_ORDER_STATUS_ID[PRODUCT_ORDER_STATUS_ID["ORDERED"] = 1] = "ORDERED";
@@ -68,6 +77,7 @@ export var MarketConstants = {
     PRODUCT_TYPE_ID: PRODUCT_TYPE_ID,
     PRODUCT_TYPE_BY_ID: PRODUCT_TYPE_BY_ID,
     PRODUCT_ORDER_STATUS_ID: PRODUCT_ORDER_STATUS_ID,
+    PRODUCT_TYPE_BY_ID_LOCALES: PRODUCT_TYPE_BY_ID_LOCALES,
     PURCHASED_ORDERS_PROJECTION_FILTER: PURCHASED_ORDERS_PROJECTION_FILTER,
     PURCHASED_ORDERS_SORT_FILTER: PURCHASED_ORDERS_SORT_FILTER,
     PRODUCTS_PROJECTION_FILTER: PRODUCTS_PROJECTION_FILTER,

package/dist/models/tree/tree.model.js

@@ -53,10 +53,10 @@ var TreeModel = /** @class */ (function (_super) {
     __extends(TreeModel, _super);
     function TreeModel(props) {
         var _this = this;
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         _this = _super.call(this) || this;
         _this._id = props === null || props === void 0 ? void 0 : props._id;
-        _this.data = (props === null || props === void 0 ? void 0 : props.data) != null ? {
+        _this.data = ((_b = Object.keys((_a = props === null || props === void 0 ? void 0 : props.data) !== null && _a !== void 0 ? _a : {})) === null || _b === void 0 ? void 0 : _b.length) > 0 ? {
             i: props === null || props === void 0 ? void 0 : props.data.i,
             d: props === null || props === void 0 ? void 0 : props.data.d,
             g: props === null || props === void 0 ? void 0 : props.data.g,
@@ -67,12 +67,12 @@ var TreeModel = /** @class */ (function (_super) {
             goalRegister: props === null || props === void 0 ? void 0 : props.data.metaCadastrada,
             fator: props === null || props === void 0 ? void 0 : props.data.fator,
             m: {
-                maxCoins: (_a = props === null || props === void 0 ? void 0 : props.data.m) === null || _a === void 0 ? void 0 : _a.maxCoins,
-                qtdEarning: (_b = props === null || props === void 0 ? void 0 : props.data.m) === null || _b === void 0 ? void 0 : _b.qtdGanho,
-                coinsGestor: (_c = props === null || props === void 0 ? void 0 : props.data.m) === null || _c === void 0 ? void 0 : _c.coinsGestor
+                maxCoins: (_c = props === null || props === void 0 ? void 0 : props.data.m) === null || _c === void 0 ? void 0 : _c.maxCoins,
+                qtdEarning: (_d = props === null || props === void 0 ? void 0 : props.data.m) === null || _d === void 0 ? void 0 : _d.qtdGanho,
+                coinsGestor: (_e = props === null || props === void 0 ? void 0 : props.data.m) === null || _e === void 0 ? void 0 : _e.coinsGestor
             },
         } : {};
-        if (((_d = props === null || props === void 0 ? void 0 : props.data) === null || _d === void 0 ? void 0 : _d.cd) !== undefined)
+        if (((_f = props === null || props === void 0 ? void 0 : props.data) === null || _f === void 0 ? void 0 : _f.cd) !== undefined)
             _this.data = (props === null || props === void 0 ? void 0 : props.data) != null ? __assign(__assign({}, props === null || props === void 0 ? void 0 : props.data), { cd: props === null || props === void 0 ? void 0 : props.data.cd }) : {};
         _this.colors = props === null || props === void 0 ? void 0 : props.colors;
         _this.highlightColors = props === null || props === void 0 ? void 0 : props.highlightColors;

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

@@ -38,6 +38,7 @@ export var TypeReferenceLetterEnum;
     TypeReferenceLetterEnum["M"] = "monthly";
     TypeReferenceLetterEnum["D"] = "daily";
     TypeReferenceLetterEnum["W"] = "weekly";
+    TypeReferenceLetterEnum["S"] = "weekly";
 })(TypeReferenceLetterEnum || (TypeReferenceLetterEnum = {}));
 export var TreeActionTypes;
 (function (TreeActionTypes) {

package/dist/utils/date.utils.js

@@ -68,13 +68,10 @@ var DateUtils = /** @class */ (function () {
         }
         var minutes = Math.floor((secondsAsNumber % 3600) / 60);
         var seconds = Math.floor((secondsAsNumber % 3600) % 60);
-        var result = (parseFloat(hours) > 0
-            ? hours + ":" + (minutes < 10 ? "0" : "")
-            : "00:") +
-            minutes +
-            ":" +
-            (seconds < 10 ? "0" : "") +
-            seconds;
+        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 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.54",
+    "version": "1.0.56",
     "description": "Robbyson frontend Library",
     "main": "./dist/index.js",
     "license": "MIT",

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

@@ -11,6 +11,7 @@ export interface IContextMenuProps
     position?: "center" | "left" | "right";
     width?: string | number;
     offset?: number;
+    ariaLabel?: string;
 }
 
 export interface DefaultItem {

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

@@ -19,7 +19,7 @@ export interface IDailyChartProps extends IBaseComponentProp {
     groupIndex:number;
     indicator:Indicator
     overlay?: boolean;
-    
+    tabIndex?: number;
 }
 export interface IDailyChartState {
     tipText:string

package/src/components/dropdown/dropdown.interface.ts

@@ -29,6 +29,9 @@ export interface IDropdownProps
     pointerCursor?: boolean;
     textarea?: boolean;
     preventCloseOnClickOutside?: boolean;
+    suffixIconHandleAriaLabel?: string;
+    outSuffixIconHandleAriaLabel?: string;
+    prefixIconHandleAriaLabel?: string;
 }
 export type ValuesDropdownData = {
     labelLocaleHandle: string;

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

@@ -1,5 +1,5 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
-import { ISelectDatePicker, TabKey } from "../../components/tree-date-picker";
+import { ISelectDatePicker, TabKey, Week } from "../../components/tree-date-picker";
 import { TreeDTO } from "../../services";
 
 export interface IHeaderContextMenuProps extends IBaseComponentProp {
@@ -10,8 +10,10 @@ export interface IHeaderContextMenuProps extends IBaseComponentProp {
     calendarHideTabs?: boolean;
     activeTab?: TabKey;
     selectedMonth?: Date | null;
+    selectedDate?: Date;
     showCalendar?: boolean;
     textBreakpointsClasses?: HeaderTextBreakpointsClasses;
+    selectedWeek?: Week;
     onButtonClick?: (
         buttonName: IHeaderContextMenuButtons,
         linkTo?: string

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

@@ -7,4 +7,5 @@ export interface IIconButtonProps<T>
     iconHandle: IconHandle;
     variant: "primary" | "secondary" | "ead" | "meeting" | "media";
     size?: number;
+    ariaLabel?: string;
 }

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

@@ -7,4 +7,5 @@ export interface IMountainChartProps extends IBaseComponentProp {
     color: string;
     height: number;
     shouldShowMeta?: boolean;
+    tabIndex?: number;
 }

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

@@ -9,6 +9,7 @@ import {
     ContextMenu,
     Content,
     LeftArrowLarge,
+    GenericButton,
 } from "./base-app-page.styles";
 import { RobbysonNavigate } from "../../utils";
 import { QueryParamsFactory } from "../../factories/query-params.factory";
@@ -80,14 +81,20 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
             <PageContainer>
                 <Header usePageHeader={this._usePageHeader}>
                     <div>
-                        <LeftArrowLarge
-                            src={this._themeService.getIconAssetUrl(
-                                "left-arrow-large"
-                            )}
+                        <GenericButton
                             onClick={() => this.redirect()}
-                            isOperacaoPage={isOperacaoPage}
-                        />
-                        <Title>{this.translate(this.headerLocale)}</Title>
+                            aria-label="Voltar"
+                        >
+                            <LeftArrowLarge
+                                src={this._themeService.getIconAssetUrl(
+                                    "left-arrow-large"
+                                )}
+                                isOperacaoPage={isOperacaoPage}
+                            />
+                        </GenericButton>
+                        <Title tabIndex={0}>
+                            {this.translate(this.headerLocale)}
+                        </Title>
                     </div>
 
                     {!this._avoidContextMenu && (

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

@@ -162,3 +162,8 @@ export const LeftArrowLarge = styled(SVG)<LeftArrowLargeProps>`
         display: block;
     }
 `;
+
+export const GenericButton = styled.button`
+    background: none;
+    border: none;
+`;

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

@@ -2,4 +2,5 @@ import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface IRadioButtonProps<T> extends React.InputHTMLAttributes<T>, IBaseComponentProp {
     labelLocaleHandle?: string;
+    alternativeType?: 'checkbox';
 }

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

@@ -18,7 +18,7 @@ export interface IResultChartProps extends IBaseComponentProp {
     data: ResultModel[];
     colorDivision: number[];
     isInitialPosition?: boolean;
-    
+    tabIndex?: number;
 }
 
 export interface IResultChartState {

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

@@ -22,6 +22,7 @@ export interface ISidebarProps extends IBaseComponentProp {
         iconName: IconHandle;
         iconAction: () => void;
     };
+    additionalIconAriaLabel?: string;
     hasHeaderShadow?: boolean;
     removeRoundedBorders?: boolean;
 }

package/src/components/tab/tab.interface.ts

@@ -9,7 +9,8 @@ export interface ITabProps<T> extends IBaseComponentProp {
     hideTabs?:boolean;
     onShowFilter?(filter:any):void;
     attributes?:AttributeValueModel[];
-    selectedFilter?:[]
+    selectedFilter?:[],
+    showFilter?: boolean;
 }
 
 interface TabOptions<T> {

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

@@ -1,13 +1,16 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
 import { IconHandle } from "../../models";
 
-export type ToggleActualState = "disabled" | "on" | "off"
+export type ToggleActualState = "disabled" | "on" | "off";
 
-export interface IToggleIconButtonProps<T> extends React.ButtonHTMLAttributes<T>,IBaseComponentProp {
-    iconHandle: IconHandle,
-    selectedIconHandle: IconHandle,
-    active?: boolean,
-    disabled?: boolean,
-    disabledIconHandle?: IconHandle,
-    fatherControl?: boolean,
-}
+export interface IToggleIconButtonProps<T>
+    extends React.ButtonHTMLAttributes<T>,
+        IBaseComponentProp {
+    iconHandle: IconHandle;
+    selectedIconHandle: IconHandle;
+    active?: boolean;
+    disabled?: boolean;
+    disabledIconHandle?: IconHandle;
+    fatherControl?: boolean;
+    ariaLabel?: string;
+}

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

@@ -35,11 +35,11 @@ export type Week = {
 
 export type Weeks = Week[];
 
-export type TabKey = "day" | "week" | "monthly" | "range";
+export type TabKey = "daily" | "weekly" | "monthly" | "range";
 
 export type DateTypeMap = {
-    day: Date | null;
-    week?: Date | null;
+    daily: Date | null;
+    weekly?: Date | null;
     monthly: Date | null;
     range: Date | null;
 };

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

@@ -20,6 +20,7 @@ export interface IWeeklyChartProps extends IBaseComponentProp {
     days: ResultModel[];
     colorDivision: number[];
     selectedReference ?: string;
+    tabIndex?: number;
 }
 
 export interface IWeeklyData {

package/src/constants/market.constants.ts

@@ -22,6 +22,18 @@ export const PRODUCT_TYPE_BY_ID: {
     7: "voucher",
 };
 
+export const PRODUCT_TYPE_BY_ID_LOCALES: {
+    [key: number]: string;
+} = {
+    1: "main_enumeratorProductType_experiences",
+    2: "main_enumeratorProductType_customization",
+    3: "main_enumeratorProductType_material",
+    4: "main_enumeratorProductType_raffle",
+    // 5: "auction",
+    // 6: "donation",
+    7: "main_enumeratorProductType_voucher",
+};
+
 export enum PRODUCT_ORDER_STATUS_ID {
     ORDERED = 1,
     BEING_PROCESSED = 2,
@@ -71,6 +83,7 @@ export const MarketConstants = {
     PRODUCT_TYPE_ID,
     PRODUCT_TYPE_BY_ID,
     PRODUCT_ORDER_STATUS_ID,
+    PRODUCT_TYPE_BY_ID_LOCALES,
     PURCHASED_ORDERS_PROJECTION_FILTER,
     PURCHASED_ORDERS_SORT_FILTER,
     PRODUCTS_PROJECTION_FILTER,

package/src/models/tree/tree.model.ts

@@ -86,7 +86,9 @@ export class TreeModel extends BaseRepositoryModel {
     constructor(props: ITreeOldModel){
         super();
         this._id = props?._id;
-        this.data = props?.data != null ? {
+        this.data = Object.keys(
+            props?.data ?? {}
+        )?.length > 0 ? {
            i : props?.data.i,
            d : props?.data.d,
            g : props?.data.g,

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

@@ -47,14 +47,14 @@ export class UserSessionModel extends BaseRepositoryModel {
             _id: string;
             active: boolean;
         }[];
-        mirrorAttributes?: {
+        userPrimaryAttribute?: {
             attribute: {
                 _id: string;
                 primary: boolean;
             };
             _id: string;
             active: boolean;
-        }[];
+        };
         name: string;
         userHierarchyLevel: number; // Hierarquia do usuario em si, não do espelho
     };

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

@@ -20,6 +20,7 @@ export interface ITreeService {
     getReportPerformance(
         params: TreePerformanceParams
     ): Promise<TreeReportPerformanceModel[]>;
+    setReduxDateTree(date: string): void;
     getIndicators({
         params,
     }: TreeDTO.IGetIndicatorsTreeDTO): Promise<TreeIndicatorModel[]>;
@@ -42,6 +43,7 @@ export interface ITreeService {
         params: TreeDTO.IHandleBreadCrumbTreeDTO
     ): Promise<TreeDTO.IBreadcrumbData | TreeDTO.IBreadcrumbData[] | never[] | void>;
     setUserCurrentSelected(params?: TreeDTO.IHandleSearchUser): void;
+    setNodeTree(node: string): void;
     handleSearch(
         params: TreeDTO.IHandleSearchTreeDTO
     ): Promise<TreeDTO.IHandleSearchUser[]>;

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

@@ -26,6 +26,7 @@ interface ISimulationGroup {
 }
 export interface ITreeApp {
     treeData: {
+        node: string | undefined;
         indicators: {
             items: TreeIndicatorModel[];
             selected: TreeIndicatorModel;

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

@@ -49,6 +49,7 @@ export enum TypeReferenceLetterEnum {
     M = "monthly",
     D = "daily",
     W = "weekly",
+    S = "weekly",
 }
 
 export enum TreeActionTypes {

package/src/utils/date.utils.ts

@@ -96,14 +96,13 @@ export class DateUtils {
 
         const minutes = Math.floor((secondsAsNumber % 3600) / 60);
         const seconds = Math.floor((secondsAsNumber % 3600) % 60);
-        let result =
-            (parseFloat(hours) > 0
-                ? hours + ":" + (minutes < 10 ? "0" : "")
-                : "00:") +
-            minutes +
-            ":" +
-            (seconds < 10 ? "0" : "") +
-            seconds;
+
+        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}`;
+
         if (valueNegative) {
             result = `- ${result}`;
         }