robbyson-frontend-library 0.0.1 → 1.0.0

package/dist/utils/query-params/index.js

@@ -0,0 +1,34 @@
+var QueryParams = /** @class */ (function () {
+    function QueryParams() {
+    }
+    QueryParams.set = function (filter, sort, projection, limit, skip) {
+        var queryParams = "";
+        if (filter && Object.keys(filter).length) {
+            for (var _i = 0, _a = Object.entries(filter); _i < _a.length; _i++) {
+                var _b = _a[_i], key = _b[0], value = _b[1];
+                queryParams = queryParams + "&$filter.".concat(key, "=").concat(value);
+            }
+        }
+        if (sort && Object.keys(sort).length) {
+            for (var _c = 0, _d = Object.entries(sort); _c < _d.length; _c++) {
+                var _e = _d[_c], key = _e[0], value = _e[1];
+                queryParams = queryParams + "&$sort=".concat(value).concat(key);
+            }
+        }
+        if (projection && Object.keys(projection).length) {
+            for (var _f = 0, _g = Object.entries(projection); _f < _g.length; _f++) {
+                var _h = _g[_f], key = _h[0], value = _h[1];
+                queryParams = queryParams + "&$fields=".concat(value).concat(key);
+            }
+        }
+        if (limit) {
+            queryParams = queryParams + "&$limit=".concat(limit);
+        }
+        if (skip) {
+            queryParams = queryParams + "&$skip=".concat(skip);
+        }
+        return queryParams;
+    };
+    return QueryParams;
+}());
+export { QueryParams };

package/dist/utils/robbyson-navigate.js

@@ -0,0 +1,86 @@
+import { GlobalStore } from "redux-micro-frontend";
+import queryString from "query-string";
+var RobbysonNavigate = /** @class */ (function () {
+    function RobbysonNavigate() {
+    }
+    RobbysonNavigate.to = function (url) {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+        var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        // TODO: Usar a LIB PATH para concatenar a URL
+        history.push("/operacao".concat(url));
+    };
+    RobbysonNavigate.go = function (delta) {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+        var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        history.go(delta);
+    };
+    RobbysonNavigate.back = function () {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+        var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        history.back();
+    };
+    RobbysonNavigate.replace = function (replace, state) {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+        var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        history.replace(replace, state);
+    };
+    RobbysonNavigate.getRouteId = function () {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+        var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        var routeParams = history.location.pathname.split("/");
+        var id = routeParams[routeParams.length - 1];
+        return id;
+    };
+    RobbysonNavigate.getPathname = function () {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+        var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        return history.location.pathname;
+    };
+    RobbysonNavigate.matchPath = function (path) {
+        return RobbysonNavigate.getPathname().includes(path);
+    };
+    RobbysonNavigate.getQueryParams = function () {
+        RobbysonNavigate._globalStore = GlobalStore.Get();
+        RobbysonNavigate._globalState =
+            RobbysonNavigate._globalStore.GetGlobalState();
+        var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        return queryString.parse(history.location.search, {
+            sort: false,
+        });
+    };
+    RobbysonNavigate.setQueryParams = function (key, value) {
+        var queryString = new URLSearchParams(RobbysonNavigate.getQueryParams());
+        if (Array.isArray(key) && Array.isArray(value)) {
+            key.forEach(function (k, index) {
+                queryString.set(k, value[index].toString());
+            });
+        }
+        else {
+            queryString.set(key, value);
+        }
+        RobbysonNavigate.replace({
+            search: queryString.toString(),
+        });
+    };
+    RobbysonNavigate.removeQueryParams = function (key) {
+        var queryString = new URLSearchParams(RobbysonNavigate.getQueryParams());
+        queryString.delete(key);
+        RobbysonNavigate.replace({
+            search: queryString.toString(),
+        });
+    };
+    return RobbysonNavigate;
+}());
+export { RobbysonNavigate };

package/dist/utils/timer.utils.js

@@ -0,0 +1,22 @@
+var TimerUtils = /** @class */ (function () {
+    function TimerUtils() {
+    }
+    TimerUtils.delay = function (time) {
+        return new Promise(function (resolve) {
+            return setTimeout(function () { return resolve(undefined); }, time);
+        });
+    };
+    TimerUtils.stopwatch = (function SetInterval() {
+        var interval;
+        return function () { return ({
+            initInterval: function (func, time) {
+                interval = setInterval(func, time);
+            },
+            clearInterval: function () {
+                clearInterval(interval);
+            },
+        }); };
+    })();
+    return TimerUtils;
+}());
+export { TimerUtils };

package/importComponents.js

@@ -0,0 +1,113 @@
+var fs = require('fs');
+const { exit, argv } = require('process');
+var util = require('util')
+
+if (!process.argv[2]) process.exit();
+var microFrontEnd = process.argv[2].split('/').at(-1)
+var pathToCreateFiles = `../${microFrontEnd}/src/components/remote-components`
+var pathToCreateOrAddExports = `${pathToCreateFiles}/index.tsx`
+
+if (process.argv[3] && process.argv[3] != 'explicit') { 
+    console.log('    Error: Invalid parameter')
+    process.exit();
+}
+
+var componentsFilePath = process.argv[3] ? `../${microFrontEnd}/components.txt` : undefined
+var componentsPath = '../styleguide/src/components'
+
+var components = undefined
+
+const getComponents = (c) => {
+    if (c.includes('\n')) c = c.split('\n')
+    else if (c.includes(',')) c = c.split(',')
+    else c = c.split()
+    c.sort()
+    c.map((e, index) => c[index] = e.trim())
+    return c
+}
+
+const getAllComponents = async () => {
+    const readDir = util.promisify(fs.readdir);
+    let data = await readDir(componentsPath)
+    return getCorrectComponents(data)
+}
+
+const getCorrectComponents = (c) => {
+    let data = []
+    c.map(e => {
+        if (!e.includes('.')) data.push(e)
+    })
+    return data
+}
+
+const getIndexUpperCase = (text) => {
+    let indexes = [];
+    for (let x = 0; x < text.length; x++) {
+        if (text[x].match(/[A-Z]/) != null) {
+            indexes.push(x);
+        }
+    }
+    return indexes
+}
+
+const formatPascalCaseFileName = (text, indexes) => {
+    let formatedFileName = ''
+    indexes.map((p, index) => {
+        if (index != 0) formatedFileName += '-'
+        if (index != indexes.length - 1) formatedFileName += text.slice(p, indexes[index + 1]).toLowerCase()
+        if (index == indexes.length - 1) formatedFileName += text.slice(p).toLowerCase()
+    })
+    return formatedFileName
+}
+
+const formatKebabCaseComponentName = (text) => {
+    let formatedComponentName = ''
+    formatedComponentName = text.toLowerCase().split('-')
+    formatedComponentName.map((n, index) => formatedComponentName[index] = n[0].toUpperCase() + n.substr(1))
+    formatedComponentName = formatedComponentName.join('')
+    return formatedComponentName
+}
+
+const writeFile = (c) => {
+    
+
+    c.map((e, index) => {
+        let formatedFileName = e
+        let formatedComponentName = undefined
+
+        let pascalCaseIndexes = getIndexUpperCase(e)
+        if (pascalCaseIndexes.length) formatedFileName = formatPascalCaseFileName(e, pascalCaseIndexes)
+
+        if (e.includes('-')) formatedComponentName = formatKebabCaseComponentName(e)
+        else formatedComponentName = e[0].toUpperCase() + e.substr(1)
+
+        let text = `///<reference types="react" />\n///<reference types="robbyson-frontend-library" />\n\n\ndeclare module 'styleguide/${formatedComponentName}' {\n\n    import { I${formatedComponentName}Props } from "robbyson-frontend-library";\n\n    const ${formatedComponentName}: React.ComponentType<I${formatedComponentName}Props<any>>;\n\n    export default ${formatedComponentName};\n}`
+
+        if (fs.existsSync(pathToCreateFiles)) fs.writeFile(`${pathToCreateFiles}/${formatedFileName}.types.d.ts`, text, () => { })
+        else { 
+            fs.mkdir(pathToCreateFiles, {}, () => {
+                fs.writeFile(`${pathToCreateFiles}/${formatedFileName}.types.d.ts`, text, () => { })
+            })
+        }
+
+        let exportText = `\nexport const ${formatedComponentName} = React.lazy(() => import('styleguide/${formatedComponentName}'));`
+        let exportTextAux = ''
+        exportTextAux = index == 0 ? `import React from 'react';\n` + exportText : exportText
+        if (!fs.existsSync(pathToCreateOrAddExports)) fs.writeFile(pathToCreateOrAddExports, exportTextAux, () => { })
+        else fs.appendFile(pathToCreateOrAddExports, exportText, () => { })
+    })
+    return ''
+}
+
+
+if (componentsFilePath) {
+    fs.readFile(`${componentsFilePath}`, 'utf-8', (e, d) => {
+        components = getComponents(d)
+        writeFile(components)
+    })
+} else {
+    getAllComponents().then(data => {
+        components = data
+        writeFile(components)
+    })
+}

package/index.d.ts

@@ -1,11 +1,70 @@
-export * from './src/repositories/';
-export * from './src/services/';
-export * from './src/models';
 export * from "./src/index";
+export * from "./src/models";
+export * from "./src/factories";
+export * from "./src/repositories/";
+export * from "./src/services/";
+export * from "./src/utils";
+export * from "./src/constants";
 export * from "./src/components/";
-
+export * from "./src/components/assets";
+export * from "./src/components/badge";
 export * from "./src/components/basic-button";
-export * from "./src/components/floating-label-text-input";
 export * from "./src/components/colors";
+export * from "./src/components/checkbox";
+export * from "./src/components/divider";
+export * from "./src/components/context-menu";
+export * from "./src/components/speed-dial";
+export * from "./src/components/icon-button";
+export * from "./src/components/mood-button";
+export * from "./src/components/profile-image";
+export * from "./src/components/progress-bar";
+export * from "./src/components/progress-tracker";
+export * from "./src/components/radio-button";
+export * from "./src/components/search-input";
+export * from "./src/components/spin-edit";
+export * from "./src/components/switch";
+export * from "./src/components/tag-expand";
+export * from "./src/components/text-field";
+export * from "./src/components/tooltip";
+export * from "./src/components/transitions";
 export * from "./src/components/typography";
-export * from "./src/components/assets";
+export * from "./src/components/primary-tag";
+export * from "./src/components/tag";
+export * from "./src/components/timer";
+export * from "./src/components/sidebar";
+export * from "./src/components/toggle-icon-button";
+export * from "./src/components/scroll-box";
+export * from "./src/components/select";
+export * from "./src/components/accordion";
+export * from "./src/components/image-progress-graph";
+export * from "./src/components/modal";
+export * from "./src/components/pagination";
+export * from "./src/components/upload";
+export * from "./src/components/balloon";
+export * from "./src/components/pdf-viewer";
+export * from "./src/components/toggle-icon-button";
+export * from "./src/components/terms-of-use";
+export * from "./src/components/overlay";
+export * from "./src/components/header-context-menu";
+export * from "./src/components/sort";
+export * from "./src/components/drawer";
+export * from "./src/components/loading";
+export * from "./src/components/date-picker";
+export * from "./src/components/range-date-picker";
+export * from "./src/components/tree-date-picker";
+export * from "./src/components/tab";
+export * from "./src/components/filter";
+export * from "./src/components/time-picker";
+export * from "./src/components/circular-indicator-goal";
+export * from "./src/components/circular-general-level";
+export * from "./src/components/text-area";
+export * from "./src/components/result-chart";
+export * from "./src/components/insight-chart";
+export * from "./src/components/mountain-chart";
+export * from "./src/components/daily-chart";
+export * from "./src/components/weekly-chart";
+export * from "./src/components/circular-indicator-goal";
+export * from "./src/components/circular-general-level";
+export * from "./src/components/text-area";
+export * from "./src/components/dropdown";
+export * from "./src/components/circular-progress";

package/package.json

@@ -1,25 +1,43 @@
 {
-  "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"
-  }
+    "name": "robbyson-frontend-library",
+    "version": "1.0.0",
+    "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",
+        "import-components": "node importComponents"
+    },
+    "devDependencies": {
+        "@types/axios": "^0.14.0",
+        "@types/crypto-js": "^4.1.1",
+        "@types/lodash": "^4.14.199",
+        "@types/ramda": "^0.27.32",
+        "@types/react": "~18.2.0",
+        "@types/styled-components": "^5.1.26",
+        "styled-components": "^5.3.9",
+        "typescript": "^4.9.5"
+    },
+    "dependencies": {
+        "axios": "^1.3.5",
+        "crypto-js": "^4.1.1",
+        "history": "^5.3.0",
+        "localforage": "^1.10.0",
+        "lodash": "^4.17.21",
+        "moment": "^2.29.4",
+        "query-string": "^8.1.0",
+        "react": "^18.2.0",
+        "react-inlinesvg": "^3.0.2",
+        "react-toastify": "^9.1.2",
+        "redux-micro-frontend": "^1.3.0",
+        "redux-persist": "^6.0.0"
+    }
 }

package/src/components/accordion/accordion.interface.ts

@@ -0,0 +1,27 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IAccordionProps<T> extends IBaseComponentProp {
+  titleLocaleHandle?: string;
+  variant?: 'primary' | 'secondary';
+  options: IOptionsAccordion[];
+}
+
+export interface IAccordionState {
+  options: IOptionsAccordion[];
+}
+
+export interface IOptionsAccordion {
+  title: string;
+  choiseMode?: boolean;
+  isOpen?: boolean;
+  isCheckAll?: boolean;
+  isCheck?: boolean;
+  content: IOptionsContentAccordion[];
+}
+
+export interface IOptionsContentAccordion {
+  text?: string;
+  html?: React.ReactNode;
+  checked?: boolean;
+  isCheck?: boolean;
+}

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

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

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

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

package/src/components/assets/assets.interfaces.ts

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

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

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

package/src/components/badge/badge.interface.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IBadgeProps extends IBaseComponentProp, React.HTMLAttributes<any> {
+    value?: number;
+    type: 'icon' | 'number';
+    size: 'small' | 'normal'
+    iconHandle?: IconHandle; 
+    onUpdate?(value:number):void;
+    color?: string;
+}

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

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

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

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

package/src/components/balloon/balloon.interface.ts

@@ -0,0 +1,14 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IBalloonProps<T> extends React.HTMLAttributes<T>, IBaseComponentProp {
+    variant?:
+        | "right-top"
+        | "right-bottom"
+        | "bottom-right"
+        | "bottom-left"
+        | "left-top"
+        | "left-bottom";
+    width?: string;
+    height?: string;
+    titleLocaleHandle: string;
+}

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

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

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

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

package/src/components/base-component.prop.interface.ts

@@ -0,0 +1,2 @@
+import { IBaseTestProp } from "./base-test.prop.interface";
+export interface IBaseComponentProp extends IBaseTestProp { }

package/src/components/base-page.prop.interface.ts

@@ -0,0 +1,3 @@
+import { IBaseTestProp } from "./base-test.prop.interface";
+
+export interface IBasePageProp extends IBaseTestProp{ }

package/src/components/base-test.prop.interface.ts

@@ -0,0 +1,3 @@
+export interface IBaseTestProp {
+  dataTestId: string;
+}

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

@@ -0,0 +1,12 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export type BasicButtonVariant = 'primary' | 'secondary' | 'tertiary';
+
+export interface IBasicButtonProps<T> extends React.ButtonHTMLAttributes<T>, IBaseComponentProp {
+    iconAlign?: string;
+    iconHandle?: IconHandle;
+    textLocaleHandle?: string;
+    variant: BasicButtonVariant
+    shape?: 'round' | 'square'
+}

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

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

package/src/components/checkbox/checkbox.interface.ts

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

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

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

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

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

package/src/components/circular-general-level/circular-general-level.interface.ts

@@ -0,0 +1,13 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ReactNode } from "react";
+
+export interface ICircularGeneralLevelProps extends IBaseComponentProp {
+    percentage: number;
+    nextStepValue?: number;
+    color: string;
+    iconHandle?: IconHandle;
+    nextIconHandle?: IconHandle;
+    centeredElement?: ReactNode
+    profileImage?: string;
+}

package/src/components/circular-general-level/circular-general-level.types.d.ts

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

package/src/components/circular-general-level/index.d.ts

@@ -0,0 +1 @@
+export * from './circular-general-level.interface';

package/src/components/circular-indicator-goal/circular-indicator-goal.interface.ts

@@ -0,0 +1,13 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ReactNode } from "react";
+
+export interface ICircularIndicatorGoalProps extends IBaseComponentProp {
+    value: number;
+    total: number;
+    color: string;
+    iconHandle?: IconHandle;
+    nextIconHandle?: IconHandle;
+    centeredElement?: ReactNode
+    fullPercentage?: boolean;
+}

package/src/components/circular-indicator-goal/circular-indicator-goal.types.d.ts

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

package/src/components/circular-indicator-goal/index.d.ts

@@ -0,0 +1 @@
+export * from './circular-indicator-goal.interface';