robbyson-frontend-library 0.0.1-rc10 → 0.0.1-rc12

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

@@ -0,0 +1,16 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ITextFieldProps } from "../text-field";
+
+export interface IRangeDatePickerProps
+    extends IBaseComponentProp {
+    onConfirm: (startDate: Date, endDate: Date) => void;
+    startDate: Date | null;
+    endDate: Date | null;
+    customInputOptions?: Omit<ITextFieldProps, "value">,
+    
+}
+
+export interface IRangeDatePickerState {
+    startDate: Date | null;
+    endDate: Date | null;
+}

package/src/components/range-date-picker/range-date-picker.types.d.ts

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

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

@@ -12,4 +12,5 @@ export interface ISidebarProps extends IBaseComponentProp {
     overlayZindex?: string;
     showOverlay?: boolean;
     subtitle?: string;
+    enableDrawer?: boolean;
 }

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

@@ -3,8 +3,12 @@ import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface ISortProps extends IBaseComponentProp {
     titleLocaleHandle?: string;
-    options: Array<{ nameLocaleHandle: string; value: string | number }>;
-    defaultOption: string | number;
+    options: Array<{
+        nameLocaleHandle: string;
+        value: string | number;
+    }>;
+    defaultOption?: string | number;
+    selectedKeys?: string[];
     icon: IconHandle;
     onChangeOption?(option: {
         nameLocaleHandle: string;
@@ -13,9 +17,12 @@ export interface ISortProps extends IBaseComponentProp {
     hideOnMouseOver?: boolean;
     hideOnChangeOption?: boolean;
     width?: string | number;
+    type?: "checkbox" | "default";
+    className?: string;
+    fillIcon?: string;
 }
 
 export interface ISortState {
     showSort: boolean;
-    sortValue: string | number;
+    sortValue?: string | number;
 }

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

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

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

@@ -0,0 +1,17 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITabProps<T> extends IBaseComponentProp {
+    onClickTab(tabKey: T): void;
+    tabOptions: TabOptions<T>[];
+    activeTab: T;
+}
+
+interface TabOptions<T> {
+    hasArrow?: boolean
+    tabKey: T;
+    tabLocaleHandle: string;
+    suffix?: JSX.Element;
+    prefix?: JSX.Element;
+    content?: React.ReactNode;
+    disabled?: boolean;
+}

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

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

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/terms-of-use/index.d.ts

@@ -0,0 +1 @@
+export * from './terms-of-use.interface';

package/src/components/terms-of-use/terms-of-use.interface.tsx

@@ -0,0 +1,13 @@
+import { TermsOfUseModel } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITermsOfUseProps extends IBaseComponentProp {
+    termsOfUse: TermsOfUseModel;
+    onAccepted(): void;
+    buttonLocaleTitle?: string;
+}
+
+export interface ITermsOfUseState {
+    isRead: boolean;
+    disableButton: boolean;
+}

package/src/components/terms-of-use/terms-of-use.types.d.ts

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

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

@@ -1,19 +1,19 @@
 import { IconHandle } from "../../models";
 import { IBaseComponentProp } from "../base-component.prop.interface";
+import { IScrollBoxProps } from "../scroll-box";
 
 export interface ITextFieldState {
-    disabled:boolean;
-    active:boolean;
-    hasError:boolean;
-    empty:boolean;
-    text: string;
-    errorText:string;
+    isDropdownOpen: boolean;
 }
 
-export interface ITextFieldProps extends React.InputHTMLAttributes<any>, IBaseComponentProp {
+export interface ITextFieldProps
+    extends React.InputHTMLAttributes<any>,
+        IBaseComponentProp {
     placeholderLocaleHandle?: string;
     prefixIconHandle?: IconHandle;
+    dropdownOptions?: DropdownOptions;
     suffixIconHandle?: IconHandle;
+    outSuffixIconHandle?: IconHandle;
     helperTextLocaleHandle?: string;
     errorTextLocaleHandle?: string;
     onPrefixIconPressed?: () => void;
@@ -25,4 +25,26 @@ export interface ITextFieldProps extends React.InputHTMLAttributes<any>, IBaseCo
     hasError?: boolean;
     fillPrefixIcon?: string;
     fillSuffixIcon?: string;
-}
+    fillOutSuffixIcon?: string;
+    pointerCursor?: boolean;
+    textarea?: boolean;
+}
+
+type DropdownOptions = {
+    data: {
+        labelLocaleHandle: string;
+        key: string | number;
+        classification?: string;
+    }[];
+    selectedKey?: string;
+    multipleSelect?: boolean;
+    selectedKeys?: string[];
+    onClickItem(
+        key: string | number,
+        labelLocaleHandle?: string,
+        classification?: string
+    ): void;
+    scrollBoxProps: Omit<IScrollBoxProps, "children">;
+    dataTestId: string;
+    value?: string;
+};

package/src/components/time-picker/index.d.ts

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

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

@@ -0,0 +1,15 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ITextFieldProps } from "../text-field";
+
+export interface ITimePickerProps extends IBaseComponentProp {
+    interval?: number;
+    startTime?: string;
+    endTime?: string;
+    onClickTime(hour: string, minutes: string): void;
+    timerPickerValue: string;
+    inputProps?: Omit<ITextFieldProps, "value" | "dataTestId">;
+}
+
+export interface ITimePickerState {
+    isDropDownOpen: boolean;
+}

package/src/components/time-picker/time-picker.types.d.ts

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

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/tree-date-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './tree-date-picker.interface';

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

@@ -0,0 +1,30 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ITextFieldProps } from "../text-field";
+
+export interface ITreeDatePickerProps extends IBaseComponentProp {
+    onConfirm(params: {
+        selectedDate?: Date;
+        selectedWeek?: Week;
+        selectedMonth?: Date;
+    }): void;
+    customInputOptions?: Omit<ITextFieldProps, "value">;
+    selectedDate: Date | null;
+    selectedWeek: Week | null;
+    selectedMonth: Date | null;
+}
+
+export interface ITreeDatePickerState {
+    selectedDate: Date | null;
+    selectedWeek: Week | null;
+    selectedMonth: Date | null;
+    activeTab: TabKey;
+}
+
+export type Week = {
+    from: Date;
+    until: Date;
+};
+
+export type Weeks = Week[];
+
+type TabKey = "day" | "week" | "monthly";

package/src/components/tree-date-picker/tree-date-picker.types.d.ts

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

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/constants/layout-dimensions.constants.ts

@@ -1,7 +1,7 @@
 export class LayoutDimensions {
     static width = {
-        horizontalIpadMini: 1133,
-        verticalIpadMini: 744,
-        mobile: 412,
+        horizontalIpadMini: 1199,
+        verticalIpadMini: 767,
+        mobile: 575,
     }
 }

package/src/factories/response.factory.ts

@@ -25,12 +25,12 @@ export class RobbysonResponse<T> {
 
 export class RobbysonResponseError {
     public data: ResponseStatusLogMessages[];
-    
+
     constructor(data?: RobbysonResponse<any>) {
-        if (data && this.isRobbysonError(data)) this.buildRobbysonError(data)
-        else this.buildGenericError()
+        if (data && this.isRobbysonError(data)) this.buildRobbysonError(data);
+        else this.buildGenericError();
     }
-    
+
     private buildRobbysonError(data: RobbysonResponse<any>): void {
         this.data = data.statusLog[0].messages.map((message: any) => {
             if (typeof message === "string") {
@@ -39,7 +39,7 @@ export class RobbysonResponseError {
             return message;
         });
     }
-    
+
     private buildGenericError(): void {
         this.data = [
             {
@@ -55,24 +55,29 @@ export class RobbysonResponseError {
             data.statusLog.length &&
             data.statusLog[0].messages?.length
         ) {
-            return true
+            return true;
         }
-        return false
+        return false;
     }
 }
 export class ResponseFactory implements BaseFactory {
-    private static checkResponseError<T>(response: AxiosResponse<any, any>): void {
+    private static checkResponseError<T>(
+        response: AxiosResponse<any, any>
+    ): void {
         if (response instanceof Error) throw new RobbysonResponseError();
 
         if (
             response.data.statusLog &&
             response.data.statusLog.length &&
-            response.data.statusLog[0].type !== ResponseStatusLogType.SUCCESS_RESPONSE
+            response.data.statusLog[0].type !==
+                ResponseStatusLogType.SUCCESS_RESPONSE
         )
-            throw new RobbysonResponseError(response.data as RobbysonResponse<T>);
+            throw new RobbysonResponseError(
+                response.data as RobbysonResponse<T>
+            );
     }
 
-    public static Create<T>(response: AxiosResponse<any, any>):T {
+    public static Create<T>(response: AxiosResponse<any, any>): T {
         this.checkResponseError<T>(response);
         return response.data as T;
     }

package/src/index.ts

@@ -9,10 +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/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";
@@ -26,5 +35,8 @@ export * from "./states";
 // Utils
 export * from "./utils";
 
-// Constants 
-export * from "./constants";
+// Constants
+export * from "./constants";
+
+// 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/document.model.ts

@@ -0,0 +1,27 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+
+export class DocumentModel extends BaseRepositoryModel {
+    _id: string;
+    identification: string;
+    document_id: string;
+    documentType: {
+        _id: string;
+        name: string;
+    };
+    fileUrl?: string;
+    sender: {
+        identification: string;
+        name: string;
+    };
+    createdAt?: Date;
+    publishedAt?: Date;
+    title: string;
+    text: string;
+    observation?: string;
+    viewed?: boolean;
+    viewedAt?: Date;
+    answered?: boolean;
+    answeredAt?: Date;
+    accepted?: boolean;
+    canceled?: boolean;
+}