@vitrosoftware/common-ui-ts 1.1.24 → 1.1.25

package/css/std/controls/tab-group/tab-group.css

@@ -69,6 +69,10 @@
     border-radius: 0 0 4px 4px;
 }
 
+.vitro-tab :global(.nav) :global(.dropdown-item):first-child:last-child {
+    border-radius: 4px;
+}
+
 .vitro-tab :global(.nav) > div.vitro-item {
     flex-grow: 1;
     text-align: center;

package/css/std/controls/table-view/treegrid.css

@@ -190,6 +190,11 @@
 .TWMenuItemText {
     line-height: 150%;
     padding-left: 12px;
+    white-space: normal;
+}
+
+div.TWMenuItemText {
+    margin-left: 32px;
 }
 
 .TWMenuItemIcon {
@@ -576,10 +581,6 @@
     padding: 0 8px !important;
 }
 
-.TWMenuItemText {
-    white-space: normal;
-}
-
 .TWMenuItem.TWCfgMenuItem#TGMenu-0-style {
     display: none;
 }

package/css/std/controls/tree-view/tree-view.css

@@ -4,7 +4,6 @@
 }
 
 :global(#TreeView) :global(.ps) {
-    padding-top: 8px;
     padding-right: 12px;
 }
 
@@ -63,6 +62,10 @@
     margin-left: 0;
 }
 
+:global(.vitro-root-node > .jstree-anchor > .jstree-checkbox) {
+    display: none;
+}
+
 .vitro-tree-view :global(.vitro-root-node) > :global(.jstree-anchor) > :global(.jstree-icon.folder) {
     /* root-folder.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V18C21.5 19.3807 20.3807 20.5 19 20.5H5C3.61929 20.5 2.5 19.3807 2.5 18V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355Z' stroke='%23999B9D' stroke-linejoin='round'/%3E%3Cpath d='M8 16L12 10' stroke='%23999B9D' stroke-linecap='round'/%3E%3Cpath d='M12 16L16 16' stroke='%23999B9D' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
@@ -92,7 +95,7 @@
     height: 32px !important;
     line-height: 32px !important;
     background-position: center !important;
-    background-size: 100% !important;
+    background-size: 100%;
     margin-right: 4px;
 }
 
@@ -108,4 +111,19 @@
     background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 7L14.5 12L9.5 17' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
     background-repeat: no-repeat;
     background-position: center center !important;
-}  
+}
+
+.vitro-tree-view :global(.jstree-checkbox) {
+    /* checkbox-big-empty.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='2' stroke='%23C0CAD5'/%3E%3C/svg%3E%0A");
+}
+
+.vitro-tree-view :global(.jstree-checked .jstree-checkbox) {
+    /* checkbox-big-active.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='2.5' fill='%234292F7'/%3E%3Cpath d='M16.7062 8.50593C17.0826 8.86144 17.0996 9.45479 16.7441 9.83121L11.4316 15.4562C11.2577 15.6404 11.0166 15.7463 10.7634 15.7499C10.5101 15.7535 10.2662 15.6545 10.0871 15.4754L7.27459 12.6629C6.90847 12.2968 6.90847 11.7032 7.27459 11.3371C7.6407 10.971 8.2343 10.971 8.60041 11.3371L10.7308 13.4675L15.3809 8.54379C15.7364 8.16737 16.3298 8.15042 16.7062 8.50593Z' fill='white'/%3E%3C/svg%3E%0A");
+}
+
+.vitro-tree-view :global(.jstree-checkbox.jstree-undetermined) {
+    /* checkbox-big-undetermined.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='7' width='10' height='10' rx='1' fill='%234292F7'/%3E%3Crect x='2.625' y='2.625' width='18.75' height='18.75' rx='1.875' stroke='%23C0CAD5' stroke-width='1.25'/%3E%3C/svg%3E%0A");
+}

package/dist/constants/Event.d.ts

@@ -7,5 +7,6 @@ export declare enum EVENT {
     DRAGLEAVE = "dragleave",
     HISTORY_UPDATE = "vitro.history.update",
     HISTORY_CHANGED = "vitro.history.changed",
-    DROP = "drop"
+    DROP = "drop",
+    CONTEXTMENU = "contextmenu"
 }

package/dist/controls/Dialog/Dialog.d.ts

@@ -1,13 +1,23 @@
-/// <reference types="react" />
-interface DialogProps {
+import React from 'react';
+import { DialogButtonProps } from './DialogButton';
+export interface DialogProps {
     title: string;
+    description?: string;
+    imageUrl?: string;
+    buttonList?: DialogButtonProps[];
     labelClose?: string;
-    labelAction?: string;
     isDismissible?: boolean;
+    onClose?: (dialog: any) => any;
     width?: number;
     height?: number;
-    onClose?: () => any;
-    children: any;
+    content?: {
+        component: React.FunctionComponent<any>;
+        props: {
+            [key: string]: any;
+        };
+    };
+    isHideFooter?: boolean;
+    dialog?: any;
+    children?: React.ReactNode;
 }
 export declare const Dialog: (props: DialogProps) => JSX.Element;
-export {};

package/dist/controls/Dialog/DialogButton.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-interface DialogButtonProps {
+export interface DialogButtonProps {
     text: string;
-    onClick: () => any;
+    onClick: (dialog: any) => any;
     isDisabled?: boolean;
     className?: string;
 }
 export declare const DialogButton: (props: DialogButtonProps) => JSX.Element;
-export {};

package/dist/controls/Dialog/DialogComponent.d.ts

@@ -3,7 +3,6 @@ interface DialogComponent {
     width?: number;
     height?: number;
     children: any;
-    isDismissibe?: boolean;
 }
 export declare const DialogComponent: (props: DialogComponent) => JSX.Element;
 export {};

package/dist/controls/Dialog/DialogContent.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface DialogContentProps {
     children?: React.ReactNode;
+    className?: string;
 }
 export declare const DialogContent: (props: DialogContentProps) => JSX.Element;
 export {};

package/dist/controls/Dialog/DialogFooter.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+/// <reference types="react" />
+import { DialogButtonProps } from './DialogButton';
 interface DialogFooterProps {
+    buttonList?: DialogButtonProps[];
     labelClose?: string;
-    labelAction?: string;
-    onActionClick?: () => any;
-    onClose?: () => any;
+    onClose?: (dialog: any) => any;
     isDismissible?: boolean;
-    children?: React.ReactNode;
+    dialog?: any;
 }
 export declare const DialogFooter: (props: DialogFooterProps) => JSX.Element;
 export {};

package/dist/controls/Dialog/DialogHeader.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 interface DialogHeaderProps {
     title: string;
+    description?: string;
+    imageUrl?: string;
 }
 export declare const DialogHeader: (props: DialogHeaderProps) => JSX.Element;
 export {};

package/dist/controls/TabGroup/TabGroup.d.ts

@@ -5,5 +5,6 @@ export interface TabGroupProps {
     placeholder?: string;
     onChange?: (index: number) => void;
     itemList: TabItem[];
+    className?: string;
 }
 export declare const TabGroup: (props: TabGroupProps) => JSX.Element;

package/dist/controls/TabGroup/TabGroupComponent.d.ts

@@ -4,5 +4,6 @@ export interface TabGroupComponentProps {
     onChange?: (index: number) => void;
     wrap?: boolean;
     itemList: TabItem[];
+    className?: string;
 }
 export declare const TabGroupComponent: (props: TabGroupComponentProps) => JSX.Element;

package/dist/controls/TreeView/JsTreeViewContextImpl.d.ts

@@ -25,4 +25,11 @@ export declare class JsTreeViewContextImpl implements TreeViewContext {
     openNode(node: any, callback?: any, durationMs?: number): void;
     editNode(): void;
     getParent(node: any): any;
+    getChecked(full: boolean): any[];
+    getUndetermined(full: boolean): any[];
+    getCheckedChildList(id: string): string[];
+    getTopChecked(full: boolean): any[];
+    getBottomChecked(full: boolean): any[];
+    isChecked(node: any): boolean;
+    isUndetermined(node: any): boolean;
 }

package/dist/controls/TreeView/TreeView.d.ts

@@ -5,6 +5,8 @@ interface TreeViewProps {
     id: string;
     getData: (obj: any, cb: any) => any;
     onInit: (jsTreeView: TreeViewContext) => any;
+    isCheckboxSelect?: boolean;
+    isSaveCheckboxState?: boolean;
 }
 export declare const TreeView: (props: TreeViewProps) => JSX.Element;
 export {};

package/dist/controls/TreeView/TreeViewConfig.d.ts

@@ -1,5 +1,6 @@
+import { PLUGIN, CASCADE, NODE_TYPE } from './TreeViewConstants';
 export declare class TreeViewConfig {
-    static getConfig(): {
+    static getConfig(id: string, checkboxSelect?: boolean, saveChecked?: boolean): {
         core: {
             check_callback: boolean;
             themes: {
@@ -8,20 +9,25 @@ export declare class TreeViewConfig {
             multiple: boolean;
             data: (obj: any, cb: any) => any;
         };
-        plugins: string[];
+        plugins: PLUGIN[];
         types: {
             folder: {
-                icon: string;
-                new_node: string;
+                icon: NODE_TYPE;
             };
             file: {
-                icon: string;
+                icon: NODE_TYPE;
                 valid_children: string[];
-                new_node: string;
             };
         };
+        state: {
+            key: string;
+            filter: (state: any) => any;
+        };
         checkbox: {
+            visible: boolean;
             three_state: boolean;
+            tie_selection: boolean;
+            cascade: CASCADE;
         };
         contextmenu: () => never[];
     };

package/dist/controls/TreeView/TreeViewConstants.d.ts

@@ -15,7 +15,14 @@ export declare enum METHOD {
     SELECT_NODE = "select_node",
     OPEN_NODE = "open_node",
     EDIT = "edit",
-    GET_PARENT = "get_parent"
+    GET_PARENT = "get_parent",
+    GET_CHECKED = "get_checked",
+    GET_UNDETERMINED = "get_undetermined",
+    GET_CHECKED_DESCENDANTS = "get_checked_descendants",
+    GET_TOP_CHECKED = "get_top_checked",
+    GET_BOTTOM_CHECKED = "get_bottom_checked",
+    IS_CHECKED = "is_checked",
+    IS_UNDETERMINED = "is_undetermined"
 }
 export declare enum EVENT {
     CLOSE_NODE = "close_node.jstree",
@@ -27,3 +34,18 @@ export declare enum NODE_TYPE {
     FOLDER = "folder",
     FILE = "file"
 }
+export declare enum PLUGIN {
+    STATE = "state",
+    CHECKBOX = "checkbox",
+    SEARCH = "search",
+    UNIQUE = "unique",
+    TYPES = "types",
+    WHOLEROW = "wholerow",
+    THEMES = "themes",
+    SORT = "sort"
+}
+export declare enum CASCADE {
+    UP = "up",
+    DOWN = "down",
+    UNDETERMINED = "undetermined"
+}

package/dist/controls/TreeView/TreeViewContext.d.ts

@@ -22,4 +22,11 @@ export interface TreeViewContext {
     refresh(): void;
     renameNode(node: any, newName: string): void;
     getParent(node: any): string;
+    getChecked(full: boolean): any[];
+    getUndetermined(full: boolean): any[];
+    getCheckedChildList(id: string): string[];
+    getTopChecked(full: boolean): any[];
+    getBottomChecked(full: boolean): any[];
+    isChecked(node: any): boolean;
+    isUndetermined(node: any): boolean;
 }

package/dist/index.css

@@ -34,6 +34,7 @@
     margin-right: 12px;
     margin-bottom: 0;
     padding-bottom: 12px;
+    margin-bottom: 8px;
 }
 
 @media (max-width: 800px) {
@@ -344,7 +345,6 @@
 }
 
 #TreeView .ps {
-    padding-top: 8px;
     padding-right: 12px;
 }
 
@@ -405,6 +405,10 @@
     margin-left: 0;
 }
 
+.vitro-root-node > .jstree-anchor > .jstree-checkbox {
+    display: none;
+}
+
 ._tree-view_vitro-tree-view_3oii-CW .vitro-root-node > .jstree-anchor > .jstree-icon.folder {
     /* root-folder.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6464 5.35355C10.7402 5.44732 10.8674 5.5 11 5.5H19C20.3807 5.5 21.5 6.61929 21.5 8V18C21.5 19.3807 20.3807 20.5 19 20.5H5C3.61929 20.5 2.5 19.3807 2.5 18V6C2.5 4.61929 3.61929 3.5 5 3.5H7.75736C8.4204 3.5 9.05629 3.76339 9.52513 4.23223L10.6464 5.35355Z' stroke='%23999B9D' stroke-linejoin='round'/%3E%3Cpath d='M8 16L12 10' stroke='%23999B9D' stroke-linecap='round'/%3E%3Cpath d='M12 16L16 16' stroke='%23999B9D' stroke-linecap='round'/%3E%3C/svg%3E%0A") !important;
@@ -434,7 +438,7 @@
     height: 32px !important;
     line-height: 32px !important;
     background-position: center !important;
-    background-size: 100% !important;
+    background-size: 100%;
     margin-right: 4px;
 }
 
@@ -450,7 +454,22 @@
     background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 7L14.5 12L9.5 17' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
     background-repeat: no-repeat;
     background-position: center center !important;
-}  
+}
+
+._tree-view_vitro-tree-view_3oii-CW .jstree-checkbox {
+    /* checkbox-big-empty.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='2' stroke='%23C0CAD5'/%3E%3C/svg%3E%0A");
+}
+
+._tree-view_vitro-tree-view_3oii-CW .jstree-checked .jstree-checkbox {
+    /* checkbox-big-active.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='20' height='20' rx='2.5' fill='%234292F7'/%3E%3Cpath d='M16.7062 8.50593C17.0826 8.86144 17.0996 9.45479 16.7441 9.83121L11.4316 15.4562C11.2577 15.6404 11.0166 15.7463 10.7634 15.7499C10.5101 15.7535 10.2662 15.6545 10.0871 15.4754L7.27459 12.6629C6.90847 12.2968 6.90847 11.7032 7.27459 11.3371C7.6407 10.971 8.2343 10.971 8.60041 11.3371L10.7308 13.4675L15.3809 8.54379C15.7364 8.16737 16.3298 8.15042 16.7062 8.50593Z' fill='white'/%3E%3C/svg%3E%0A");
+}
+
+._tree-view_vitro-tree-view_3oii-CW .jstree-checkbox.jstree-undetermined {
+    /* checkbox-big-undetermined.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7' y='7' width='10' height='10' rx='1' fill='%234292F7'/%3E%3Crect x='2.625' y='2.625' width='18.75' height='18.75' rx='1.875' stroke='%23C0CAD5' stroke-width='1.25'/%3E%3C/svg%3E%0A");
+}
 
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-custom-lookup-edit.css');
@@ -1616,6 +1635,10 @@
     border-radius: 0 0 4px 4px;
 }
 
+._tab-group_vitro-tab_1Qb50HL .nav .dropdown-item:first-child:last-child {
+    border-radius: 4px;
+}
+
 ._tab-group_vitro-tab_1Qb50HL .nav > div._tab-group_vitro-item_2YnBcmb {
     flex-grow: 1;
     text-align: center;
@@ -3056,6 +3079,7 @@
 ._lookup-picker_vitro-lookup-picker_1aXYQEG {
     position: relative;
     margin-bottom: 22px;
+    width: 100%;
 }
 
 ._lookup-picker_vitro-content_37L0slb {
@@ -3432,11 +3456,15 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-item ._command-menu-dropdown-button_vitro-icon_36InzPx {
     width: 20px;
     height: 20px;
-    background-size: 20px !important;
     margin-right: 12px;
     margin-left: 0;
 }
 
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-item ._command-menu-dropdown-button_vitro-icon_36InzPx img {
+    width: 20px;
+    height: 20px;
+}
+
 ._command-menu-dropdown-button_vitro-button-collapse-bottom_1OS_X_a {
     width: 24px;
     height: 24px;
@@ -3471,7 +3499,8 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     width: 24px;
 }
 
-.vitro-button-context > div {
+.vitro-button-context > div,
+.vitro-button-context img {
     margin: 0 !important;
 }
 
@@ -3814,7 +3843,12 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     width: 450px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
     border-radius: 4px;
-    padding: 12px !important;
+}
+
+._alert_vitro-alert_3sPAkJb .alert {
+    margin-bottom: 0;
+    padding: 12px;
+    border-radius: 4px;
 }
 
 #Timesheets ._alert_vitro-alert_3sPAkJb {
@@ -3956,82 +3990,93 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     margin: 5px;
 }
 
-._alert_vitro-alert_3sPAkJb.alert-danger,
-._alert_vitro-alert_3sPAkJb.alert-success,
-._alert_vitro-alert_3sPAkJb.alert-warning {
+._alert_vitro-alert_3sPAkJb .alert-danger,
+._alert_vitro-alert_3sPAkJb .alert-success,
+._alert_vitro-alert_3sPAkJb .alert-warning {
     border: none;
     background-color: #fff !important;
     color: #222d44;
 }
 
-._alert_vitro-alert_3sPAkJb.alert-danger {
+._alert_vitro-alert_3sPAkJb .alert-danger {
     border-left: 4px solid #D13438;
 }
 
-._alert_vitro-alert_3sPAkJb.alert-success {
+._alert_vitro-alert_3sPAkJb .alert-success {
     border-left: 4px solid #198754;
 }
 
-._alert_vitro-alert_3sPAkJb.alert-warning {
+._alert_vitro-alert_3sPAkJb .alert-warning {
     border-left: 4px solid #F3AD4A;
 }
 
-._alert_vitro-alert_3sPAkJb.alert-danger ._alert_vitro-icon_pK385gF {
+._alert_vitro-alert_3sPAkJb .alert-danger ._alert_vitro-icon_pK385gF {
     /* error.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23D13438'/%3E%3Cpath id='Vector_2' d='M9 15L12 12L15 15M15 9L11.9994 12L9 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
 }
 
-._alert_vitro-alert_3sPAkJb.alert-success ._alert_vitro-icon_pK385gF {
+._alert_vitro-alert_3sPAkJb .alert-success ._alert_vitro-icon_pK385gF {
     /* success.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath id='Vector' d='M12 22C14.7614 22 17.2614 20.8807 19.0711 19.0711C20.8807 17.2614 22 14.7614 22 12C22 9.2386 20.8807 6.7386 19.0711 4.92893C17.2614 3.11929 14.7614 2 12 2C9.2386 2 6.7386 3.11929 4.92893 4.92893C3.11929 6.7386 2 9.2386 2 12C2 14.7614 3.11929 17.2614 4.92893 19.0711C6.7386 20.8807 9.2386 22 12 22Z' fill='%23198754'/%3E%3Cpath id='Vector_2' d='M8 12L11 15L16 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
 }
 
-._alert_vitro-alert_3sPAkJb.alert-warning ._alert_vitro-icon_pK385gF {
+._alert_vitro-alert_3sPAkJb .alert-warning ._alert_vitro-icon_pK385gF {
     /* warning.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='check-one /Line/Black'%3E%3Cpath id='Vector' d='M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z' fill='%23F3AD4A'/%3E%3Cg id='Vector_2'%3E%3Cpath d='M12 6V12Z' fill='white'/%3E%3Cpath d='M12 6V12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Ccircle id='Ellipse 135' cx='12' cy='17' r='1' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
 }
-._dialog-header_vitro-dialog-header_2W3GraU {
-    font-size: 18px;
-    line-height: 150%;
-    margin-bottom: 12px;
+._dialog-content_vitro-dialog-content_qQNWu6x {
+    min-width: auto;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    flex-shrink: 1;
 }
-
-._dialog_vitro-dialog_2NzcRZg {
-    position: fixed;
-    margin: 0 auto;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 10000;
+
+._dialog-content_vitro-dialog-content_qQNWu6x .ps {
+    padding-top: 12px;
+    padding-left: 16px;
+}
+
+._dialog-content_vitro-dialog-content_qQNWu6x > div {
+    max-height: 100%;
+}
+._dialog-header_vitro-dialog-header_2W3GraU {
+    padding: 20px 16px;
+    border-bottom: 1px solid #E4E6EC;
+    background: #fff;
+    border-radius: 4px 4px 0 0;
     display: flex;
     align-items: center;
-    justify-content: center;
-    background: rgba(34, 45, 68, 0.2);
 }
 
-._dialog_vitro-dialog_2NzcRZg > div {
-    display: flex;
-    flex-direction: column;
-    border: 1px solid #C0CAD5;
-    background: #fff;
-    position: absolute;
-    display: block;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    opacity: 1;
-    padding: 24px;
-    border-radius: 4px;
-    min-height: 514px;
-    width: 760px;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+._dialog-header_vitro-title_2k8SPhE {
+    color: #222D44;
+    font-size: 20px;
+    line-height: 24px;
+    margin-bottom: 0;
 }
 
-._dialog_vitro-dialog_2NzcRZg .vitro-content {
-    height: 400px;
+._dialog-header_vitro-description_Hiq51VI {
+    color: #4A556C;
+    font-size: 14px;
+    line-height: 16px;
+    margin-top: 7px;
+    margin-bottom: 0;
+}
+
+._dialog-header_vitro-icon_3GtsVWO {
+    width: 38px;
+    height: 38px;
+    margin-right: 16px;
+}
+._dialog-button_vitro-dialog-button_1fQ5l22 {
+    margin-left: 12px;
+}
+
+._dialog-button_vitro-dialog-button_1fQ5l22:disabled {
+    background: #E0E0E0;
 }
-
 ._dialog-button-close_vitro-dialog-button-close_1p27cEz {
     display: block;
     position: absolute;
@@ -4040,9 +4085,9 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     outline: 0;
     cursor: pointer;
     padding: 0;
-    width: 32px;
-    height: 32px;
-    right: -48px;
+    width: 26px;
+    height: 26px;
+    right: -42px;
     top: 2px;
     /* close.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' stroke='%23fff' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 32.333l16-16m0 0l-16-16m16 16l16 16m-16-16l16-16'%3E%3C/path%3E%3C/svg%3E");
@@ -4052,8 +4097,6 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     background: #fff !important;
     color: #222D44 !important;
     border: none;
-    margin-left: 12px;
-    font-family: 'InterRegular' !important;
 }
 
 ._dialog-button-close_vitro-button-close_2BpzTR0:hover,
@@ -4067,47 +4110,46 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     }
 }
 
-._dialog-content_vitro-dialog-content_qQNWu6x {
-    min-width: auto;
-    overflow: visible;
-    flex: none;
+._dialog-footer_vitro-dialog-footer_2vUQ3aG {
     display: flex;
-    flex-direction: column;
-}
-
-._dialog-content_vitro-dialog-content_qQNWu6x > div:first-child {
-    margin-top: 26px;
-}
-
-._dialog-content_vitro-dialog-content_qQNWu6x {
-    max-height: 360px !important;
-    height: 360px;
-}
-
-._dialog-content_vitro-dialog-content_qQNWu6x textarea {
-    max-height: 200px;
+    justify-content: flex-end;
+    background: #fff;
+    width: 100%;
+    padding: 16px;
+    border-top: 1px solid #E4E6EC;
+    margin-top: auto;
+    border-radius: 0 0 4px 4px;
 }
-
-._dialog-content_vitro-dialog-content_qQNWu6x:has(div[role=alert]) textarea {
-    max-height: 125px;
+
+._dialog_vitro-dialog_2NzcRZg {
+    position: fixed;
+    margin: 0 auto;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 10000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(34, 45, 68, 0.2);
 }
 
-.vitro-time-log-history {
-    height: 100%;
-    margin: 0 !important;
-}
-
-._dialog-button_vitro-dialog-button_1fQ5l22:disabled {
-    background: #E0E0E0;
-}
-._dialog-footer_vitro-dialog-footer_2vUQ3aG {
+._dialog_vitro-dialog_2NzcRZg > div {
     display: flex;
-    justify-content: flex-end;
-    z-index: 1000;
+    flex-direction: column;
+    border: 1px solid #C0CAD5;
     background: #fff;
     position: absolute;
-    bottom: 0;
-    right: 0;
+    overflow: visible;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    opacity: 1;
+    border-radius: 4px;
+    height: 534px;
+    width: 760px;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 ._user-profile_vitro-user-profile_11XpBoQ span {
     margin-right: 10px;