robbyson-frontend-library 0.0.1-rc10 → 0.0.1-rc11

package/dist/components/drawer/drawer.interface.js

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

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

@@ -10,7 +10,13 @@ export var PageContainer = styled.div(templateObject_1 || (templateObject_1 = __
 export var Header = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding-bottom: 8px;\n    gap: 16px !important;\n\n    @media (max-width: ", "px) {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n    }\n\n    & > div {\n        display: flex;\n        align-items: center;\n    }\n\n    svg {\n        cursor: pointer;\n    }\n"], ["\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    padding-bottom: 8px;\n    gap: 16px !important;\n\n    @media (max-width: ", "px) {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n    }\n\n    & > div {\n        display: flex;\n        align-items: center;\n    }\n\n    svg {\n        cursor: pointer;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
 export var ContextMenu = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    overflow-y: scroll;\n    &::-webkit-scrollbar {\n        display: none;\n    }\n    @media (max-width: ", "px) {\n        width: 100%;\n    }\n"], ["\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    overflow-y: scroll;\n    &::-webkit-scrollbar {\n        display: none;\n    }\n    @media (max-width: ", "px) {\n        width: 100%;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
 export var Title = styled.h4(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    margin-left: 12px;\n"], ["\n    margin-left: 12px;\n"])));
-export var Content = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
+var PADDING_TOP_DESKTOP = 32;
+var PADDING_TOP_MOBILE = 32;
+var PADDING_BOTTOM_DESKTOP = 47;
+var PADDING_BOTTOM_MOBILE = 32;
+var HEADER_HEIGHT_DESKTOP = 48;
+var HEADER_HEIGHT_MOBILE = 99;
+export var Content = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    height: calc(100vh - ", "px);\n\n    @media (max-width: ", "px) {\n        height: calc(100vh - ", "px);\n    }\n"], ["\n    height: calc(100vh - ", "px);\n\n    @media (max-width: ", "px) {\n        height: calc(100vh - ", "px);\n    }\n"])), PADDING_TOP_DESKTOP + PADDING_BOTTOM_DESKTOP + HEADER_HEIGHT_DESKTOP, LayoutDimensions.width.horizontalIpadMini, PADDING_TOP_MOBILE + PADDING_BOTTOM_MOBILE + HEADER_HEIGHT_MOBILE);
 export var LeftArrowLarge = styled(SVG)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: none;\n\n    @media (min-width: ", "px) {\n        display: block;\n    }\n"], ["\n    display: none;\n\n    @media (min-width: ", "px) {\n        display: block;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini + 1);
 export var Block = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: none;\n\n    @media (max-width: ", "px) {\n        display: block;\n        width: 24px;\n        height: 24px;\n    }\n"], ["\n    display: none;\n\n    @media (max-width: ", "px) {\n        display: block;\n        width: 24px;\n        height: 24px;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/range-date-picker/range-date-picker.interface.js

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

package/dist/components/tab/tab.interface.js

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

package/dist/components/terms-of-use/terms-of-use.interface.js

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

package/dist/components/time-picker/time-picker.interface.js

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

package/dist/components/tree-date-picker/tree-date-picker.interface.js

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

package/dist/constants/layout-dimensions.constants.js

@@ -2,9 +2,9 @@ var LayoutDimensions = /** @class */ (function () {
     function LayoutDimensions() {
     }
     LayoutDimensions.width = {
-        horizontalIpadMini: 1133,
-        verticalIpadMini: 744,
-        mobile: 412,
+        horizontalIpadMini: 1199,
+        verticalIpadMini: 767,
+        mobile: 575,
     };
     return LayoutDimensions;
 }());

package/dist/factories/response.factory.js

@@ -65,7 +65,8 @@ var ResponseFactory = /** @class */ (function () {
             throw new RobbysonResponseError();
         if (response.data.statusLog &&
             response.data.statusLog.length &&
-            response.data.statusLog[0].type !== ResponseStatusLogType.SUCCESS_RESPONSE)
+            response.data.statusLog[0].type !==
+                ResponseStatusLogType.SUCCESS_RESPONSE)
             throw new RobbysonResponseError(response.data);
     };
     ResponseFactory.Create = function (response) {

package/dist/index.js

@@ -7,6 +7,7 @@ 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/guidance-category.model";
 export * from "./models/guidance.model";
 export * from "./models/guidance-query.model";
@@ -21,3 +22,5 @@ export * from "./states";
 export * from "./utils";
 // Constants 
 export * from "./constants";
+// DTOs
+export * from "./services/dtos";

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

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

package/dist/models/humor-register.model.js

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

package/dist/models/theme-base.js

@@ -34,6 +34,10 @@ 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(),
         };

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

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

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

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

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

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

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

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

package/dist/utils/date.utils.js

@@ -0,0 +1,30 @@
+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;
+    };
+    return DateUtils;
+}());
+export { DateUtils };

package/dist/utils/index.js

@@ -3,3 +3,4 @@ export * from './build-error/buildError.util';
 export * from './query-params';
 export * from './cache-control';
 export * from "./robbyson-navigate";
+export * from "./layout.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/index.d.ts

@@ -42,9 +42,15 @@ 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";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "robbyson-frontend-library",
-    "version": "0.0.1-rc10",
+    "version": "0.0.1-rc11",
     "description": "Robbyson frontend Library",
     "main": "./dist/index.js",
     "license": "MIT",
@@ -19,7 +19,8 @@
     "devDependencies": {
         "@types/axios": "^0.14.0",
         "@types/crypto-js": "^4.1.1",
-        "@types/react": "^18.0.27",
+        "@types/lodash": "^4.14.199",
+        "@types/react": "~18.0.24",
         "@types/styled-components": "^5.1.26",
         "styled-components": "^5.3.9",
         "typescript": "^4.9.5"
@@ -27,14 +28,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,13 @@
 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/date-picker/date-picker.interface.ts

@@ -0,0 +1,13 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ITextFieldProps } from "../text-field";
+
+export interface IDatePickerProps extends IBaseComponentProp {
+    onConfirm: (date: Date) => void;
+    selectedDate: Date | null;
+    customInputOptions?: Omit<ITextFieldProps, "value">;
+}
+
+export interface IDatePickerState {
+    selectedDate: Date | null;
+}
+    

package/src/components/date-picker/date-picker.types.d.ts

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

package/src/components/date-picker/index.d.ts

@@ -0,0 +1 @@
+export * from "./date-picker.interface"

package/src/components/{mobile-filter/mobile-filter.interface.ts → drawer/drawer.interface.ts}

@@ -1,8 +1,10 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
 
-export interface IMobileFilterProps extends IBaseComponentProp {
+export interface IDrawerProps extends IBaseComponentProp {
     showOverlay: boolean;
     onClick(): void;
     scrollBoxHeight: string;
     children: React.ReactNode;
+    overlayZindex?: string;
+    titleLocaleHandle?: string;
 }

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

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

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

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

package/src/components/filter/filter.interface.tsx

@@ -20,6 +20,7 @@ export interface IFilterState {
     searchingFilter: number | undefined;
     filterReturn: IFilterReturn;
     openFilter: number | undefined;
+    oldFilters: Array<IFilter>
 }
 
 export interface IFilterProps extends IBaseComponentProp {
@@ -48,6 +49,7 @@ export interface IOption {
     iconHandle?: IconHandle;
     checked?: boolean;
     category?: string;
+    bagdeValue?: number;
 }
 
 export interface IFilterReturn {

package/src/components/modal/modal.interface.ts

@@ -1,21 +1,30 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
+import { BasicButtonVariant } from "../basic-button";
 
 type ActionButton = {
     titleLocaleHandle: string;
     action: any;
-}
+    variant?: BasicButtonVariant;
+};
 
 export interface IModalState {
-    hidden:boolean;
+    hidden: boolean;
 }
 
+export interface IModalProps extends IBaseComponentProp {
+    children: any;
+    width?: number;
+    height?: number;
+    closeIcon?: boolean;
+    titleHandleLocale?: string;
+    actionButtons?: ActionButton[];
+    overlayZindex?: string;
+    onCloseModal?(): void;
+    isOpen?: boolean;
+    enableDrawer?: boolean;
+}
 
-export interface IModalProps extends IBaseComponentProp  {
-  children: any;
-  width?: number;
-  height?: number;
-  closeIcon?: boolean;
-  titleHandleLocale?: string;
-  actionButtons?: ActionButton[];
-  overlayZindex?: string;
+export interface IModalActions extends IBaseComponentProp {
+    actionButtons?: ActionButton[];
+    className?: string;
 }

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

@@ -1,10 +1,10 @@
 
+import { IconHandle } from "../../models";
 import { IBaseComponentProp } from "../base-component.prop.interface";
 
-type IconHandleMoodButton = 'work-bold' | 'family-bold' | 'relationship-bold' | 'health-bold';
 type SizeMoodButton = 'medium' | 'large';
 
 export interface IMoodButtonProps<T> extends React.ButtonHTMLAttributes<T>, IBaseComponentProp {
-  iconHandle: IconHandleMoodButton;
+  iconHandle: IconHandle;
   size?: SizeMoodButton;
 }

package/src/components/pages/base-app-page.styles.ts

@@ -57,7 +57,20 @@ export const Title = styled.h4`
     margin-left: 12px;
 `;
 
-export const Content = styled.div``;
+const PADDING_TOP_DESKTOP = 32;
+const PADDING_TOP_MOBILE = 32;
+const PADDING_BOTTOM_DESKTOP = 47; 
+const PADDING_BOTTOM_MOBILE = 32;
+const HEADER_HEIGHT_DESKTOP = 48;
+const HEADER_HEIGHT_MOBILE = 99;
+
+export const Content = styled.div`
+    height: calc(100vh - ${PADDING_TOP_DESKTOP + PADDING_BOTTOM_DESKTOP + HEADER_HEIGHT_DESKTOP}px);
+
+    @media (max-width: ${LayoutDimensions.width.horizontalIpadMini}px) {
+        height: calc(100vh - ${PADDING_TOP_MOBILE + PADDING_BOTTOM_MOBILE + HEADER_HEIGHT_MOBILE}px);
+    }
+`;
 
 export const LeftArrowLarge = styled(SVG)`
     display: none;

package/src/components/range-date-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './range-date-picker.interface';

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

@@ -0,0 +1,16 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ITextFieldProps } from "../text-field";
+
+export interface IRangeDatePickerProps
+    extends IBaseComponentProp {
+    onConfirm: (startDate: Date, endDate: Date) => void;
+    startDate: Date | null;
+    endDate: Date | null;
+    customInputOptions?: Omit<ITextFieldProps, "value">,
+    
+}
+
+export interface IRangeDatePickerState {
+    startDate: Date | null;
+    endDate: Date | null;
+}

package/src/components/range-date-picker/range-date-picker.types.d.ts

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

package/src/components/sidebar/sidebar.interface.ts

@@ -12,4 +12,5 @@ export interface ISidebarProps extends IBaseComponentProp {
     overlayZindex?: string;
     showOverlay?: boolean;
     subtitle?: string;
+    enableDrawer?: boolean;
 }

package/src/components/sort/sort.interface.ts

@@ -3,8 +3,12 @@ import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface ISortProps extends IBaseComponentProp {
     titleLocaleHandle?: string;
-    options: Array<{ nameLocaleHandle: string; value: string | number }>;
-    defaultOption: string | number;
+    options: Array<{
+        nameLocaleHandle: string;
+        value: string | number;
+    }>;
+    defaultOption?: string | number;
+    selectedKeys?: string[];
     icon: IconHandle;
     onChangeOption?(option: {
         nameLocaleHandle: string;
@@ -13,9 +17,12 @@ export interface ISortProps extends IBaseComponentProp {
     hideOnMouseOver?: boolean;
     hideOnChangeOption?: boolean;
     width?: string | number;
+    type?: "checkbox" | "default";
+    className?: string;
+    fillIcon?: string;
 }
 
 export interface ISortState {
     showSort: boolean;
-    sortValue: string | number;
+    sortValue?: string | number;
 }

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

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

package/src/components/tab/tab.interface.ts

@@ -0,0 +1,16 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITabProps<T> extends IBaseComponentProp {
+    onClickTab(tabKey: T): void;
+    tabOptions: TabOptions<T>[];
+    activeTab: T;
+}
+
+interface TabOptions<T> {
+    tabKey: T;
+    tabLocaleHandle: string;
+    suffix?: JSX.Element;
+    prefix?: JSX.Element;
+    content?: React.ReactNode;
+    disabled?: boolean;
+}

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

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

package/src/components/terms-of-use/index.d.ts

@@ -0,0 +1 @@
+export * from './terms-of-use.interface';

package/src/components/terms-of-use/terms-of-use.interface.tsx

@@ -0,0 +1,13 @@
+import { TermsOfUseModel } from "../../models";
+import { IBaseComponentProp } from "../base-component.prop.interface";
+
+export interface ITermsOfUseProps extends IBaseComponentProp {
+    termsOfUse: TermsOfUseModel;
+    onAccepted(): void;
+    buttonLocaleTitle?: string;
+}
+
+export interface ITermsOfUseState {
+    isRead: boolean;
+    disableButton: boolean;
+}

package/src/components/terms-of-use/terms-of-use.types.d.ts

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

package/src/components/text-field/text-field.interface.ts

@@ -1,18 +1,17 @@
 import { IconHandle } from "../../models";
 import { IBaseComponentProp } from "../base-component.prop.interface";
+import { IScrollBoxProps } from "../scroll-box";
 
 export interface ITextFieldState {
-    disabled:boolean;
-    active:boolean;
-    hasError:boolean;
-    empty:boolean;
-    text: string;
-    errorText:string;
+    isDropdownOpen: boolean;
 }
 
-export interface ITextFieldProps extends React.InputHTMLAttributes<any>, IBaseComponentProp {
+export interface ITextFieldProps
+    extends React.InputHTMLAttributes<any>,
+        IBaseComponentProp {
     placeholderLocaleHandle?: string;
     prefixIconHandle?: IconHandle;
+    dropdownOptions?: DropdownOptions;
     suffixIconHandle?: IconHandle;
     helperTextLocaleHandle?: string;
     errorTextLocaleHandle?: string;
@@ -25,4 +24,18 @@ export interface ITextFieldProps extends React.InputHTMLAttributes<any>, IBaseCo
     hasError?: boolean;
     fillPrefixIcon?: string;
     fillSuffixIcon?: string;
-}
+    pointerCursor?: boolean;
+}
+
+type DropdownOptions = {
+    data: {
+        labelLocaleHandle: string;
+        key: string;
+    }[];
+    selectedKey?: string;
+    selectedKeys?: string[];
+    onClickItem( key: string): void;
+    scrollBoxProps: Omit<IScrollBoxProps, "children">;
+    dataTestId: string;
+    value?: string;
+};

package/src/components/time-picker/index.d.ts

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

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

@@ -0,0 +1,15 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ITextFieldProps } from "../text-field";
+
+export interface ITimePickerProps extends IBaseComponentProp {
+    interval?: number;
+    startTime?: string;
+    endTime?: string;
+    onClickTime(hour: string, minutes: string): void;
+    timerPickerValue: string;
+    inputProps?: Omit<ITextFieldProps, "value" | "dataTestId">;
+}
+
+export interface ITimePickerState {
+    isDropDownOpen: boolean;
+}

package/src/components/time-picker/time-picker.types.d.ts

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

package/src/components/tree-date-picker/index.d.ts

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

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

@@ -0,0 +1,30 @@
+import { IBaseComponentProp } from "../base-component.prop.interface";
+import { ITextFieldProps } from "../text-field";
+
+export interface ITreeDatePickerProps extends IBaseComponentProp {
+    onConfirm(params: {
+        selectedDate?: Date;
+        selectedWeek?: Week;
+        selectedMonth?: Date;
+    }): void;
+    customInputOptions?: Omit<ITextFieldProps, "value">;
+    selectedDate: Date | null;
+    selectedWeek: Week | null;
+    selectedMonth: Date | null;
+}
+
+export interface ITreeDatePickerState {
+    selectedDate: Date | null;
+    selectedWeek: Week | null;
+    selectedMonth: Date | null;
+    activeTab: TabKey;
+}
+
+export type Week = {
+    from: Date;
+    until: Date;
+};
+
+export type Weeks = Week[];
+
+type TabKey = "day" | "week" | "monthly";

package/src/components/tree-date-picker/tree-date-picker.types.d.ts

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

package/src/constants/layout-dimensions.constants.ts

@@ -1,7 +1,7 @@
 export class LayoutDimensions {
     static width = {
-        horizontalIpadMini: 1133,
-        verticalIpadMini: 744,
-        mobile: 412,
+        horizontalIpadMini: 1199,
+        verticalIpadMini: 767,
+        mobile: 575,
     }
 }

package/src/factories/response.factory.ts

@@ -25,12 +25,12 @@ export class RobbysonResponse<T> {
 
 export class RobbysonResponseError {
     public data: ResponseStatusLogMessages[];
-    
+
     constructor(data?: RobbysonResponse<any>) {
-        if (data && this.isRobbysonError(data)) this.buildRobbysonError(data)
-        else this.buildGenericError()
+        if (data && this.isRobbysonError(data)) this.buildRobbysonError(data);
+        else this.buildGenericError();
     }
-    
+
     private buildRobbysonError(data: RobbysonResponse<any>): void {
         this.data = data.statusLog[0].messages.map((message: any) => {
             if (typeof message === "string") {
@@ -39,7 +39,7 @@ export class RobbysonResponseError {
             return message;
         });
     }
-    
+
     private buildGenericError(): void {
         this.data = [
             {
@@ -55,24 +55,29 @@ export class RobbysonResponseError {
             data.statusLog.length &&
             data.statusLog[0].messages?.length
         ) {
-            return true
+            return true;
         }
-        return false
+        return false;
     }
 }
 export class ResponseFactory implements BaseFactory {
-    private static checkResponseError<T>(response: AxiosResponse<any, any>): void {
+    private static checkResponseError<T>(
+        response: AxiosResponse<any, any>
+    ): void {
         if (response instanceof Error) throw new RobbysonResponseError();
 
         if (
             response.data.statusLog &&
             response.data.statusLog.length &&
-            response.data.statusLog[0].type !== ResponseStatusLogType.SUCCESS_RESPONSE
+            response.data.statusLog[0].type !==
+                ResponseStatusLogType.SUCCESS_RESPONSE
         )
-            throw new RobbysonResponseError(response.data as RobbysonResponse<T>);
+            throw new RobbysonResponseError(
+                response.data as RobbysonResponse<T>
+            );
     }
 
-    public static Create<T>(response: AxiosResponse<any, any>):T {
+    public static Create<T>(response: AxiosResponse<any, any>): T {
         this.checkResponseError<T>(response);
         return response.data as T;
     }

package/src/index.ts

@@ -9,6 +9,7 @@ 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/guidance-category.model";
 export * from "./models/guidance.model";
 export * from "./models/guidance-query.model";
@@ -27,4 +28,7 @@ export * from "./states";
 export * from "./utils";
 
 // Constants 
-export * from "./constants";
+export * from "./constants";
+
+// DTOs
+export * from "./services/dtos";

package/src/models/document.model.ts

@@ -0,0 +1,27 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+
+export class DocumentModel extends BaseRepositoryModel {
+    _id: string;
+    identification: string;
+    document_id: string;
+    documentType: {
+        _id: string;
+        name: string;
+    };
+    fileUrl?: string;
+    sender: {
+        identification: string;
+        name: string;
+    };
+    createdAt?: Date;
+    publishedAt?: Date;
+    title: string;
+    text: string;
+    observation?: string;
+    viewed?: boolean;
+    viewedAt?: Date;
+    answered?: boolean;
+    answeredAt?: Date;
+    accepted?: boolean;
+    canceled?: boolean;
+}

package/src/models/humor-list.model.ts

@@ -0,0 +1,23 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+import { IconHandle } from "./theme-base";
+
+export interface IHumorFrases {
+    _id: string, 
+    texto: string
+}
+
+export interface IHumorMotives {
+    _id: string;
+    descricao: string;
+    icone: IconHandle;
+    frases: IHumorFrases[];
+    feedback: string[];
+}
+export class HumorListModel extends BaseRepositoryModel {
+    _id: string;
+    descricao: string;
+    frases: IHumorFrases[];
+    icone: IconHandle;
+    motivos: IHumorMotives[];
+    __v: number;
+}

package/src/models/humor-register.model.ts

@@ -0,0 +1,35 @@
+import { BaseRepositoryModel } from "./base.repository.model";
+
+export interface IRegistersHumor {
+    tipoHumor: number,
+    humor: {
+        _id: string,
+        descricao: string,
+    },
+    motivo: {
+        descricao: string
+    } | {}
+    dataHoraCriacao: Date,
+}
+
+export class HumorRegisterModel extends BaseRepositoryModel {
+    _id: string;
+    registros: IRegistersHumor[];
+    tz: string;
+}
+
+export class HumorRegisterResponseModel extends BaseRepositoryModel {
+    _id?:string;
+    n: number;
+    nModified: number;
+    ok:number
+}
+export class HumorLastModel extends BaseRepositoryModel {
+    _id: string;
+    identification: string;
+    registros: IRegistersHumor[];
+    __v: number;
+}
+
+
+

package/src/models/index.d.ts

@@ -5,6 +5,9 @@ export * from "./result-level.model";
 export * from "./angel-friend-status.model";
 export * from "./send-user-to-login.model";
 export * from "./term-of-use.model";
+export * from "./humor-list.model";
+export * from "./humor-register.model";
+export * from "./document.model"
 export * from "./guidance-category.model";
 export * from "./guidance-query.model";
 export * from "./guidance.model";

package/src/models/theme-base.ts

@@ -125,9 +125,14 @@ export class ThemeBase {
     typography: {
         h1: ThemeTypography,
         h2: ThemeTypography,
+        h2Medium: ThemeTypography,
+        mobh2Medium: ThemeTypography,
         h3: ThemeTypography,
+        mobh3Medium: ThemeTypography,
         h4: ThemeTypography,
+        mobh4Medium: ThemeTypography,
         h5: ThemeTypography,
+        mobh5Medium: ThemeTypography,
         h6: ThemeTypography,
         subtitle1: ThemeTypography,
         subtitle2: ThemeTypography,
@@ -152,6 +157,10 @@ export class ThemeBase {
         logoCompleteNegative: ThemeAssets;
         logoIconNegative: ThemeAssets;
         backgroundLogo: ThemeAssets;
+        humorAvatar: ThemeAssets,
+        humorImGoodCircle: ThemeAssets,
+        humorImTopCircle: ThemeAssets,
+        humorImbadCircle: ThemeAssets,
         logoMobile: ThemeAssets;
         loginRobbysonAvatar: ThemeAssets;
     };
@@ -166,6 +175,10 @@ export class ThemeBase {
             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(),
         };

package/src/repositories/document.repository.interface.ts

@@ -0,0 +1,17 @@
+import { DocumentModel } from "../models";
+
+export interface IDocumentRepository {
+    getUnansweredDocuments(): Promise<{
+        items: Array<DocumentModel>;
+        numTotalItems: number;
+    }>;
+    updateDocument(
+        id: string,
+        data: {
+            answered?: boolean;
+            accepted?: boolean;
+            observation?: string;
+            viewed?: boolean;
+        }
+    ): Promise<void>;
+}

package/src/repositories/humor.repository.interface.ts

@@ -0,0 +1,10 @@
+import { HumorLastModel, HumorListModel, HumorRegisterModel, HumorRegisterResponseModel } from "../models";
+
+export interface IHumorRepository {
+    getLastHumor(id : number): Promise<HumorLastModel[]>;
+    getListHumor(): Promise<HumorListModel[]>;
+    registerHumor({ humor }: {
+        humor: HumorRegisterModel;
+    }): Promise<HumorRegisterResponseModel>;
+    answeredHumorToday(id: number, timezone: string): Promise<boolean>;
+}

package/src/repositories/index.d.ts

@@ -5,4 +5,6 @@ export * from './results.repository.interface';
 export * from './angel-friend.repository.interface';
 export * from './user.repository.interface';
 export * from "./terms-of-use.repository.interface";
-export * from "./guidance.repository.interface";
+export * from "./guidance.repository.interface";
+export * from "./humor.repository.interface";
+export * from "./document.repository.interface";

package/src/services/document.service.interface.ts

@@ -0,0 +1,20 @@
+import { DocumentModel } from "../models";
+
+export interface IDocumentService {
+    getUnansweredDocuments(): Promise<{
+        items: Array<DocumentModel>;
+        numTotalItems: number;
+    }>;
+    updateDocument(
+        id: string,
+        data: {
+            answered?: boolean;
+            accepted?: boolean;
+            observation?: string;
+            viewed?: boolean;
+        }
+    ): Promise<void>;
+
+    setDocumentsToAnswer(data: boolean): void;
+    hasDocumentsToAnswer(): boolean | undefined;
+}

package/src/services/humor.service.interface.ts

@@ -0,0 +1,12 @@
+import { HumorLastModel, HumorListModel, HumorRegisterModel } from "../models";
+
+export interface IHumorService {
+    getLastHumor(id : number): Promise<HumorLastModel[]>;
+    getLastHumorUser(): HumorLastModel[] | undefined;
+    hasRegisterHumor(): boolean | undefined;
+    getListHumor(): Promise<HumorListModel[]>;
+    registerHumor({ humor }: {
+        humor: HumorRegisterModel;
+    }): Promise<boolean>;
+    answeredHumorToday(id: number, timezone: string): Promise<boolean>;
+}

package/src/services/index.d.ts

@@ -5,6 +5,8 @@ export * from "./results.service.interface";
 export * from "./angel-friend.service.interface";
 export * from "./user.service.interface";
 export * from "./terms-of-use.service.interface";
+export * from "./humor.service.interface";
+export * from "./document.service.interface";
 export * from "./guidance.service.interface";
 export * from "./validations.service.interface";
 export * from "./dtos";

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

@@ -1,8 +1,9 @@
-import { IconHandle } from "../models";
+import { IconHandle, ThemeBase } from "../models";
 
 export interface IThemeService {
     setApplicationTheme(contractorId?: number): Promise<Boolean>;
     getIconAssetUrl(iconHandle: IconHandle): string;
     getIconsList(): readonly IconHandle[];
     getIconsPath(): string;
+    getApplicationTheme(): ThemeBase| undefined;
 }

package/src/services/validations.service.interface.ts

@@ -1,5 +1,7 @@
 import { UserSessionModel } from "../models";
 
 export interface IValidationsService {
-    checkTermsOfUse(userSession: UserSessionModel | undefined): void;
+    checkTermsOfUse(userSession: UserSessionModel | undefined): boolean;
+    checkHumor(): Promise<void>;
+    checkDocuments(userSession: UserSessionModel | undefined): Promise<boolean>;
 }

package/src/states/main-container/root-app.state.interface.ts

@@ -1,15 +1,22 @@
-import { ThemeBase, UserSessionModel } from "../../models";
-import { BrowserHistory } from "history";
+import { HumorLastModel, HumorListModel, ThemeBase, UserSessionModel } from "../../models";
+import { BrowserHistory } from "history"
 
 export interface IRootApp {
     userSession?: UserSessionModel,
     angelFriendData?: any,
     ipWhiteList: boolean,
+    isTabletOrMobile: boolean,
     currentLocale?: any,
     currentTheme: ThemeBase,
     apisUrls: {
         private: string
     },
+    hasDocumentsToAnswer: boolean | undefined,
     history: BrowserHistory,
+    humor?: {
+        listHumor : HumorListModel[],
+        lastHumor : HumorLastModel[],
+        hasRegisterMood: boolean,
+    }
     createGlobalImplementations: () => void,
 }

package/src/utils/date.utils.ts

@@ -0,0 +1,35 @@
+import _ from "lodash";
+import moment from "moment";
+
+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;
+    }
+}

package/src/utils/index.ts

@@ -2,4 +2,5 @@ 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 "./robbyson-navigate";
+export * from "./layout.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/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/mobile-filter/index.d.ts

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

package/src/components/mobile-filter/mobile-filter.types.d.ts

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