robbyson-frontend-library 0.0.1-rc9 → 1.0.0

package/dist/models/theme-base.js

@@ -3,6 +3,216 @@ var ThemeBaseColors = /** @class */ (function () {
     }
     return ThemeBaseColors;
 }());
+export var ICON_HANDLES = [
+    "active-bold",
+    "active-thin",
+    "avatar-login",
+    "add-challenge-bold",
+    "add-challenge-thin",
+    "add-notification-bold",
+    "add-notification-thin",
+    "add-quiz-bold",
+    "add-quiz-thin",
+    "angel-friend-add-bold",
+    "angel-friend-add-thin",
+    "angel-friend-bold",
+    "angel-friend-thin",
+    "attachment-bold",
+    "attachment-thin",
+    "auction-bold",
+    "auction-thin",
+    "available-bold",
+    "available-thin",
+    "broadcast-bold",
+    "broadcast-thin",
+    "calendar-bold",
+    "calendar-thin",
+    "camera-bold",
+    "camera-thin",
+    "cancel-bold",
+    "cancel-thin",
+    "challenge-bold",
+    "challenge-thin",
+    "chat-bold",
+    "chatbot-bold",
+    "chatbot-thin",
+    "chat-fil-bold",
+    "chat-fill-thin",
+    "chat-smile-bold",
+    "chat-smile-thin",
+    "chat-thin",
+    "check-bold",
+    "check-thin",
+    "chocolate-menu",
+    "chronometer-bold",
+    "chronometer-thin",
+    "clock-bold",
+    "clock-thin",
+    "close-bold",
+    "close-thin",
+    "cloud-bold",
+    "cloud-thin",
+    "coin-bold",
+    "coin-thin",
+    "column-view-active-bold",
+    "column-view-active-thin",
+    "column-view-bold",
+    "column-view-thin",
+    "contacts-bold",
+    "contacts-thin",
+    "delete-bold",
+    "delete-thin",
+    "documents-bold",
+    "documents-thin",
+    "down-arrow",
+    "download-bold",
+    "download-thin",
+    "downward-arrow-bold",
+    "downward-arrow-thin",
+    "duplicate-bold",
+    "duplicate-thin",
+    "eagle-bold",
+    "eagle-thin",
+    "edit-bold",
+    "edit-thin",
+    "emoji-bold",
+    "emoji-thin",
+    "family-bold",
+    "family-thin",
+    "filter-active-bold",
+    "filter-active-thin",
+    "filter-inactive-bold",
+    "filter-inactive-thin",
+    "filter",
+    "forward-bold",
+    "forward-thin",
+    "goal-bold",
+    "goal-thin",
+    "grid-view-active-bold",
+    "grid-view-active-thin",
+    "grid-view-bold",
+    "grid-view-thin",
+    "group-bold",
+    "group-brackets-bold",
+    "group-brackets-thin",
+    "group-fill-bold",
+    "group-fill-thin",
+    "group-thin",
+    "guide-bold",
+    "guide-thin",
+    "health-bold",
+    "health-thin",
+    "heart-bold",
+    "heart-fill-bold",
+    "heart-fill-thin",
+    "heart-thin",
+    "humor-bold",
+    "humor-thin",
+    "inactive-bold",
+    "inactive-thin",
+    "indicator-bold",
+    "indicator-thin",
+    "info-bold",
+    "info-thin",
+    "integration-bold",
+    "integration-thin",
+    "learning-bold",
+    "learning-thin",
+    "leave-bold",
+    "leave-thin",
+    "left-arrow-large",
+    "left-arrow-small",
+    "like-bold",
+    "like-fill-bold",
+    "like-fill-thin",
+    "like-thin",
+    "magnifying-glass-bold",
+    "magnifying-glass-thin",
+    "minus",
+    "more-vert",
+    "mountain-bold",
+    "mountain-thin",
+    "new-document-bold",
+    "new-document-thin",
+    "new-tip-thin-1",
+    "new-tip-thin",
+    "notification-bold",
+    "notification-thin",
+    "objetive-bold",
+    "objetive-thin",
+    "order-bold-1",
+    "order-bold",
+    "order-thin-1",
+    "order-thin",
+    "performance-bold",
+    "performance-thin",
+    "phone-bold",
+    "phone-thin",
+    "plus",
+    "quiz-bold",
+    "quiz-thin",
+    "raffle-bold",
+    "raffle-draw-bold",
+    "raffle-draw-thin",
+    "raffle-thin",
+    "relationship-bold",
+    "relationship-thin",
+    "reports-bold",
+    "reports-thin",
+    "right-arrow-large",
+    "right-arrow-small",
+    "send-bold",
+    "send-thin",
+    "settings-bold",
+    "settings-thin",
+    "star-bold",
+    "star-thin",
+    "store-bold",
+    "store-item-bold",
+    "store-item-thin",
+    "store-thin",
+    "tag-bold",
+    "tag-thin",
+    "test-bold",
+    "test-thin",
+    "tips-bold",
+    "tips-thin",
+    "tree-bold",
+    "tree-thin",
+    "trophy-bold",
+    "trophy-thin",
+    "up-arrow",
+    "upload-bold",
+    "upload-thin",
+    "upward-arrow-bold",
+    "upward-arrow-thin",
+    "user-bold",
+    "user-thin",
+    "variable-pay-bold",
+    "variable-pay-thin",
+    "view-bold",
+    "view-thin",
+    "not-view-thin",
+    "not-view-bold",
+    "work-bold",
+    "working",
+    "work-thin",
+    "no-results-found",
+    "not-found-bold",
+    "hamburger-menu",
+    "cloud-circle",
+    "mountain-circle",
+    "star-circle",
+    "expand-image-bold",
+    "camera-off-bold",
+    "minimize-image-bold",
+    "phone-call-bold",
+    "microphone-bold",
+    "microphone-off-bold",
+    "share-screen-bold",
+    "ead-play-button",
+    "tag-left-triangle",
+];
 var ThemeBaseRect = /** @class */ (function () {
     function ThemeBaseRect() {
     }
@@ -23,6 +233,11 @@ var ThemeAssets = /** @class */ (function () {
     }
     return ThemeAssets;
 }());
+var Typography = /** @class */ (function () {
+    function Typography() {
+    }
+    return Typography;
+}());
 var ThemeBase = /** @class */ (function () {
     function ThemeBase() {
         this.colors = new ThemeBaseColors();
@@ -34,11 +249,15 @@ var ThemeBase = /** @class */ (function () {
             logoCompleteNegative: new ThemeAssets(),
             logoIconNegative: new ThemeAssets(),
             backgroundLogo: new ThemeAssets(),
+            humorAvatar: new ThemeAssets(),
+            humorImGoodCircle: new ThemeAssets(),
+            humorImTopCircle: new ThemeAssets(),
+            humorImbadCircle: new ThemeAssets(),
             logoMobile: new ThemeAssets(),
             loginRobbysonAvatar: new ThemeAssets(),
+            quizThankYouAvatar: new ThemeAssets(),
         };
     }
     return ThemeBase;
 }());
 export { ThemeBase };
-;

package/dist/models/user-list.model.js

@@ -0,0 +1,24 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseRepositoryModel } from "./base.repository.model";
+var UserListModel = /** @class */ (function (_super) {
+    __extends(UserListModel, _super);
+    function UserListModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return UserListModel;
+}(BaseRepositoryModel));
+export { UserListModel };

package/dist/models/user.model.js

@@ -0,0 +1,24 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseRepositoryModel } from "./base.repository.model";
+var UserModel = /** @class */ (function (_super) {
+    __extends(UserModel, _super);
+    function UserModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return UserModel;
+}(BaseRepositoryModel));
+export { UserModel };

package/dist/repositories/agenda.repository.interface.js

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

package/dist/repositories/chat.repository.interface.js

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

package/dist/repositories/configuration.repository.interface.js

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

package/dist/repositories/document.repository.interface.js

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

package/dist/repositories/friendship.repository.interface.js

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

package/dist/repositories/guidance.repository.interface.js

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

package/dist/repositories/humor.repository.interface.js

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

package/dist/repositories/quiz.repository.interface.js

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

package/dist/services/agenda.service.interface.js

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

package/dist/services/chat.service.interface.js

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

package/dist/services/document.service.interface.js

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

package/dist/services/dtos/agenda.dto.js

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

package/dist/services/dtos/chat.dto.js

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

package/dist/services/dtos/example.dto.js

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

package/dist/services/dtos/friendship.dto.js

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

package/dist/services/dtos/index.js

@@ -0,0 +1,6 @@
+export * as ExampleDTO from "./example.dto";
+export * as QuizDTO from "./quiz.dto";
+export * as AgendaDTO from "./agenda.dto";
+export * as ChatDTO from "./chat.dto";
+export * as UserDTO from "./user.dto";
+export * as FriendshipDTO from "./friendship.dto";

package/dist/services/dtos/quiz.dto.js

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

package/dist/services/dtos/user.dto.js

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

package/dist/services/friendship.service.interface.js

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

package/dist/services/guidance.service.interface.js

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

package/dist/services/humor.service.interface.js

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

package/dist/services/quiz.service.interface.js

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

package/dist/services/tree.service.interface.js

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

package/dist/types/index.js

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

package/dist/types/tree/index.js

@@ -0,0 +1 @@
+export * from './tree.types';

package/dist/types/tree/tree.types.js

@@ -0,0 +1,15 @@
+// import { DurationInputArg1, DurationInputArg2 } from 'moment';
+// import { AxiosRequestConfig } from 'axios';
+export var UnitType;
+(function (UnitType) {
+    UnitType["MONTHS"] = "months";
+    UnitType["WEEKS"] = "weeks";
+    UnitType["DAYS"] = "days";
+    UnitType["HOURS"] = "hours";
+    UnitType["MINUTES"] = "minutes";
+    UnitType["SECONDS"] = "seconds";
+})(UnitType || (UnitType = {}));
+export var TreeActionTypes;
+(function (TreeActionTypes) {
+    TreeActionTypes["SET_DATETREE"] = "SET_DATETREE";
+})(TreeActionTypes || (TreeActionTypes = {}));

package/dist/utils/build-error/buildError.util.js

@@ -3,7 +3,7 @@ var BuildError = /** @class */ (function () {
     function BuildError() {
     }
     BuildError.buildError = function (error) {
-        error.data.map(function (err) {
+        error.data.forEach(function (err) {
             return toast.error(err.text);
         });
         return error;

package/dist/utils/date.utils.js

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

package/dist/utils/index.js

@@ -3,3 +3,6 @@ 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/dist/utils/layout.utils.js

@@ -0,0 +1,10 @@
+import { LayoutDimensions } from "../constants";
+var LayoutUtils = /** @class */ (function () {
+    function LayoutUtils() {
+    }
+    LayoutUtils.isMobile = function () {
+        return window.innerWidth <= LayoutDimensions.width.horizontalIpadMini;
+    };
+    return LayoutUtils;
+}());
+export { LayoutUtils };

package/dist/utils/robbyson-navigate.js

@@ -62,7 +62,14 @@ var RobbysonNavigate = /** @class */ (function () {
     };
     RobbysonNavigate.setQueryParams = function (key, value) {
         var queryString = new URLSearchParams(RobbysonNavigate.getQueryParams());
-        queryString.set(key, value);
+        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(),
         });

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

@@ -28,7 +28,8 @@ 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/tags";
+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";
@@ -42,9 +43,28 @@ 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/mobile-filter";
+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,6 +1,6 @@
 {
     "name": "robbyson-frontend-library",
-    "version": "0.0.1-rc9",
+    "version": "1.0.0",
     "description": "Robbyson frontend Library",
     "main": "./dist/index.js",
     "license": "MIT",
@@ -19,7 +19,9 @@
     "devDependencies": {
         "@types/axios": "^0.14.0",
         "@types/crypto-js": "^4.1.1",
-        "@types/react": "^18.0.27",
+        "@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"
@@ -27,14 +29,15 @@
     "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",
-        "query-string": "^8.1.0",
         "react-toastify": "^9.1.2",
         "redux-micro-frontend": "^1.3.0",
-        "redux-persist": "^6.0.0",
-        "history": "^5.3.0"
+        "redux-persist": "^6.0.0"
     }
-}
+}

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

@@ -8,7 +8,7 @@ export interface IBalloonProps<T> extends React.HTMLAttributes<T>, IBaseComponen
         | "bottom-left"
         | "left-top"
         | "left-bottom";
-    width: string;
-    height: string;
+    width?: string;
+    height?: string;
     titleLocaleHandle: string;
 }

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

@@ -1,10 +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;
-    hasIcon?: Boolean;
     iconHandle?: IconHandle;
     textLocaleHandle?: string;
-    variant: 'primary' | 'secondary' | 'tertiary'
+    variant: BasicButtonVariant
     shape?: 'round' | 'square'
 }

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

@@ -4,5 +4,7 @@ export interface ICheckboxProps<T> extends React.InputHTMLAttributes<T>, IBaseCo
     indeterminate?: boolean;
     labelLocaleHandle?: string;
     infoTextLocaleHandle?: string;
+    errorTextLocaleHandle?: string;
+    hasError?: boolean;
     id: string;
 }

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;
+}