@vitrosoftware/common-ui-ts 1.1.16 → 1.1.17

package/css/std/controls/pdf-viewer/zoom.css

@@ -0,0 +1,14 @@
+.canvasWrapper {
+    position: relative;
+}
+
+canvas.zoom {
+    position: absolute;
+    z-index: 2;
+    opacity: 0;
+    /*outline: 2px solid #ff0000;*/
+}
+
+canvas.zoom.loaded {
+    opacity: 1;
+}

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

@@ -130,7 +130,8 @@
 
 .TWMenuMain {
     width: 241px !important;
-    margin-top: 8px !important;
+    margin-top: 24px !important;
+    margin-left: -34px;
     border: none;
     border-radius: 4px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
@@ -145,7 +146,7 @@
     background-size: 100%;
     background-repeat: no-repeat;
     position: absolute;
-    right: 26px;
+    left: 24px;
     top: -11px;
     /* dropdown-arrow.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
@@ -590,3 +591,121 @@
 .TWCell .vitro-flex > div {
     margin-right: 4px;
 }
+
+.TWRowAbove {
+    margin: 0;
+    padding: 0 24px;
+    border-bottom: 1px solid #E4E6EC;
+    overflow: visible;
+}
+
+.TWRowAbove > table {
+    border-collapse: separate !important;
+}
+
+.TWTabHtmlBase {
+    border-radius: 4px 4px 0px 0px;
+    padding: 8px 16px !important;
+    font-size: 12px;
+    line-height: 16px;
+    border-top: 1px solid #E4E6EC;
+    border-right: 1px solid #E4E6EC;
+    border-left: 1px solid #E4E6EC;
+    font-weight: unset !important;
+}
+
+.TWTabHtmlBase:hover,
+.TWTabHtmlBase:active,
+.TWTabHtml1:hover,
+.TWTabHtml1:active {
+    background-color: #F7F9FC !important;
+}
+
+.TWTabHtml1 {
+    background: #F7F9FC !important;
+    font-family: 'InterMedium';
+    position: relative;
+}
+
+.TWTabHtml1::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    display: block;
+    height: 1px;
+    background: #F7F9FC;
+    top: 100%;
+    left: 0;
+}
+
+.TWHeaderGroup {
+    padding: 0 4px;
+    background: #fff;
+}
+
+.TWHeaderGroup > div {
+    font-family: 'InterMedium';
+    font-size: 12px;
+    line-height: 16px;
+    background: #DCEEFF;
+    border-radius: 4px;
+    height: 100%;
+    width: fit-content !important;
+    padding: 4px 8px;
+}
+
+.TWSpaceWidthInner {
+    height: 100%;
+}
+
+.TWDropCols table {
+    height: 100%;
+}
+
+.TWGroupRow {
+    border-right: none !important;
+    border-left: none !important;
+    border-top: none !important;
+    border-bottom: 1px solid #E4E6EC;
+    padding: 2px 12px 2px 24px;
+}
+
+.TWGroupRow .TWCollapseLeft {
+    background-size: 24px;
+    padding: 0 28px !important;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cg filter='url(%23filter0_d_1286_83964)'%3E%3Crect width='24' height='24' rx='4' transform='matrix(1.19249e-08 -1 -1 -1.19249e-08 26 26)' fill='white'/%3E%3Cpath d='M9 12.5L14 17.5L19 12.5' stroke='%234A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1286_83964' x='0' y='0' width='28' height='28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='1' operator='dilate' in='SourceAlpha' result='effect1_dropShadow_1286_83964'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.890196 0 0 0 0 0.898039 0 0 0 0 0.909804 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1286_83964'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1286_83964' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") !important;
+}
+
+.TWGroupRow .TWExpandLeft {
+    background-size: 24px;
+    padding: 0 28px !important;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cg filter='url(%23filter0_d_1286_83977)'%3E%3Crect width='24' height='24' rx='4' transform='matrix(-1 0 0 1 26 2)' fill='white'/%3E%3Cpath d='M12.5 19L17.5 14L12.5 9' stroke='%234A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_1286_83977' x='0' y='0' width='28' height='28' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeMorphology radius='1' operator='dilate' in='SourceAlpha' result='effect1_dropShadow_1286_83977'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.890196 0 0 0 0 0.898039 0 0 0 0 0.909804 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1286_83977'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1286_83977' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") !important;
+}
+
+.TWDropCols {
+    padding: 0px !important;
+}
+
+.group-row {
+    background-color: #F7F9FC !important;
+    border-bottom: 1px solid #E4E6EC;
+}
+
+.group-text {
+    color: #4A556C;
+    font-family: 'InterMedium';
+    font-size: 14px;
+    line-height: 16px;
+}
+
+.vitro-group-active > div {
+    border-radius: 4px;
+    border: 1px dashed #8E98A3;
+    background: #F3F8FF;
+    color: #F3F8FF !important;
+    height: 80%;
+}
+
+.TWHeaderGroupCustom {
+    padding: 0;
+}

package/dist/constants/Ctrl.d.ts

@@ -10,6 +10,8 @@ export declare class CTRL {
     static readonly BRACE_CLOSE = "}";
     static readonly PARENTHESIS_OPEN = "(";
     static readonly PARENTHESIS_CLOSE = ")";
+    static readonly SQUARE_BRACKET_OPEN = "[";
+    static readonly SQUARE_BRACKET_CLOSE = "]";
     static readonly EQUAL = "=";
     static readonly AMPERSAND = "&";
     static readonly DASH = "-";

package/dist/controls/ActionHandler/ActionHandler.d.ts

@@ -4,7 +4,7 @@ interface ActionHandlerProps {
     actionText?: string;
     processItem: (item: any) => any;
     item?: any;
-    itemList: any[];
+    itemList?: any[];
     isShowAfterAction?: boolean;
     isShowProgress?: boolean;
     isHideProgressBar?: boolean;

package/dist/controls/ActionHandler/ActionHandlerConstants.d.ts

@@ -2,6 +2,7 @@ export declare enum LOCALE {
     CONF_SINGLE = "app.common.msg.action.conf.single",
     CONF_MULTI = "app.common.msg.action.conf.multi",
     ITEM_COUNT = "app.common.actionHandler.itemCount",
+    ITEM_NAME = "app.common.actionHandler.itemName",
     SUCCESS_SINGLE = "app.common.msg.action.success.single",
     SUCCESS_MULTI = "app.common.msg.action.success.multi",
     ERROR_SINGLE = "app.common.msg.action.error.single",

package/dist/controls/Avatar/Avatar.d.ts

@@ -3,6 +3,7 @@ interface AvatarProps {
     userName: string;
     image?: string;
     isBigSize?: boolean;
+    className?: string;
 }
 export declare const Avatar: (props: AvatarProps) => JSX.Element;
 export {};

package/dist/controls/CommandMenu/CommandMenuDropdownButton.d.ts

@@ -4,7 +4,7 @@ interface CommandMenuDropdownButtonProps {
         text: string;
         onClick: (e: any) => any;
     }[];
-    toggle?: any;
+    toggle?: boolean;
     children: React.ReactNode;
     text: string;
     isVisibleFunction?: boolean;

package/dist/controls/CommandMenu/CommandMenuSubItem.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 interface CommandMenuSubItemProps {
     text: string;
-    toggle: boolean;
+    toggle?: boolean;
     title?: string;
     onClick: (e: any) => any;
     href?: string;

package/dist/controls/DropdownButton/DropdownButton.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { DropdownItem } from './DropdownItem';
+interface DropdownButtonProps {
+    itemList: DropdownItem[];
+    title?: string;
+    isIgnoreOverflow?: boolean;
+    onToggle?: (state: any, e: any) => any;
+    className?: string;
+}
+export declare const DropdownButton: (props: DropdownButtonProps) => JSX.Element;
+export {};

package/dist/controls/DropdownButton/DropdownItem.d.ts

@@ -0,0 +1,11 @@
+export interface DropdownItem {
+    key: string;
+    actionCode?: string;
+    text: string;
+    value: any;
+    onClick: (value: any, e?: any) => any;
+    imageUrl?: string;
+    imageHoverUrl?: string;
+    isConfirm?: boolean;
+    isOverflow?: boolean;
+}

package/dist/controls/IssueTile/IssueTile.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+interface IssueTileProps {
+    id: string;
+    url?: string;
+    text: string;
+    userName: string;
+    userImage?: string;
+    date: any;
+    fileVersion: number;
+    fileVersionUrl?: string;
+    status: string;
+    statusColor?: string;
+    actionList?: {
+        key: string;
+        text: string;
+        value: any;
+        onClick: (e: any, value: string) => any;
+    }[];
+    onClick: () => any;
+    onBlur: (e: any) => any;
+    onShowMoreClick: (e: any, issue?: any) => any;
+    isActive?: boolean;
+    createLocale: (key: string) => any;
+}
+export declare const IssueTile: (props: IssueTileProps) => JSX.Element;
+export {};

package/dist/controls/IssueTile/IssueTileConstants.d.ts

@@ -0,0 +1,3 @@
+export declare enum LOCALE {
+    TEXTAREA_LABEL = "app.common.issueTile.textareaLabel"
+}

package/dist/controls/IssueTile/IssueTileFooter.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IssueTileFooterProps {
+    status: string;
+    statusColor?: string;
+    onShowMoreClick?: (e: any, issue?: any) => any;
+}
+export declare const IssueTileFooter: (props: IssueTileFooterProps) => JSX.Element;
+export {};

package/dist/controls/IssueTile/IssueTileHeader.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+interface IssueTileHeaderProps {
+    id: string;
+    url?: string;
+    userName: string;
+    userImage?: string;
+    date: any;
+    fileVersion: number;
+    fileVersionUrl?: string;
+    actionList?: {
+        key: string;
+        text: string;
+        value: any;
+        onClick: (value: any, e: any) => any;
+    }[];
+}
+export declare const IssueTileHeader: (props: IssueTileHeaderProps) => JSX.Element;
+export {};

package/dist/controls/PdfViewer/PdfViewerContext.d.ts

@@ -4,4 +4,10 @@ export interface PdfViewerContext {
     getFile(id: string): any;
     getFileVersionList(id: string): any;
     createLocale(key: string): any;
+    updateIssue(name: string, description: string): any;
+    getIssueList(): Promise<any>;
+    onCreateIssue(data: any): any;
+    toggleIssueDetail(show: boolean): any;
+    deleteIssueEvent?: string;
+    updateIssueEvent?: string;
 }

package/dist/controls/TableView/TableViewConstants.d.ts

@@ -29,7 +29,9 @@ export declare enum EVENT {
     ON_SORT = "OnSort",
     ON_START_DRAG = "OnStartDrag",
     ON_SUGGEST = "OnSuggest",
-    ON_VALUE_CHANGED = "OnValueChanged"
+    ON_VALUE_CHANGED = "OnValueChanged",
+    ON_DRAG_OVER = "OnDragOver",
+    ON_DROP = "OnDrop"
 }
 export declare enum URL {
     LAYOUT = "Layout",
@@ -132,3 +134,7 @@ export declare enum ACTION {
     SHOW_POPUP_MENU = "ShowPopupMenu",
     SHOW_MENU = "ShowMenu"
 }
+export declare enum SECTION {
+    HEADER = "Header",
+    SPACE = "Space"
+}

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

@@ -5,5 +5,7 @@ export interface TelerikUploaderProps {
     onInit: (uploder: TelerikUploaderContext) => void;
     settings: TelerikUploaderSettings;
     id: string;
+    isAutoClose?: boolean;
+    durationMs?: number;
 }
 export declare const TelerikUploader: (props: TelerikUploaderProps) => JSX.Element;

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

@@ -8,6 +8,7 @@ export declare class TelerikUploaderContextImpl implements TelerikUploaderContex
     private token;
     private settings;
     private localeService;
+    private onUploadComplete;
     private successCount;
     private errorCount;
     private fileList;
@@ -15,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);
+    constructor(uploader: HTMLInputElement, container: HTMLDivElement, dropZone: HTMLDivElement, settings: TelerikUploaderSettings, localeService: LocaleService, onUploadComplete: () => any);
     clearAllFiles(): void;
     private resetUploader;
     private initAuthorization;