robbyson-frontend-library 0.0.1-rc11 → 0.0.1-rc13

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

@@ -0,0 +1,52 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { IScrollBoxProps } from "../scroll-box";
+
+export interface IDropdownState {
+    isDropdownOpen: boolean;
+}
+
+export interface IDropdownProps
+    extends React.InputHTMLAttributes<any>,
+        IBaseComponentProp {
+    placeholderLocaleHandle?: string;
+    prefixIconHandle?: IconHandle;
+    dropdownOptions?: DropdownOptions;
+    suffixIconHandle?: IconHandle;
+    outSuffixIconHandle?: IconHandle;
+    helperTextLocaleHandle?: string;
+    errorTextLocaleHandle?: string;
+    onPrefixIconPressed?: () => void;
+    onSuffixIconPressed?: () => void;
+    width?: number;
+    height?: number;
+    value: string;
+    mask?: string;
+    hasError?: boolean;
+    fillPrefixIcon?: string;
+    fillSuffixIcon?: string;
+    fillOutSuffixIcon?: string;
+    pointerCursor?: boolean;
+    textarea?: boolean;
+}
+export type ValuesDropdownData = {
+    labelLocaleHandle: string;
+    key: string | number;
+};
+
+export type DropdownOptions = {
+    data: {
+        classification?: string;
+        values: ValuesDropdownData[];
+    }[];
+    selectedKey?: string;
+    multipleSelect?: boolean;
+    selectedKeys?: string[];
+    onClickItem(
+        key: string | number,
+        labelLocaleHandle?: string,
+        classification?: string
+    ): void;
+    scrollBoxProps: Omit<IScrollBoxProps, "children">;
+    value?: string;
+} & IBaseComponentProp;

package/src/components/dropdown/dropdown.types.d.ts

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

package/src/components/dropdown/index.d.ts

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

package/src/components/filter/filter.interface.tsx

@@ -44,7 +44,7 @@ export interface IFilter {
 
 export interface IOption {
     name: string;
-    value: string | number;
+    value: string | number | undefined;
     hasChildren?: boolean;
     iconHandle?: IconHandle;
     checked?: boolean;

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

@@ -10,4 +10,4 @@ export interface IHeaderContextMenuState {
     activeButton: undefined | IHeaderContextMenuButtons;
 }
 
-export type IHeaderContextMenuButtons = "notification" | "quiz" | "informative" | "chat" | "guidance_all" | "guidance_favorites";
+export type IHeaderContextMenuButtons = "notification" | "quiz" | "informative" | "chat" | "guidance_all" | "guidance_favorites" | "calendar";

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

@@ -3,5 +3,5 @@ import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface IIconButtonProps<T> extends React.ButtonHTMLAttributes<T>, IBaseComponentProp {
   iconHandle: IconHandle;
-  variant: "primary" | "secondary";
+  variant: "primary" | "secondary" | "ead" | "meeting";
 }

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

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

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

@@ -0,0 +1,23 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IInsightChartProps extends IBaseComponentProp {
+    updatedAt:string;
+    image: IconHandle;
+    percentageAchievement: number;
+    color: string;
+    money: string;
+    totalMoney: string;
+    minute: string;
+    totalMinute: string;
+    data: ChartData[];
+    ticks: number[];
+    meta: number;
+}
+
+export type ChartData = {
+    value?: number;
+    date: string;
+    teamValue?: number;
+    predictionValue?: number;
+}

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IMountainChartProps extends IBaseComponentProp {
+    icon?: IconHandle;
+    percentage: number;
+    color: string;
+    width: number;
+    height: number;
+    shouldShowMeta?: boolean;
+}

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

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

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

@@ -23,14 +23,23 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
     protected abstract paramsDefaultValues: {};
     protected _localeService: ILocaleService;
     protected _themeService: IThemeService;
+    protected _linkToOverride: string | undefined;
 
     constructor(props: T) {
         super(props);
         this.translate = this.translate.bind(this);
+        this.redirect = this.redirect.bind(this);
         this._localeService = IoC.GetInstance<ILocaleService>("LocaleService");
         this._themeService = IoC.GetInstance<IThemeService>("ThemeService");
     }
-
+    private redirect(): void {
+        if(this._linkToOverride){
+            RobbysonNavigate.to(this._linkToOverride)
+        }else{
+            RobbysonNavigate.back()
+        }
+    }
+    
     public translate(text?: string, ...args: string[]): string {
         return this._localeService.getLocaleByHandle(text || "", ...args);
     }
@@ -49,7 +58,7 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
                             src={this._themeService.getIconAssetUrl(
                                 "left-arrow-large"
                             )}
-                            onClick={() => RobbysonNavigate.back()}
+                            onClick={() => this.redirect()}
                         />
 
                         <Block />

package/src/components/pagination/pagination.interface.ts

@@ -4,6 +4,9 @@ export interface IPaginationState {
     activePage: number;
     firstPage: number;
     lastPage: number;
+    activePreffixIcon: boolean;
+    activeSuffixIcon: boolean;
+    numTotalPages: number;
 }
 
 export interface IPaginationProps extends IBaseComponentProp  {

package/src/components/primary-tag/index.d.ts

@@ -0,0 +1 @@
+export * from './primary-tag.interface';

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

@@ -0,0 +1,21 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IPrimaryTagState {
+    show: boolean;
+}
+export interface IPrimaryTagProps<T>
+    extends IBaseComponentProp,
+        React.HTMLAttributes<T> {
+    iconHandle?: IconHandle;
+    type?: "success" | "error" | "warning" | "neutral";
+    size: "small" | "large";
+    disabled?: boolean;
+    textLocaleHandle?: string;
+    deletable?: boolean;
+    textColor?: string;
+    bgColor?: string;
+    iconColor?: string;
+    customIcon?: React.ReactNode;
+    textClassName?: string;
+}

package/src/components/primary-tag/primary-tag.types.d.ts

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

package/src/components/profile-image/profile-image.interface.ts

@@ -1,6 +1,6 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface IProfileImageProps extends IBaseComponentProp {
-    size?: 'small' | 'medium' | 'high';
+    size?: 'small' | 'medium' | 'high' | 'circular' | 'bigCircular';
     imagePath: string;
 }

package/src/components/progress-bar/progress-bar.interface.ts

@@ -1,8 +1,18 @@
-import { IconHandle } from "../../models";
 import { IBaseComponentProp } from "../base-component.prop.interface";
-export interface IProgressBarProps<T> extends React.HTMLAttributes<T>, IBaseComponentProp {
+
+export interface IProgressBarValue {
+    value: number
+    label: number | string
+}
+
+export interface IProgressBarProps extends IBaseComponentProp {
     labelLocaleHandle?: string;
-    values: Array<string | number>;
-    currentValue: string | number;
-    coinValue?: any;
+    values?: number[] | IProgressBarValue[];
+    currentValue: number;
+    maxValue: number
+    maxValueLabel?: string
+    hasPorcentageIndicator?: boolean
+}
+
+export interface IProgressBarState {
 }

package/src/components/progress-bar/progress-bar.types.d.ts

@@ -3,7 +3,7 @@
 
 declare module 'styleguide/ProgressBar' {
     import { IProgressBarProps } from "robbyson-frontend-library";
-    const ProgressBar: React.ComponentType<IProgressBarProps<any>>;
+    const ProgressBar: React.ComponentType<IProgressBarProps>;
 
     export default ProgressBar;
 }

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

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

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

@@ -0,0 +1,25 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IResultChartProps extends IBaseComponentProp {
+    titleLocaleHandle: string;
+    updatedAt:string;
+    iconHandle: IconHandle;
+    color: string;
+    money: string;
+    totalMoney: string;
+    minute: string;
+    totalMinute: string;
+    data: ChartData[];
+    colorDivision: number[];
+    meta: number;
+}
+
+type ChartData = {
+    percentage?: number;
+    date: string;
+    fullDate: string;
+    hour?: string;
+    metaHour?: string;
+    icon?: IconHandle;
+}

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

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

package/src/components/scroll-box/scroll-box.interface.ts

@@ -2,9 +2,11 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface IScrollBoxProps extends IBaseComponentProp {
-  height: string;
+  height?: string;
   children: React.ReactNode;
   onScrollBottom?(): void;
   className?: string;
   hideScrollBar?: boolean;
+  maxHeight?: string;
+  getRef?(ref: HTMLDivElement | null): void;
 }

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

@@ -7,6 +7,7 @@ export interface ITabProps<T> extends IBaseComponentProp {
 }
 
 interface TabOptions<T> {
+    hasArrow?: boolean
     tabKey: T;
     tabLocaleHandle: string;
     suffix?: JSX.Element;

package/src/components/tag/index.d.ts

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

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

@@ -0,0 +1,8 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITagProps<T> extends IBaseComponentProp {
+    type?: string
+    textColor?: string
+    bgColor?: string
+    textLocaleHandle?: string;
+}

package/src/components/tag/tag.types.d.ts

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

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

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

package/src/components/text-area/index.d.ts

@@ -0,0 +1 @@
+export * from './text-area.interface';

package/src/components/text-area/text-area.interface.ts

@@ -0,0 +1,3 @@
+import { ITextFieldProps } from "../text-field";
+
+export interface ITextAreaProps extends ITextFieldProps {}

package/src/components/text-area/text-area.types.d.ts

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

package/src/components/text-field/text-field.interface.ts

@@ -13,6 +13,7 @@ export interface ITextFieldProps
     prefixIconHandle?: IconHandle;
     dropdownOptions?: DropdownOptions;
     suffixIconHandle?: IconHandle;
+    outSuffixIconHandle?: IconHandle;
     helperTextLocaleHandle?: string;
     errorTextLocaleHandle?: string;
     onPrefixIconPressed?: () => void;
@@ -24,17 +25,25 @@ export interface ITextFieldProps
     hasError?: boolean;
     fillPrefixIcon?: string;
     fillSuffixIcon?: string;
+    fillOutSuffixIcon?: string;
     pointerCursor?: boolean;
+    textarea?: boolean;
 }
 
 type DropdownOptions = {
     data: {
         labelLocaleHandle: string;
-        key: string;
+        key: string | number;
+        classification?: string;
     }[];
     selectedKey?: string;
+    multipleSelect?: boolean;
     selectedKeys?: string[];
-    onClickItem( key: string): void;
+    onClickItem(
+        key: string | number,
+        labelLocaleHandle?: string,
+        classification?: string
+    ): void;
     scrollBoxProps: Omit<IScrollBoxProps, "children">;
     dataTestId: string;
     value?: string;

package/src/components/timer/timer.interface.ts

@@ -1,12 +1,11 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface ITimerProps extends IBaseComponentProp {
-  expirationDate: Date;
+  expirationDate: string;
   onTimerEnd?: () => void;
 }
 
 export interface ITimerState {
   showStopWatch: boolean;
   expirationDateStopWatch: string;
-  isFirstRender: boolean;
 }

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

@@ -10,7 +10,4 @@ export interface IToggleIconButtonProps<T> extends React.ButtonHTMLAttributes<T>
     disabled?: boolean,
     disabledIconHandle?: IconHandle,
     fatherControl?: boolean,
-}
-export interface IToggleIconButtonState {
-    active: boolean,
 }

package/src/components/tooltip/tooltip.interface.ts

@@ -1,21 +1,28 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
 
-export type TooltipPosition = "auto" | "upside" | "downside"
+export type TooltipPosition = "top" | "bottom";
 
 export interface ITooltipProps extends IBaseComponentProp {
     textLocaleHandle: string;
-    delay?: number;
-    children: any;
-    width?:number;
-    onShow?():void;
-    onHide?():void;
-    className?:string;
-    position?: TooltipPosition;
+    children: React.ReactNode;
+    className?: string;
+    startDirection?: TooltipPosition;
+    width?: number;
+    /**
+     * @description
+     * Use `virtualizedId` to re-render dynamically texts, like: `states update`.
+     */
+    virtualizedId?: string;
+
+    /**
+     * @description
+     * Use `forceRecreate` to re-create tooltip component with new dimensions.
+     * 
+     * This is useful when you need to re-render tooltip with dynamically texts sizes.
+     */
+    forceRecreate?: boolean;
 }
 
 export interface ITooltipState {
-    hidden: boolean;
-    posX: number;
-    posY: number;
-    position: TooltipPosition;
-}
+    startDirection?: TooltipPosition;
+}

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

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

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

@@ -0,0 +1,22 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IWeeklyChartProps extends IBaseComponentProp {
+    data: IWeeklyData[];
+    width: number;
+    height: number;
+    titleLocaleHandle: string;
+    iconHandle: IconHandle;
+    updatedAt:string;
+    money: string;
+    totalMoney: string;
+    text: string;
+    totalText: string;
+    color: string;
+}
+
+export interface IWeeklyData {
+    percentage: number;
+    color?: string;
+    date: string;
+}

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

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

package/src/index.ts

@@ -9,11 +9,19 @@ 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/document.model';
+export * from "./models/document.model";
 export * from "./models/guidance-category.model";
 export * from "./models/guidance.model";
 export * from "./models/guidance-query.model";
 export * from "./models/http-response.model";
+export * from "./models/quiz.model";
+export * from "./models/quiz-not-answered.model";
+export * from "./models/quiz-answered.model";
+export * from "./models/chat.model";
+export * from "./models/agenda.model";
+export * from "./models/agenda-invited-users.model";
+export * from "./models/user-list.model";
+export * from "./models/friendship-team-list.model";
 
 // Repositories
 export * from "./repositories/base.repository";
@@ -27,8 +35,10 @@ export * from "./states";
 // Utils
 export * from "./utils";
 
-// Constants 
+// Constants
 export * from "./constants";
 
 // DTOs
-export * from "./services/dtos";
+export * from "./services/dtos";
+//types
+export * from "./types";

package/src/models/agenda-invited-users.model.ts

@@ -0,0 +1,37 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+import { AgendaModel } from "./agenda.model";
+
+export class AgendaInvitedUsersModel extends BaseRepositoryModel {
+    user_id?: number;
+    active?: boolean;
+    _id: string;
+    name: string;
+    identification: string;
+    photo?: string;
+    colors?: {
+        primary: string;
+        secondary: string;
+    };
+    users?: UsersType[];
+    confimations?: AgendaModel["confirmations"];
+    type?: "chat" | "group";
+    confirmation?: AgendaModel["confirmation"];
+    Admin?: boolean;
+}
+
+type UsersType = {
+    _id: number;
+    name: string;
+    identification: string;
+    robbyson_user_id: number;
+    initial?: boolean;
+    active?: boolean;
+    admin?: boolean;
+    status?: boolean;
+    user_id: number;
+    createdAt?: Date;
+    createdBy?: string;
+    lastUpdatedAt?: Date;
+    lastUpdatedBy?: string;
+    photo?: string;
+};

package/src/models/agenda.model.ts

@@ -0,0 +1,31 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+
+class AppointmentEdit extends BaseRepositoryModel {
+    owner_identification: string;
+    title: string;
+    start: Date;
+    end: Date;
+    daysOfWeek: number[];
+    description: string;
+    recurrence: "once" | "daily" | "weekly" | "monthly";
+    status: "active" | "canceled" | "expired";
+    type: "Meeting" | "Reminder" | "Event" | "Test";
+}
+
+export class AgendaModel extends AppointmentEdit {
+    _id: string;
+    confirmation: AppointmentConfirmation["confirmation"];
+    confirmations: AppointmentConfirmation[];
+    conversation_id?: string;
+}
+
+class AppointmentConfirmation {
+    identification: string;
+    user_id: number;
+    robbyson_user_id: number;
+    confirmation: "confirmed" | "non-confirmed" | "maybe" | "pending";
+    name: string;
+    photo: string;
+}
+
+