robbyson-frontend-library 0.0.1 → 1.0.1

package/src/components/spin-edit/spin-edit.types.d.ts

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

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

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

package/src/components/switch/switch.interface.ts

@@ -0,0 +1,7 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ISwitchProps<T> extends React.InputHTMLAttributes<T>, IBaseComponentProp {
+    labelLocaleHandle?: string;
+    infoTextLocaleHandle?: string;
+    id: string;
+}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITagExpandProps<T> extends IBaseComponentProp {
+  iconHandle: IconHandle;
+  maxWidth: number;
+  text?: string;
+  textLocaleHandle?: string;
+  bg?: string
+}

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

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

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

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

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

@@ -0,0 +1,50 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { IScrollBoxProps } from "../scroll-box";
+
+export interface ITextFieldState {
+    isDropdownOpen: boolean;
+}
+
+export interface ITextFieldProps
+    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;
+}
+
+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/text-field/text-field.types.d.ts

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

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/timer/index.d.ts

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

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

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

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

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

package/src/components/toggle-icon-button/index.d.ts

@@ -0,0 +1 @@
+export * from './toggle-icon-button.interface';

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

@@ -0,0 +1,13 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { IconHandle } from "../../models";
+
+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,
+}

package/src/components/toggle-icon-button/toggle-icon-button.types.d.ts

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

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

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

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

@@ -0,0 +1,28 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export type TooltipPosition = "top" | "bottom";
+
+export interface ITooltipProps extends IBaseComponentProp {
+    textLocaleHandle: string;
+    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 {
+    startDirection?: TooltipPosition;
+}

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

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

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

@@ -0,0 +1 @@
+export * from './transitions.interfaces';

package/src/components/transitions/transitions.interfaces.ts

@@ -0,0 +1,5 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITransitionsProps<T> extends React.DOMAttributes<T>, IBaseComponentProp {
+
+}

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

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

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/typography/typography.interfaces.ts

@@ -0,0 +1,5 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITypographyProps<T> extends React.DOMAttributes<T>, IBaseComponentProp {
+
+}

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

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

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

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

package/src/components/upload/upload.interface.ts

@@ -0,0 +1,20 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IUploadProps<T> extends React.InputHTMLAttributes<T>, IBaseComponentProp {
+    onFileChange(e: Array<INewFile>): void;
+    uploadTextLocale:string;
+    uploadHoverTextLocale:string;
+    allowedOnly?: string[];
+    uploadIconHandle?: IconHandle;
+    iconSize?:number;
+    variant: 'simple' | 'covered' | 'file-list'
+}
+
+export interface IUploadState<T> {
+    fileList: Array<any>;
+}
+
+export interface INewFile extends File {
+    src: string;
+}

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

@@ -0,0 +1,7 @@
+///<reference types="react" />
+
+declare module 'styleguide/Upload' {
+    const Upload: React.ComponentType<IUploadProps<any>>;
+
+    export default Upload;
+}

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/index.ts

@@ -0,0 +1 @@
+export * from "./layout-dimensions.constants";

package/src/constants/layout-dimensions.constants.ts

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

package/src/factories/base.factory.ts

@@ -0,0 +1 @@
+export abstract class BaseFactory {}

package/src/factories/index.ts

@@ -0,0 +1,2 @@
+export * from './response.factory';
+export * from './query-params.factory';

package/src/factories/query-params.factory.ts

@@ -0,0 +1,82 @@
+import { BaseFactory } from "./base.factory";
+import { RobbysonNavigate } from "../utils";
+
+export class QueryParamsFactory implements BaseFactory {
+    private static checkDefaultValues(
+        validValues: {},
+        defaultValues: {}
+    ): void {
+        // Verifica se os parâmetros validados possuem um valor padrão
+        for (const [key, value] of Object.entries(validValues || [])) {
+            if (!defaultValues.hasOwnProperty(key))
+                throw `The "${key}" query parameter does not have a default value.`;
+        }
+    }
+
+    public static validate<T>(validValues: {}, defaultValues: {}): void {
+        const queryParams = RobbysonNavigate.getQueryParams<T>();
+
+        this.checkDefaultValues(validValues, defaultValues);
+
+        // Transforma a variável 'queryParams' em um objeto
+        if (Object.prototype.toString.call(queryParams) === "[object Object]") {
+            const queryParamsCopy = Object(queryParams);
+
+            for (const [queryParamsKey, queryParamsValue] of Object.entries(
+                queryParamsCopy
+            )!) {
+                for (const [key, value] of Object.entries(validValues)) {
+                    // Verifica se o parâmetro da URL é o mesmo parâmetro da validação que está sendo iterado
+                    if (queryParamsKey === key) {
+                        
+                        // Caso os valores permitidos para esse parâmetro estejam em um objeto, será convertido para um array
+                        if (value instanceof Object) {
+                            let validValuesToArray = [];
+                            for (const [
+                                objectKey,
+                                objectValue,
+                            ] of Object.entries(value)) {
+                                validValuesToArray.push(String(objectValue));
+                            }
+                            // Caso o valor do parâmetro atual que está na url não seja um valor válido, o valor padrão será definido
+                            if (
+                                !validValuesToArray.includes(
+                                    String(queryParamsValue)
+                                )
+                            ) {
+                                RobbysonNavigate.setQueryParams(
+                                    queryParamsKey,
+                                    defaultValues[
+                                        String(
+                                            queryParamsKey
+                                        ) as keyof typeof defaultValues
+                                    ]
+                                );
+                            }
+                        } else if (value instanceof Array) {
+                            if (!value.includes(String(queryParamsValue)))
+                                RobbysonNavigate.setQueryParams(
+                                    queryParamsKey,
+                                    defaultValues[
+                                        String(
+                                            queryParamsKey
+                                        ) as keyof typeof defaultValues
+                                    ]
+                                );
+                        } else if (value instanceof String || value instanceof Number) {
+                            if (String(value) !== String(queryParamsValue))
+                                RobbysonNavigate.setQueryParams(
+                                    queryParamsKey,
+                                    defaultValues[
+                                        String(
+                                            queryParamsKey
+                                        ) as keyof typeof defaultValues
+                                    ]
+                                );
+                        }
+                    }
+                }
+            }
+        }
+    }
+}