robbyson-frontend-library 0.0.1-rc11 → 0.0.1-rc12

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/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/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-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/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,6 +1,6 @@
 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;
@@ -10,12 +10,10 @@ export interface ITooltipProps extends IBaseComponentProp {
     onShow?():void;
     onHide?():void;
     className?:string;
-    position?: TooltipPosition;
+    startDirection?: TooltipPosition;
 }
 
 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,8 @@ export * from "./states";
 // Utils
 export * from "./utils";
 
-// Constants 
+// Constants
 export * from "./constants";
 
 // DTOs
-export * from "./services/dtos";
+export * from "./services/dtos";

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;
+}
+
+

package/src/models/chat.model.ts

@@ -0,0 +1,28 @@
+export class ChatModel {
+    countNotRead: number;
+    createdAt: string;
+    createdBy: string;
+    descriptions: string[];
+    name: string;
+    names: string[];
+    temporary: boolean;
+    type: "chat" | "group";
+    users: ChatUser[];
+    _id: string;
+}
+
+class ChatUser {
+    active: boolean;
+    admin: boolean;
+    createdAt: string;
+    createdBy: string;
+    deleted: boolean;
+    identification: string;
+    initial: boolean;
+    name: string;
+    photo: string;
+    robbyson_user_id: number;
+    status: boolean;
+    user_id: number;
+    _id: string;
+}

package/src/models/friendship-team-list.model.ts

@@ -0,0 +1,47 @@
+export interface FriendShipTeamListModel {
+    _id: number;
+    robbyson_user_id: number;
+    user_id: number;
+    name: string;
+    identification: string;
+    nickname: string;
+    matricula: string;
+    attribute: {
+        attribute: Attribute;
+        _id: string;
+        value: string;
+    };
+    level_id: number;
+    invitedMeForFriend: boolean;
+    isInvitedForFriend: boolean;
+    isFriend: boolean;
+    wasBookmarked: boolean;
+    canBeGodson: boolean;
+    kiteLevel: number;
+    specialMoments: SpecialMoments[];
+}
+
+type Attribute = {
+    _id: string;
+    name: string;
+    weight: number;
+    primary: boolean;
+    isolated: boolean;
+};
+
+type SpecialMoments = {
+    text: string;
+    contractor_id: number;
+    active: boolean;
+    iconPath: string;
+    feedbacks: {
+        description: string;
+        descriptionToFriends: string;
+        contractor_id: number;
+    }[];
+    phrases: {
+        text: string;
+        contractor_id: number;
+        active: boolean;
+    }[];
+};

package/src/models/index.d.ts

@@ -5,6 +5,8 @@ export * from "./result-level.model";
 export * from "./angel-friend-status.model";
 export * from "./send-user-to-login.model";
 export * from "./term-of-use.model";
+export * from "./agenda.model";
+export * from "./agenda-invited-users.model";
 export * from "./humor-list.model";
 export * from "./humor-register.model";
 export * from "./document.model"
@@ -12,3 +14,10 @@ export * from "./guidance-category.model";
 export * from "./guidance-query.model";
 export * from "./guidance.model";
 export * from "./http-response.model";
+export * from "./quiz.model";
+export * from "./quiz-not-answered.model";
+export * from "./quiz-answered.model";
+export * from "./user.model";
+export * from "./chat.model";
+export * from "./user-list.model";
+export * from "./friendship-team-list.model";

package/src/models/quiz-answered.model.ts

@@ -0,0 +1,28 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+import { QuizModel } from "./quiz.model";
+
+export class QuizAnsweredModel extends BaseRepositoryModel {
+    questionnaire: QuizModel;
+    answer: {
+        _id: string;
+        user_id: number;
+        identification: string;
+        questionnaireId: string;
+        publish: string;
+        expire: string;
+        done: boolean;
+        createdAt: string;
+        questions: {
+            _id: string;
+            questionType: number;
+            time: number;
+            userDoesntKnow: boolean;
+            answeredAt: string;
+            alternatives: {
+                _id: string;
+                body: string;
+                hasGuessedRight: boolean;
+            }[];
+        }[];
+    };
+}