robbyson-frontend-library 0.0.1-rc11 → 0.0.1-rc12

package/dist/components/circular-general-level/circular-general-level.interface.js

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

package/dist/components/circular-indicator-goal/circular-indicator-goal.interface.js

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

package/dist/components/circular-progress/circular-progress.interface.js

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

package/dist/components/daily-chart/daily-chart.interface.js

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

package/dist/components/dropdown/dropdown.interface.js

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

package/dist/components/insight-chart/insight-chart.interface.js

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

package/dist/components/mountain-chart/mountain-chart.interface.js

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

package/dist/components/pages/base-app-page.component.js

@@ -33,10 +33,19 @@ var BaseAppPage = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this.headerLocale = "Header Locale";
         _this.translate = _this.translate.bind(_this);
+        _this.redirect = _this.redirect.bind(_this);
         _this._localeService = IoC.GetInstance("LocaleService");
         _this._themeService = IoC.GetInstance("ThemeService");
         return _this;
     }
+    BaseAppPage.prototype.redirect = function () {
+        if (this._linkToOverride) {
+            RobbysonNavigate.to(this._linkToOverride);
+        }
+        else {
+            RobbysonNavigate.back();
+        }
+    };
     BaseAppPage.prototype.translate = function (text) {
         var _a;
         var args = [];
@@ -46,11 +55,12 @@ var BaseAppPage = /** @class */ (function (_super) {
         return (_a = this._localeService).getLocaleByHandle.apply(_a, __spreadArray([text || ""], args, false));
     };
     BaseAppPage.prototype.render = function () {
+        var _this = this;
         QueryParamsFactory.validate(this.paramsValidValues, this.paramsDefaultValues);
         return (React.createElement(PageContainer, null,
             React.createElement(Header, null,
                 React.createElement("div", null,
-                    React.createElement(LeftArrowLarge, { src: this._themeService.getIconAssetUrl("left-arrow-large"), onClick: function () { return RobbysonNavigate.back(); } }),
+                    React.createElement(LeftArrowLarge, { src: this._themeService.getIconAssetUrl("left-arrow-large"), onClick: function () { return _this.redirect(); } }),
                     React.createElement(Block, null),
                     React.createElement(Title, null, this.translate(this.headerLocale))),
                 React.createElement(ContextMenu, { className: "body-2-book" }, this.contextMenu())),

package/dist/components/result-chart/result-chart.interface.js

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

package/dist/components/text-area/text-area.interface.js

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

package/dist/components/weekly-chart/weekly-chart.interface.js

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

package/dist/index.js

@@ -7,11 +7,19 @@ export * from "./models/user-mirror.model";
 export * from "./models/user-session.model";
 export * from "./models/send-user-to-login.model";
 export * from "./models/angel-friend-status.model";
-export * from './models/document.model';
+export * from "./models/document.model";
 export * from "./models/guidance-category.model";
 export * from "./models/guidance.model";
 export * from "./models/guidance-query.model";
 export * from "./models/http-response.model";
+export * from "./models/quiz.model";
+export * from "./models/quiz-not-answered.model";
+export * from "./models/quiz-answered.model";
+export * from "./models/chat.model";
+export * from "./models/agenda.model";
+export * from "./models/agenda-invited-users.model";
+export * from "./models/user-list.model";
+export * from "./models/friendship-team-list.model";
 // Repositories
 export * from "./repositories/base.repository";
 // Components
@@ -20,7 +28,7 @@ export * from "./components";
 export * from "./states";
 // Utils
 export * from "./utils";
-// Constants 
+// Constants
 export * from "./constants";
 // DTOs
 export * from "./services/dtos";

package/dist/models/agenda-invited-users.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 AgendaInvitedUsersModel = /** @class */ (function (_super) {
+    __extends(AgendaInvitedUsersModel, _super);
+    function AgendaInvitedUsersModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return AgendaInvitedUsersModel;
+}(BaseRepositoryModel));
+export { AgendaInvitedUsersModel };

package/dist/models/agenda.model.js

@@ -0,0 +1,36 @@
+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 AppointmentEdit = /** @class */ (function (_super) {
+    __extends(AppointmentEdit, _super);
+    function AppointmentEdit() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return AppointmentEdit;
+}(BaseRepositoryModel));
+var AgendaModel = /** @class */ (function (_super) {
+    __extends(AgendaModel, _super);
+    function AgendaModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return AgendaModel;
+}(AppointmentEdit));
+export { AgendaModel };
+var AppointmentConfirmation = /** @class */ (function () {
+    function AppointmentConfirmation() {
+    }
+    return AppointmentConfirmation;
+}());

package/dist/models/chat.model.js

@@ -0,0 +1,11 @@
+var ChatModel = /** @class */ (function () {
+    function ChatModel() {
+    }
+    return ChatModel;
+}());
+export { ChatModel };
+var ChatUser = /** @class */ (function () {
+    function ChatUser() {
+    }
+    return ChatUser;
+}());

package/dist/models/friendship-team-list.model.js

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

package/dist/models/quiz-answered.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 QuizAnsweredModel = /** @class */ (function (_super) {
+    __extends(QuizAnsweredModel, _super);
+    function QuizAnsweredModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return QuizAnsweredModel;
+}(BaseRepositoryModel));
+export { QuizAnsweredModel };

package/dist/models/quiz-not-answered.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 QuizNotAnsweredModel = /** @class */ (function (_super) {
+    __extends(QuizNotAnsweredModel, _super);
+    function QuizNotAnsweredModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return QuizNotAnsweredModel;
+}(BaseRepositoryModel));
+export { QuizNotAnsweredModel };

package/dist/models/quiz.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 QuizModel = /** @class */ (function (_super) {
+    __extends(QuizModel, _super);
+    function QuizModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return QuizModel;
+}(BaseRepositoryModel));
+export { QuizModel };

package/dist/models/theme-base.js

@@ -3,6 +3,7 @@ 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'];
 var ThemeBaseRect = /** @class */ (function () {
     function ThemeBaseRect() {
     }
@@ -23,6 +24,12 @@ var ThemeAssets = /** @class */ (function () {
     }
     return ThemeAssets;
 }());
+var Typography = /** @class */ (function () {
+    function Typography() {
+    }
+    return Typography;
+}());
+;
 var ThemeBase = /** @class */ (function () {
     function ThemeBase() {
         this.colors = new ThemeBaseColors();
@@ -40,6 +47,7 @@ var ThemeBase = /** @class */ (function () {
             humorImbadCircle: new ThemeAssets(),
             logoMobile: new ThemeAssets(),
             loginRobbysonAvatar: new ThemeAssets(),
+            quizThankYouAvatar: new ThemeAssets(),
         };
     }
     return 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/friendship.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/dtos/agenda.dto.js

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

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

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

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

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

package/dist/services/dtos/index.js

@@ -1 +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/quiz.service.interface.js

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

package/dist/utils/index.js

@@ -4,3 +4,5 @@ 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/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

@@ -54,3 +54,16 @@ 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-rc11",
+    "version": "0.0.1-rc12",
     "description": "Robbyson frontend Library",
     "main": "./dist/index.js",
     "license": "MIT",
@@ -20,7 +20,7 @@
         "@types/axios": "^0.14.0",
         "@types/crypto-js": "^4.1.1",
         "@types/lodash": "^4.14.199",
-        "@types/react": "~18.0.24",
+        "@types/react": "~18.2.0",
         "@types/styled-components": "^5.1.26",
         "styled-components": "^5.3.9",
         "typescript": "^4.9.5"

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

@@ -5,7 +5,6 @@ export type BasicButtonVariant = 'primary' | 'secondary' | 'tertiary';
 
 export interface IBasicButtonProps<T> extends React.ButtonHTMLAttributes<T>, IBaseComponentProp {
     iconAlign?: string;
-    hasIcon?: Boolean;
     iconHandle?: IconHandle;
     textLocaleHandle?: string;
     variant: BasicButtonVariant

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

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';

package/src/components/circular-progress/circular-progress.interface.ts

@@ -0,0 +1,12 @@
+import {IBaseComponentProp} from "../base-component.prop.interface";
+import {IconHandle} from "../../models";
+
+export interface ICircularProgressProps extends IBaseComponentProp {
+    iconHandle: IconHandle;
+    color: string;
+    value: number;
+    total: number;
+    time?: string;
+    totalTime?: string;
+}
+

package/src/components/circular-progress/circular-progress.types.d.ts

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

package/src/components/circular-progress/index.d.ts

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

package/src/components/daily-chart/daily-chart.interface.ts

@@ -0,0 +1,22 @@
+import { IconHandle } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface IDailyChartProps extends IBaseComponentProp {
+    titleLocaleHandle: string;
+    updatedAt:string;
+    money: string;
+    totalMoney: string;
+    minute: string;
+    totalMinute: string;
+    data: IChartData;
+    colorDivision: number[];
+}
+
+export type IChartData = {
+    percentage?: number;
+    date: string;
+    fullDate: string;
+    hour?: string;
+    metaHour?: string;
+    icon?: IconHandle;
+}

package/src/components/daily-chart/daily-chart.types.d.ts

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

package/src/components/daily-chart/index.d.ts

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

package/src/components/date-picker/date-picker.interface.ts

@@ -4,10 +4,12 @@ import { ITextFieldProps } from "../text-field";
 export interface IDatePickerProps extends IBaseComponentProp {
     onConfirm: (date: Date) => void;
     selectedDate: Date | null;
-    customInputOptions?: Omit<ITextFieldProps, "value">;
+    customInputOptions?: Omit<ITextFieldProps, "value"> & {
+        isDisabled?: boolean;
+    };
+    maxDate?: Date;
 }
 
 export interface IDatePickerState {
     selectedDate: Date | null;
 }
-