@vitrosoftware/common-ui-ts 1.1.19 → 1.1.21

package/css/common.css

@@ -18,7 +18,7 @@
 
 :global(.vitro-title) {
     font-size: 20px;
-    font-family: 'InterMedium';
+    font-family: 'InterRegular';
     line-height: 24px;
     margin-right: 24px;
     margin-bottom: 14px;

package/css/std/controls/activity/activity.css

@@ -0,0 +1,21 @@
+.vitro-title {
+    color: #bdbdbd;
+    margin-bottom: 12px;
+    text-align: center;
+}
+
+.vitro-title > h3 {
+    text-transform: uppercase;
+    font-size: 12pt;
+    margin: 0;
+}
+
+.vitro-dropdown-button {
+    position: absolute;
+    right: 0;
+}
+
+.vitro-activity :global(.preview-roller-wrapper) {
+    height: 100px;
+    position: relative;
+}

package/css/std/controls/activity-item/activity-item.css

@@ -0,0 +1,74 @@
+.vitro-item {
+    margin-bottom: 22px;
+    min-height: 32px;
+}
+
+.vitro-item.vitro-active {
+    background: #F3F8FF;
+}
+
+.vitro-item > :global(.vitro-flex) {
+    width: 100%;
+}
+
+.vitro-title span {
+    color: #222d44;
+}
+
+.vitro-due-date {
+    font-size: 8pt;
+    color: #bdbdbd;
+    float: right;
+    white-space: nowrap;
+}
+
+.vitro-content {
+    margin-top: -1px;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-right: 4px;
+}
+
+.vitro-content p {
+    margin-block-start: 0px;
+    margin-block-end: 0px;
+    margin-bottom: 0px;
+    color: #bdbdbd;
+    font-size: 9pt;
+    line-height: 14px;
+    margin-top: 3px;
+}
+
+.vitro-content p span {
+    font-size: 9pt !important;
+}
+
+.vitro-content :global(.vitro-status-changed) {
+    font-style: normal;
+    color: #27AE60;
+    font-size: 9pt;
+}
+
+.vitro-message {
+    overflow-wrap: anywhere;
+}
+
+.vitro-message img {
+    max-width: calc(100% - 20px);
+    display: block;
+    margin: 4px 0;
+}
+
+.vitro-flex {
+    display: flex;
+}
+
+.vitro-dropdown-button {
+    align-self: flex-start;
+}
+
+.vitro-avatar {
+    margin-right: 4px;
+}

package/css/std/controls/button/button.css

@@ -1,5 +1,5 @@
 .vitro-button {
-    font-family: 'InterSemiBold';
+    font-family: 'InterMeduim';
     font-size: 14px;
     outline: none;
     height: 32px;

package/css/std/controls/command-menu/command-menu-item.css

@@ -5,7 +5,7 @@
 
 li:first-child .vitro-item {
     background: #347FDE;
-    font-family: 'InterSemiBold';
+    font-family: 'InterMedium';
     color: #fff;
 }
 

package/css/std/controls/icon/icon.css

@@ -0,0 +1,3 @@
+:global(.vitro-display-none) {
+    display: none;
+}

package/css/std/controls/sidebar/sidebar-item.css

@@ -1,11 +1,3 @@
-.vitro-active {
-    background-color: #DCEEFF;
-}
-
-ul > li:last-child > ul > li:last-child .vitro-active {
-    background-color: transparent;
-}
-
 .vitro-icon-text {
     display: none;
     color: #222D44;
@@ -21,6 +13,18 @@ ul > li:last-child > ul > li:last-child .vitro-active {
     display: none;
 }
 
+.vitro-active {
+    background-color: #DCEEFF;
+}
+
+.vitro-hover .vitro-icon-text {
+    color: #326AD6;
+}
+
+ul > li:last-child > ul > li:last-child .vitro-active {
+    background-color: transparent;
+}
+
 .vitro-active .vitro-icon-text,
 .vitro-active .vitro-item-text {
     color: #326AD6;
@@ -54,10 +58,6 @@ ul > li:last-child > ul > li:last-child .vitro-active {
     display: block;
 }
 
-.vitro-active {
-    background-color: #DCEEFF;
-}
-
 :global(.vitro-bottom-menu) .vitro-item-text {
     display: block;
     color: #4A556C;

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

@@ -80,6 +80,10 @@
     font-weight: unset;
 }
 
+.TWHeaderText {
+    color: #4A556C !important;
+}
+
 .TWInt, .TWFloat, .TWDate {
     text-align: unset;
 }
@@ -123,9 +127,9 @@
     background: #fff !important;
 }
 
-.TWFocusRowBackground {
+.TWCursorBackground {
     background: #0085FF !important;
-    opacity: 0.13 !important;
+    opacity: 0.136 !important;
 }
 
 .TWMenuMain {
@@ -525,10 +529,6 @@
     text-align: center;
 } 
 
-.TWFocusRowBackground {
-    background: #0083ff !important;
-}
-
 .TWFilter0Value u.TWFilter1, .TWFilter0Value u.TWFilter0,
 .TWCellHeaderPanel .TWPanelDelete {
     display: none;

package/css/std/controls/uploader/uploader.css

@@ -2,7 +2,7 @@
     bottom: 24px;
     right: 24px;
     position: absolute;
-    transition: all 1s ease;
+    transition: all 0.1s ease;
     width: 241px;
     height: 96px;
     z-index: 10000000000000;
@@ -261,9 +261,9 @@
     background-repeat: no-repeat;
     border: none;
     outline: none;
-    width: 16px;
-    height: 16px;
-    top: 16px;
+    width: 24px;
+    height: 24px;
+    top: 12px;
 }
 
 .vitro-uploader .vitro-button-close {
@@ -274,14 +274,14 @@
 
 .vitro-button-show {
     /* show.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.66406 9.66406L7.99739 6.33073L11.3307 9.66406' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-    right: 40px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='4' transform='matrix(0 1 1 0 0 0)' fill='white'/%3E%3Cpath d='M20 15L12 7L4 15' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    right: 48px;
 }
 
 .vitro-button-hide {
     /* hide.svg URL-encoder for SVG */
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.3359 6.33594L8.0026 9.66927L4.66927 6.33594' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-    right: 40px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect width='24' height='24' rx='4' transform='matrix(1.19249e-08 -1 -1 -1.19249e-08 24 24)' fill='white'/%3E%3Cpath d='M4 9L12 17L20 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    right: 48px;
 }
 
 .vitro-uploader :global(.k-upload .k-dropzone .k-upload-status) {
@@ -398,7 +398,8 @@
 
 .vitro-uploader :global(#vitro-uploader-title) {
     display: flex;
-    width: 176px;
+    width: fit-content;
+    max-width: 80%;
     align-items: center;
     justify-content: space-between;
     font-family: 'InterMedium';
@@ -414,6 +415,7 @@
     display: inline-block !important;
     width: 24px;
     height: 24px;
+    margin-left: 12px;
     background-position: center;
     background-size: 100%;
     display: none;
@@ -423,7 +425,6 @@
 
 .vitro-uploader :global(.vitro-upload-complete) :global(#vitro-uploader-title) {
     display: flex;
-    width: 176px;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 0;

package/css/white/controls/activity/activity.css

@@ -0,0 +1,21 @@
+.vitro-title {
+    color: #bdbdbd;
+    padding: 12px 0 6px 0;
+    text-align: center;
+}
+
+.vitro-title > h3 {
+    text-transform: uppercase;
+    font-size: 12pt;
+    margin: 4px 0 2px 0;
+}
+
+.vitro-dropdown-button {
+    position: absolute;
+    right: 0;
+}
+
+.vitro-activity :global(.preview-roller-wrapper) {
+    height: 100px;
+    position: relative;
+}

package/css/white/controls/activity-item/activity-item.css

@@ -0,0 +1,65 @@
+.vitro-item {
+    margin: 4px 0 0 0;
+    min-height: 32px;
+}
+
+.vitro-item.vitro-active {
+    background: #F5F6FA;
+}
+
+.vitro-item > :global(.vitro-flex) {
+    width: 100%;
+}
+
+.vitro-title span {
+    color: #222d44;
+}
+
+.vitro-due-date {
+    font-size: 8pt;
+    color: #bdbdbd;
+    float: right;
+    white-space: nowrap;
+}
+
+.vitro-content {
+    margin-top: -1px;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.vitro-content p {
+    margin-block-start: 0px;
+    margin-block-end: 0px;
+    margin-bottom: 0px;
+    color: #bdbdbd;
+    font-size: 9pt;
+    line-height: 14px;
+    margin-top: 3px;
+}
+
+.vitro-content p span {
+    font-size: 9pt !important;
+}
+
+.vitro-content :global(.vitro-status-changed) {
+    font-style: normal;
+    color: #27AE60;
+    font-size: 9pt;
+}
+
+.vitro-message {
+  overflow-wrap: anywhere;
+}
+
+.vitro-message img {
+  max-width: calc(100% - 20px);
+  display: block;
+  margin: 4px 0;
+}
+
+.vitro-flex {
+  display: flex;
+}

package/dist/constants/Event.d.ts

@@ -4,5 +4,7 @@ export declare enum EVENT {
     KEYDOWN = "keydown",
     RESIZE = "resize",
     DRAGOVER = "dragover",
-    DRAGLEAVE = "dragleave"
+    DRAGLEAVE = "dragleave",
+    HISTORY_UPDATE = "vitro.history.update",
+    HISTORY_CHANGED = "vitro.history.changed"
 }

package/dist/controls/Activity/Activity.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DropdownItem } from '../DropdownButton/DropdownItem';
+interface ActivityProps {
+    title?: string;
+    filterDropdownList?: DropdownItem[];
+    children: React.ReactNode;
+}
+export declare const Activity: (props: ActivityProps) => JSX.Element;
+export {};

package/dist/controls/ActivityItem/ActivityItem.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { DropdownItem } from '../DropdownButton/DropdownItem';
+export interface ActivityItemProps {
+    userName: string;
+    title?: string;
+    userImageUrl?: string;
+    message: string;
+    date?: any;
+    variant?: string;
+    dropdownItemList?: DropdownItem[];
+    onDropdownToggle?: (state: any, e: any) => any;
+    isActive?: boolean;
+    isShowDetail?: boolean;
+    children?: React.ReactNode;
+}
+export declare const ActivityItem: (props: ActivityItemProps) => JSX.Element;

package/dist/controls/Icon/Icon.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import '../../../css/std/controls/icon/icon.css';
+interface IconProps {
+    defaultUrl: string;
+    hoverUrl?: string;
+    className?: string;
+    isHover?: boolean;
+    onClick?: () => any;
+}
+export declare const Icon: (props: IconProps) => JSX.Element;
+export {};

package/dist/controls/TelerikUploader/TelerikUploaderConstants.d.ts

@@ -1,5 +1,4 @@
 export declare enum EVENT {
-    UPLOAD_START = "vitro.upload.start",
     ADD_FILE = "vitro.file.add",
     READY_STATE_CHANGE = "readystatechange"
 }

package/dist/controls/TelerikUploader/TelerikUploaderContextImpl.d.ts

@@ -8,7 +8,7 @@ export declare class TelerikUploaderContextImpl implements TelerikUploaderContex
     private token;
     private settings;
     private localeService;
-    private onUploadComplete;
+    private toggleButtons;
     private successCount;
     private errorCount;
     private fileList;
@@ -16,7 +16,7 @@ export declare class TelerikUploaderContextImpl implements TelerikUploaderContex
     private progressBar;
     private title;
     private subtitle;
-    constructor(uploader: HTMLInputElement, container: HTMLDivElement, dropZone: HTMLDivElement, settings: TelerikUploaderSettings, localeService: LocaleService, onUploadComplete: () => any);
+    constructor(uploader: HTMLInputElement, container: HTMLDivElement, dropZone: HTMLDivElement, settings: TelerikUploaderSettings, localeService: LocaleService, toggleButtons: (show: boolean) => any);
     clearAllFiles(): void;
     private resetUploader;
     private initAuthorization;

package/dist/controls/TelerikUploader/TelerikUploaderSettings.d.ts

@@ -1,11 +1,13 @@
 export interface TelerikUploaderSettings {
     async: {
         saveUrl: string;
-        autoUpload: boolean;
-        batch: boolean;
-        concurrent: boolean;
+        isAutoUpload: boolean;
+        isBatch: boolean;
+        isConcurrent: boolean;
     };
     upload: (e: any) => void;
     success?: (e: any) => void | undefined;
-    directoryDrop: boolean;
+    isDirectoryDrop: boolean;
+    isAutoReset?: boolean;
+    resetDurationMs?: number;
 }

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

@@ -20,7 +20,8 @@ export declare enum METHOD {
 export declare enum EVENT {
     CLOSE_NODE = "close_node.jstree",
     SELECT_NODE = "select_node.jstree",
-    LOADED = "loaded.jstree"
+    LOADED = "loaded.jstree",
+    MODEL = "model.jstree"
 }
 export declare enum NODE_TYPE {
     FOLDER = "folder",

package/dist/controls/ViewPart/ViewPart.d.ts

@@ -3,6 +3,7 @@ interface ViewPartProps {
     component: any;
     settings: any;
     props: any;
+    item?: any;
 }
 export declare let ViewPart: (props: ViewPartProps) => JSX.Element;
 export {};