robbyson-frontend-library 1.0.57 → 1.0.59

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

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

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/tab-result/tab-result.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/string.utils.js

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

package/index.d.ts

@@ -85,3 +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.57",
+    "version": "1.0.59",
     "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/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/tab/tab.interface.ts

@@ -6,15 +6,16 @@ export interface ITabProps<T> extends IBaseComponentProp {
     tabOptions: TabOptions<T>[];
     className?: string;
     activeTab: T;
-    hideTabs?:boolean;
-    onShowFilter?(filter:any):void;
-    attributes?:AttributeValueModel[];
-    selectedFilter?:[],
+    hideTabs?: boolean;
+    onShowFilter?(filter: any): void;
+    attributes?: AttributeValueModel[];
+    selectedFilter?: [];
     showFilter?: boolean;
+    getTabRef?: (ref: any) => void;
 }
 
 interface TabOptions<T> {
-    hasArrow?: boolean
+    hasArrow?: boolean;
     tabKey: T;
     className?: string;
     tabLocaleHandle: string;
@@ -22,4 +23,5 @@ interface TabOptions<T> {
     prefix?: JSX.Element;
     content?: React.ReactNode;
     disabled?: boolean;
-}
+    ariaLabel?: string;
+}

package/src/components/tab-result/index.d.ts

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

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

@@ -0,0 +1,25 @@
+import { AttributeValueModel } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITabResultProps<T> extends IBaseComponentProp {
+    onClickTab(tabKey: T): void;
+    tabOptions: TabResultOptions<T>[];
+    className?: string;
+    activeTab: T;
+    hideTabs?:boolean;
+    onShowFilter?(filter:any):void;
+    attributes?:AttributeValueModel[];
+    selectedFilter?:[],
+    showFilter?: boolean;
+}
+
+interface TabResultOptions<T> {
+    hasArrow?: boolean
+    tabKey: T;
+    className?: string;
+    tabLocaleHandle: string;
+    suffix?: JSX.Element;
+    prefix?: JSX.Element;
+    content?: React.ReactNode;
+    disabled?: boolean;
+}

package/src/components/tab-result/tab-result.types.d.ts

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

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/text-field/text-field.interface.ts

@@ -28,4 +28,5 @@ export interface ITextFieldProps
     outSuffixContextMenuProps?: IContextMenuProps;
     isPlaceholderItalic?: boolean;
     avoidMovePlaceHolderUp?: boolean;
+    maskPlaceholder?: 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/order.model.ts

@@ -1,5 +1,5 @@
 import { BaseRepositoryModel } from "./base.repository.model";
-import { MarketProductModel } from './market-product.model';
+import { MarketProductModel } from "./market-product.model";
 
 export class OrderStatusModel extends BaseRepositoryModel {
     status: {
@@ -38,7 +38,7 @@ export class OrderModel extends BaseRepositoryModel {
         currency: "coins" | "points";
     };
     _id: string;
-    date: string;
+    date: string | Date;
     lastUpdate: string;
     product: {
         _id: string;
@@ -73,5 +73,5 @@ export class OrderModel extends BaseRepositoryModel {
         name: string;
         identification: string;
     }[];
-    productDetails: MarketProductModel
+    productDetails: MarketProductModel;
 }

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/string.utils.ts

@@ -0,0 +1,11 @@
+import { ToWords } from "to-words";
+
+export class StringUtils {
+    private static _toWords = new ToWords({
+        localeCode: "pt-BR",
+    });
+
+    public static numberToWords(num: number): string {
+        return this._toWords.convert(num);
+    }
+}