robbyson-frontend-library 0.0.1

package/index.d.ts

@@ -0,0 +1,11 @@
+export * from './src/repositories/';
+export * from './src/services/';
+export * from './src/models';
+export * from "./src/index";
+export * from "./src/components/";
+
+export * from "./src/components/basic-button";
+export * from "./src/components/floating-label-text-input";
+export * from "./src/components/colors";
+export * from "./src/components/typography";
+export * from "./src/components/assets";

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "robbyson-frontend-library",
+  "version": "0.0.1",
+  "description": "Robbyson frontend Library",
+  "main": "./dist/index.js",
+  "license": "MIT",
+  "author": {
+    "name": "Robbyson Systems S/A",
+    "email": "contact@robbyson.com",
+    "url": "https://www.robbyson.com"
+  },
+  "scripts": {
+    "watch": "yarn clean && tsc -w",
+    "build:dev": "yarn clean && tsc --build",
+    "build:prod": "yarn clean && tsc",
+    "clean": "rm -rf dist"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.27",
+    "typescript": "^4.9.5"
+  },
+  "dependencies": {
+    "react": "^18.2.0"
+  }
+}

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

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

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

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

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

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

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

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

package/src/components/basic-button/basic-button.types.d.ts

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

package/src/components/basic-button/index.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,7 @@
+///<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

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

package/src/components/index.tsx

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

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

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

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

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

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

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

package/src/index.tsx

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

package/src/ioc.ts

@@ -0,0 +1,18 @@
+export class IoC {
+
+    private static _registed: { identifier: string, instance: any }[] = [];
+
+    public static GetInstance<T>(instanceIdentifier: string): T {
+        var implementation: any;
+        IoC._registed.forEach((registeredInstance) => {
+            if (registeredInstance.identifier === instanceIdentifier)
+                implementation = registeredInstance.instance as T;
+        });
+
+        return implementation as T;
+    }
+
+    public static Register(instanceIdentifier: string, instance: any) {
+        IoC._registed.push({ identifier: instanceIdentifier, instance });
+    }
+}

package/src/models/base.repository.model.tsx

@@ -0,0 +1,3 @@
+export class BaseRepositoryModel {
+
+}

package/src/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './user-session.model'
+export * from './theme-base'

package/src/models/theme-base.tsx

@@ -0,0 +1,160 @@
+
+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/models/user-session.model.tsx

@@ -0,0 +1,101 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+
+export class UserSessionModel extends BaseRepositoryModel {
+    _id: number;
+    name: string;
+    identification: string;
+    externalKey: string;
+    RobbysonUserId: number;
+    primaryAttribute: {
+        attribute: {
+            _id: string,
+            primary: boolean
+        },
+        _id: string,
+        active: boolean
+    };
+    passwordUpdatedAt: Date;
+    hierarchy: {
+        hierarchyLevel: {
+            _id: string,
+            name: string,
+            weight: number,
+            permission: {
+                application: {
+                    _id: number,
+                    description: string
+                },
+                _id: string,
+                send?: boolean,
+                receive?: boolean
+            }[]
+        },
+        parents: string[];
+        _id: string;
+        date: Date;
+        identification: string,
+        attributes:
+        {
+            attribute: {
+                _id: string,
+                primary: boolean
+            },
+            _id: string,
+            active: boolean
+        }[],
+        name: string
+    };
+    nickname: string;
+    about: string;
+    contractor: { // @TODO: this field is not completed filled as ClienteRobbyson and both needs to be the same, fix it at service-authentication
+        _id: number,
+        active: boolean,
+        closingDay: number,
+        coins_indicator_id: number,
+        enableEAD: boolean,
+        enableHumor: boolean,
+        enableRobbysonCorporateApp: boolean,
+        enableMeetings: boolean,
+        locale: {
+            identifier: string,
+            name: string
+        },
+        minDaysToEarnCoins: number,
+        name: string,
+        timezone: string,
+        usesAccessControl: boolean,
+        usesCustomClosingDay: boolean,
+        usesExternalAuthentication: boolean,
+        passwordLength?: number,
+        passwordExpirationDays?: number,
+        usesSpeedTest: boolean,
+        sessionTime?: boolean
+    };
+    ClienteRobbyson: { // @TODO: Merge it with contractor
+        IdIndicadorTaxaAcesso: number,
+        IdIndicadorHumorToPraBaixo: number,
+        IdIndicadorHumorToDeBoa: number,
+        IdIndicadorHumorTopDeMais: number,
+        IdClassificacaoMensagemPrivada: number,
+        usesRobbysonAuthentication: boolean,
+        externalAuth?: boolean,
+        usesCustomClosingDay: boolean,
+        idAngelFriendClassification: number,
+        enableGuidance: boolean,
+        treeVisualizationMonths: number,
+        embeddedThirdPartyRv: boolean,
+        chatSendFiles: boolean,
+        chatMaxSizeFile?: number
+    };
+    UsuarioAceitouTermoUsoAtual: boolean;
+    isAcceptedLastUseTerm: boolean;
+    UsuarioJaLogou: boolean;
+    firstAccess: boolean;
+    forceAvatarDisplay?: boolean;
+    Admin: boolean;
+    Operation: boolean;
+    login: string;
+    system_id: number;
+    mirror: boolean;
+    SessionKey: string;
+}

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

@@ -0,0 +1,17 @@
+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/repositories/index.d.ts

@@ -0,0 +1,3 @@
+export * from './authentication.repository.interface';
+export * from './locale.repository.interface';
+export * from './theme.repository.interface';

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

@@ -0,0 +1,4 @@
+export interface ILocaleRepository {
+    getByContractor(contractorId: number, languageIdentifier: string): Promise<any>;
+    getByHeader(): Promise<any>;
+}

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

@@ -0,0 +1,5 @@
+import { ThemeBase } from "../models/theme-base";
+
+export interface IThemeRepository {
+    getContractorTheme(contractorId: number): Promise<ThemeBase>;
+}

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

@@ -0,0 +1,19 @@
+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/index.d.ts

@@ -0,0 +1,3 @@
+export * from './authentication.service.interface';
+export * from './locale.service.interface';
+export * from './theme.service.interface';

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

@@ -0,0 +1,4 @@
+export interface ILocaleService {
+    setApplicationLocale(contractorId?: number, languageIdentifier?: string): Promise<Boolean>;
+    getLocaleByHandle(handle: string): string
+}

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

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

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+    "compilerOptions": {
+        "target": "es5",
+        "lib": [
+            "dom",
+            "dom.iterable",
+            "esnext"
+        ],
+        "baseUrl": "./",
+        "allowJs": true,
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "noFallthroughCasesInSwitch": true,
+        "module": "esnext",
+        "moduleResolution": "node",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": false,
+        "strictPropertyInitialization": false,
+        "outDir": "./dist",
+        "jsx": "react"
+    },
+    "include": [
+        "src",
+        "index.d.ts"
+    ]
+}