robbyson-frontend-library 0.0.1 → 1.0.1

package/src/utils/cache-control.tsx

@@ -0,0 +1,92 @@
+import { AxiosRequestConfig } from 'axios';
+import { LOCALSTORAGE, config, createInstance } from 'localforage';
+import moment, { DurationInputArg1, DurationInputArg2 } from 'moment';
+
+export type MaxAge = [DurationInputArg1, DurationInputArg2];
+export interface CacheConfig extends AxiosRequestConfig {
+    cache?: boolean;
+    maxAge?: MaxAge;
+    delayOnCache?: number;
+    type?: string;
+};
+export type Cache = {
+    expire: string;
+    value: any
+};
+
+export class CacheControl {
+
+    private static dbInstance: LocalForage;
+
+    static getDbInstance(): LocalForage {
+        if (!CacheControl.dbInstance) {
+            config({
+                driver: LOCALSTORAGE,
+                name: 'Robbyson',
+                version: 1,
+                storeName: 'CacheControl',
+            });
+            const userAuth = JSON.parse(sessionStorage.getItem('persist:auth') || '{}').data;
+            const user = JSON.parse(userAuth || '{}');
+
+            CacheControl.dbInstance = createInstance({
+                name: `cache-${user._id.toString()}`,
+            });
+        }
+        return CacheControl.dbInstance;
+    }
+
+    static getCache(key: string): Promise<Cache> {
+        //@ts-ignore
+        return this.getDbInstance().getItem(key);
+    }
+
+    static setCache(key: string, value: any, maxAge: MaxAge, type = ''): void {
+        const now = moment();
+        const data: any = {
+            value,
+            type,
+            cratedAt: now.toDate().toISOString(),
+            expire: now
+                .add(maxAge[0], maxAge[1])
+                .toDate()
+                .toISOString(),
+        };
+        this.getDbInstance().setItem(key, data);
+    }
+
+    static async hasCache(): Promise<number> {
+        let length: number;
+        try {
+            length = await this.getDbInstance().length();
+        } catch (error) {
+            console.log(error);
+            length = 0;
+        }
+        return length;
+    }
+
+    static clearCache(): void {
+        this.getDbInstance()
+            .clear()
+            .then(() => console.log('Cache purged.'));
+    }
+
+    static clearExpiredCache(): void {
+        this.getDbInstance()
+            .iterate((value: any, key: string, _) => {
+                if (
+                    value &&
+                    moment(value.expire).isSameOrBefore(moment.now())
+                ) {
+                    this.getDbInstance().removeItem(key, () =>
+                        console.log(`Key ${key} is cleared!`),
+                    );
+                }
+            })
+            .then(() =>
+                console.log('Iteration has completed, expired cache purged.'),
+            )
+            .catch(err => err);
+    }
+}

package/src/utils/date.utils.ts

@@ -0,0 +1,74 @@
+import _ from "lodash";
+import moment from "moment";
+
+type RemainingTime = {
+    timeRemainingText: string;
+    secondsDistance: number;
+};
+
+export class DateUtils {
+    static isSameDateAsNow(date: Date): boolean {
+        return moment(date).isSame(moment(new Date()), "day");
+    }
+
+    static isPastDateAsNow(date: Date): boolean {
+        return moment(date).isBefore(moment(new Date()));
+    }
+
+    static getDateBetweenDates(start: Date, end: Date): Date[] {
+        const clonedStart = _.cloneDeep(start);
+
+        if (
+            !start ||
+            !end ||
+            !(start instanceof Date) ||
+            !(end instanceof Date)
+        ) {
+            throw new Error("Invalid date");
+        }
+
+        const dates = [];
+        let currentDate = clonedStart;
+
+        while (currentDate <= end) {
+            dates.push(new Date(currentDate));
+            currentDate.setDate(currentDate.getDate() + 1);
+        }
+
+        return dates;
+    }
+
+    static getRemainingTimeFromNow(
+        compareDate: Date,
+        complementaryText: string
+    ): RemainingTime {
+        if (!compareDate)
+            return {
+                secondsDistance: 0,
+                timeRemainingText: "",
+            };
+
+        function formatTime(time: number, length = 2): string {
+            return time.toString().padStart(length, "0");
+        }
+
+        const diff = moment(compareDate).diff(moment(), "seconds");
+
+        const days = formatTime(Math.floor(diff / (60 * 60 * 24)), 3);
+        const hours = formatTime(
+            Math.floor((diff % (60 * 60 * 24)) / (60 * 60))
+        );
+        const minutes = formatTime(Math.floor((diff % (60 * 60)) / 60));
+        const seconds = formatTime(Math.floor(diff % 60));
+
+        const text =
+            diff < 0
+                ? `000 ${complementaryText} 00:00:00`
+                : `${days} ${complementaryText} ${hours}:${minutes}:${seconds}`;
+
+        return {
+            timeRemainingText: text,
+            secondsDistance: diff,
+        };
+    }
+}

package/src/utils/index.ts

@@ -0,0 +1,8 @@
+export * from './build-error/buildError.util.interface';
+export * from './build-error/buildError.util';
+export * from './query-params'
+export * from './cache-control'
+export * from "./robbyson-navigate";
+export * from "./layout.utils";
+export * from "./date.utils";
+export * from "./timer.utils";

package/src/utils/layout.utils.ts

@@ -0,0 +1,7 @@
+import { LayoutDimensions } from "../constants";
+
+export class LayoutUtils {
+    static isMobile(): boolean {
+        return window.innerWidth <= LayoutDimensions.width.horizontalIpadMini;
+    }
+}

package/src/utils/query-params/index.ts

@@ -0,0 +1,38 @@
+export class QueryParams {
+    public static set(
+        filter?: {},
+        sort?: {},
+        projection?: {},
+        limit?: number | string,
+        skip?: number | string
+    ): string {
+        let queryParams = "";
+        if (filter && Object.keys(filter).length) {
+            for (const [key, value] of Object.entries(filter)) {
+                queryParams = queryParams + `&$filter.${key}=${value}`;
+            }
+        }
+
+        if (sort && Object.keys(sort).length) {
+            for (const [key, value] of Object.entries(sort)) {
+                queryParams = queryParams + `&$sort=${value}${key}`;
+            }
+        }
+
+        if (projection && Object.keys(projection).length) {
+            for (const [key, value] of Object.entries(projection)) {
+                queryParams = queryParams + `&$fields=${value}${key}`;
+            }
+        }
+
+        if (limit) {
+            queryParams = queryParams + `&$limit=${limit}`;
+        }
+
+        if (skip) {
+            queryParams = queryParams + `&$skip=${skip}`;
+        }
+
+        return queryParams;
+    }
+}

package/src/utils/robbyson-navigate.ts

@@ -0,0 +1,119 @@
+import { GlobalStore, IGlobalStore } from "redux-micro-frontend";
+import { IPlatformState } from "../states";
+import { To } from "history";
+import queryString from "query-string";
+
+export class RobbysonNavigate {
+    private static _globalStore: IGlobalStore;
+    private static _globalState: IPlatformState;
+
+    static to(url: string) {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+
+        const { history } = RobbysonNavigate._globalState.Global.RootApp;
+
+        // TODO: Usar a LIB PATH para concatenar a URL
+        history.push(`/operacao${url}`);
+    }
+    static go(delta: number) {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+
+        const { history } = RobbysonNavigate._globalState.Global.RootApp;
+
+        history.go(delta);
+    }
+    static back() {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+
+        const { history } = RobbysonNavigate._globalState.Global.RootApp;
+
+        history.back();
+    }
+
+    static replace(replace: To, state?: any) {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+
+        const { history } = RobbysonNavigate._globalState.Global.RootApp;
+
+        history.replace(replace, state);
+    }
+
+    static getRouteId(): string {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+
+        const { history } = RobbysonNavigate._globalState.Global.RootApp;
+
+        const routeParams = history.location.pathname.split("/");
+        const id = routeParams[routeParams.length - 1];
+
+        return id;
+    }
+
+    static getPathname(): string {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+
+        const { history } = RobbysonNavigate._globalState.Global.RootApp;
+
+        return history.location.pathname;
+    }
+
+    static matchPath(path: string): boolean {
+        return RobbysonNavigate.getPathname().includes(path)
+    }
+
+    static getQueryParams<T>(): T {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+
+        const { history } = RobbysonNavigate._globalState.Global.RootApp;
+
+        
+        return queryString.parse(history.location.search, {
+            sort: false,
+        }) as T;
+    }
+
+    static setQueryParams(key: string | string[], value: string | number | (string|number)[]): void {
+        const queryString = new URLSearchParams(
+            RobbysonNavigate.getQueryParams<URLSearchParams>()
+        );
+
+        if (Array.isArray(key) && Array.isArray(value)) {
+            key.forEach((k, index) => {
+                queryString.set(k, value[index].toString());
+            });
+        } else {
+            queryString.set(key as string, value as string);
+        }
+
+
+        RobbysonNavigate.replace({
+            search: queryString.toString(),
+        });
+    }
+
+    static removeQueryParams(key: string): void {
+        const queryString = new URLSearchParams(
+            RobbysonNavigate.getQueryParams<URLSearchParams>()
+        );
+
+        queryString.delete(key);
+
+        RobbysonNavigate.replace({
+            search: queryString.toString(),
+        });
+    }
+}

package/src/utils/timer.utils.ts

@@ -0,0 +1,19 @@
+export class TimerUtils {
+    static delay(time: number): Promise<unknown> {
+        return new Promise((resolve) =>
+            setTimeout(() => resolve(undefined), time)
+        );
+    }
+
+    static stopwatch = (function SetInterval() {
+        let interval: number | undefined;
+        return () => ({
+            initInterval(func: TimerHandler, time: number) {
+                interval = setInterval(func, time);
+            },
+            clearInterval() {
+                clearInterval(interval);
+            },
+        });
+    })();
+}

package/tsconfig.json

@@ -21,7 +21,10 @@
         "noEmit": false,
         "strictPropertyInitialization": false,
         "outDir": "./dist",
-        "jsx": "react"
+        "jsx": "react",
+        "paths": {
+            "react": ["./node_modules/@types/react"]
+        }
     },
     "include": [
         "src",

package/src/components/assets/assets.interfaces.tsx

@@ -1,3 +0,0 @@
-export interface AssetsProps<T> extends React.DOMAttributes<T> {
-
-}

package/src/components/basic-button/basic-button.interface.tsx

@@ -1,7 +0,0 @@
-export interface BasicButtonProps<T> extends React.DOMAttributes<T> {
-    iconAlign?: string;
-    text?: string;
-    hasIcon?: Boolean;
-    iconHandle?: string;
-    textlocaleHandle?: string;
-}

package/src/components/colors/colors.interfaces.tsx

@@ -1,3 +0,0 @@
-export interface ColorsProps<T> extends React.DOMAttributes<T> {
-
-}

package/src/components/floating-label-text-input/floating-label-text-input.interface.tsx

@@ -1,9 +0,0 @@
-export interface FloatingLabelTextInputProps<T> extends React.InputHTMLAttributes<T> {
-    type?: string;
-    className?: string;
-    id?: string;
-    placeholderLocaleHandle?: string;
-    placeholderText?: string;
-    labelLocaleHandle?: string;
-    labelText?: string;
-}

package/src/components/floating-label-text-input/floating-label-text-input.types.d.ts

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

package/src/components/floating-label-text-input/index.d.ts

@@ -1 +0,0 @@
-export * from './floating-label-text-input.interface';

package/src/components/index.tsx

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

package/src/components/typography/typography.interfaces.tsx

@@ -1,3 +0,0 @@
-export interface TypographyProps<T> extends React.DOMAttributes<T> {
-
-}

package/src/index.tsx

@@ -1,6 +0,0 @@
-export * from './ioc';
-
-export * from './models/theme-base';
-export * from './models/user-session.model';
-
-export * from './components';

package/src/models/theme-base.tsx

@@ -1,160 +0,0 @@
-
-class ThemeBaseColors {
-    primary1: string;
-    primary2: string;
-    secondary1: string;
-    secondary2: string;
-    secondary3: string;
-    brand1: string;
-    brand2: string;
-    hover1: string;
-    solidBackground: string;
-    gradientBackground: string;
-    levels: {
-        shade100: string,
-        shade75: string,
-        shade50: string,
-        shade25: string,
-        radialGradient: string;
-    }[];
-    neutral90: string;
-    neutral80: string;
-    neutral70: string;
-    neutral60: string;
-    neutral50: string;
-    neutral40: string;
-    neutral30: string;
-    neutral20: string;
-    neutral10: string;
-    neutral0: string;
-    successes: {
-        text: string,
-        hover: string,
-        dark: string,
-        default: string,
-        light: string,
-        background: string
-    };
-    errors: {
-        text: string,
-        hover: string,
-        dark: string,
-        default: string,
-        light: string,
-        background: string
-    };
-    warnings: {
-        text: string,
-        hover: string,
-        dark: string,
-        default: string,
-        light: string,
-        background: string
-    };
-    itemsTags: {
-        experience: {
-            text: string,
-            background: string
-        },
-        physical: {
-            text: string,
-            background: string
-        },
-        auction: {
-            text: string,
-            background: string
-        },
-        raffle: {
-            text: string,
-            background: string
-        },
-        crowdfunding: {
-            text: string,
-            background: string
-        },
-        voucher: {
-            text: string,
-            background: string
-        }
-    };
-    complementary: {
-        agendaReminder: string;
-    };
-
-}
-
-class ThemeBaseRect {
-    top: string;
-    right: string;
-    bottom: string;
-    left: string;
-}
-
-class ThemeTypography {
-    fontFamily: string; // font-family
-    size: string; // size
-    textTransform: string; //text-transform
-    letterSpacing: string; //letter-spacing
-    lineHeight: string; //lineHeight
-}
-
-class ThemeAssets {
-    src: string;
-    width: string;
-    height: string;
-}
-
-export class ThemeBase {
-    colors: ThemeBaseColors;
-    fonts: {
-        fontFamily: string; // font-family
-        fontWeight: string; // font-weight
-        fontStyle: string; // font-style
-        src: string; // src  
-    }[];
-    typography: {
-        h1: ThemeTypography,
-        h2: ThemeTypography,
-        h3: ThemeTypography,
-        h4: ThemeTypography,
-        h5: ThemeTypography,
-        h6: ThemeTypography,
-        subtitle1: ThemeTypography,
-        subtitle2: ThemeTypography,
-        body1Medium: ThemeTypography,
-        body1Book: ThemeTypography,
-        body1BookItalic: ThemeTypography,
-        body1Link: ThemeTypography,
-        body2Medium: ThemeTypography,
-        body2Book: ThemeTypography,
-        buttonMedium: ThemeTypography,
-        chip: ThemeTypography,
-        overline: ThemeTypography,
-        small: ThemeTypography,
-        toolTip: ThemeTypography,
-    };
-    assets: {
-        logoText: ThemeAssets;
-        logoComplete: ThemeAssets;
-        logoIcon: ThemeAssets;
-        logoTextNegative: ThemeAssets;
-        logoCompleteNegative: ThemeAssets;
-        logoIconNegative: ThemeAssets;
-        backgroundLogo: ThemeAssets;
-        logoMobile: ThemeAssets;
-    };
-
-    constructor() {
-        this.colors = new ThemeBaseColors();
-        this.assets = {
-            logoText: new ThemeAssets(),
-            logoComplete: new ThemeAssets(),
-            logoIcon: new ThemeAssets(),
-            logoTextNegative: new ThemeAssets(),
-            logoCompleteNegative: new ThemeAssets(),
-            logoIconNegative: new ThemeAssets(),
-            backgroundLogo: new ThemeAssets(),
-            logoMobile: new ThemeAssets()
-        };
-    }
-};

package/src/repositories/authentication.repository.interface.tsx

@@ -1,17 +0,0 @@
-import { UserSessionModel } from "../models/user-session.model";
-
-export interface IAuthenticationRepository {
-    auth(
-        {
-            login,
-            password,
-            system_id,
-            reCaptcha
-        }: {
-            login: string;
-            password: string;
-            system_id: number;
-            reCaptcha: string;
-        }
-    ): Promise<UserSessionModel>;
-}

package/src/services/authentication.service.interface.tsx

@@ -1,19 +0,0 @@
-import { UserSessionModel } from "../models/user-session.model";
-
-export interface IAuthenticationService {
-    auth({
-        login,
-        password,
-        system_id,
-        reCaptcha
-    }: {
-        login: string;
-        password: string;
-        system_id: number;
-        reCaptcha: string;
-    }): Promise<UserSessionModel>;
-
-    getLoggedUser(): UserSessionModel;
-    checkSession(): Promise<boolean>;
-    clearSession(): void;
-}

package/src/services/theme.service.interface.tsx

@@ -1,3 +0,0 @@
-export interface IThemeService {
-    setApplicationTheme(contractorId?: number): Promise<Boolean>;
-}