@vitrosoftware/common-ui-ts 1.1.22 → 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,6 +95,7 @@
     height: 32px !important;
     line-height: 32px !important;
     background-position: center !important;
+    background-size: 100%;
     margin-right: 4px;
 }
 
@@ -107,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/css/std/controls/uploader/uploader.css

@@ -471,3 +471,7 @@
     position: unset !important;
 }
 
+:global(.vitro-file-icon) {
+    width: 24px;
+    height: 24px;
+}

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/TelerikUploader/TelerikUploaderContextImpl.d.ts

@@ -31,6 +31,7 @@ export declare class TelerikUploaderContextImpl implements TelerikUploaderContex
     private getProgressInfo;
     addFile(): void;
     setAthorizationToken(token: string): void;
+    private setFileImage;
     private setProgressBar;
     private setFileProgress;
     private initOnDrop;

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

@@ -10,4 +10,5 @@ export interface TelerikUploaderSettings {
     isDirectoryDrop: boolean;
     isAutoReset?: boolean;
     resetDurationMs?: number;
+    getFileImage?: (name: string) => string;
 }

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