@vitrosoftware/common-ui-ts 1.0.3 → 1.0.4

package/css/white/controls/breadcrumbs/breadcrumbs.css

@@ -171,8 +171,8 @@
     }
 }
 
-@media (max-width: 414px) {
+@media (max-width: 500px) {
     .vitro-breadcrumbs {
-        margin-left: 20px;
+        margin-left: 26px;
     }
 }

package/css/white/controls/top-level-menu/top-level-menu.css

@@ -5,7 +5,7 @@
     margin: 0;
     margin-right: auto;
     border-left: 1px solid #BDBDBD;
-    font-size: 14px;
+    font-size: 10pt;
     font-family: 'GraphikRegular';
 }
 
@@ -15,7 +15,7 @@
 }
 
 .vitro-top-level-menu > li {
-    margin: 0 17px;
+    margin: 0 16px;
     white-space: nowrap;
 }
 
@@ -86,4 +86,10 @@
     background-repeat: no-repeat;
     /* menu.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23BDBDBD;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='1.8' cy='1.8' r='1.8'/%3E%3Ccircle class='st0' cx='8.2' cy='7.8' r='1.8'/%3E%3Ccircle class='st0' cx='1.8' cy='7.8' r='1.8'/%3E%3Ccircle class='st0' cx='1.8' cy='14.2' r='1.8'/%3E%3Ccircle class='st0' cx='8.2' cy='14.2' r='1.8'/%3E%3Ccircle class='st0' cx='8.2' cy='1.8' r='1.8'/%3E%3Ccircle class='st0' cx='14.2' cy='1.8' r='1.8'/%3E%3Ccircle class='st0' cx='14.2' cy='7.8' r='1.8'/%3E%3Ccircle class='st0' cx='14.2' cy='14.2' r='1.8'/%3E%3C/g%3E%3C/svg%3E%0A");
+}
+
+@media (max-width: 500px) {
+    .vitro-top-level-menu > li {
+        margin: 0 12px;
+    }
 }

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

@@ -1,7 +1,14 @@
 :global(#TreeView) {
-    padding: 20px 24px;
+    height: 100%;
 }
 
+.vitro-tree-view {
+    height: 100%;
+    padding: 20px 24px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
 .vitro-tree-view :global(.jstree-anchor) {
     line-height: 28px;
     height: 28px;
@@ -21,6 +28,11 @@
     box-shadow: none;
 }
 
+.vitro-tree-view :global(.jstree-node):has(:global(.jstree-clicked.focus)) :global(.jstree-wholerow-clicked) {
+    background: #0097ff29;
+    border: 1px solid #0097ff;
+}
+
 .vitro-tree-view :global(.jstree-wholerow-clicked.jstree-wholerow-hovered) {
     background: #E0E0E0;
     box-shadow: none;

package/css/white/third-party/treegrid.css

@@ -31,6 +31,10 @@
 
 .TWDataRow td {
     padding: 1px 3px 0px 3px !important;
+}
+
+.TWFillRow {
+    background: #fff !important;
 }
 
 .TWNoRight.TWHeaderText, .TWNoRight .TWHeaderText {
@@ -401,7 +405,7 @@
 }
 
 .TWFocusRowBackground {
-    background: #e0e0e0;
+    background: #0097ff !important;
 }
 
 .HideCol0IsFavorite.TWCellHeader {

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

@@ -48,4 +48,5 @@ export interface TableViewContext {
     setRowCanExpand(row: TableViewRow, canExpand: boolean): void;
     getFirst(row?: TableViewRow, type?: number): TableViewRow;
     endEdit(editResult: boolean): any;
+    expandRow(row: TableViewRow): void;
 }

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

@@ -54,4 +54,5 @@ export declare class TreeGridTableViewContextImpl implements TableViewContext {
     getFirst(row?: TableViewRow, type?: number): TableViewRow;
     setEventHandler(eventHandler: TableViewEventHandler): void;
     endEdit(success: boolean): any;
+    expandRow(row: TableViewRow): void;
 }

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

@@ -18,8 +18,11 @@ export declare class JsTreeViewContextImpl implements TreeViewContext {
     createNewNode(parent: any, node: any): void;
     renameNode(node: any, newName: string): void;
     redrawNode(node: any, deep?: boolean): void;
+    refreshNode(node: any): void;
+    refresh(): void;
     deleteNode(node: any): void;
     selectNode(node: any): void;
     openNode(node: any): void;
     editNode(): void;
+    getParent(node: any): any;
 }

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

@@ -9,8 +9,11 @@ export declare enum TREE_VIEW {
     CREATE_NODE = "create_node",
     RENAME_NODE = "rename_node",
     REDRAW_NODE = "redraw_node",
+    REFRESH_NODE = "refresh_node",
+    REFRESH = "refresh",
     DELETE_NODE = "delete_node",
     SELECT_NODE = "select_node",
     OPEN_NODE = "open_node",
-    EDIT = "edit"
+    EDIT = "edit",
+    GET_PARENT = "get_parent"
 }

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

@@ -18,5 +18,8 @@ export interface TreeViewContext {
     editNode(): void;
     createNewNode(parent: any, node: any): void;
     redrawNode(node: any, deep?: boolean): void;
+    refreshNode(node: any): void;
+    refresh(): void;
     renameNode(node: any, newName: string): void;
+    getParent(node: any): string;
 }

package/dist/index.css

@@ -175,9 +175,9 @@
     }
 }
 
-@media (max-width: 414px) {
+@media (max-width: 500px) {
     ._breadcrumbs_vitro-breadcrumbs_1H9SaWn {
-        margin-left: 20px;
+        margin-left: 26px;
     }
 }
 
@@ -188,7 +188,7 @@
     margin: 0;
     margin-right: auto;
     border-left: 1px solid #BDBDBD;
-    font-size: 14px;
+    font-size: 10pt;
     font-family: 'GraphikRegular';
 }
 
@@ -198,7 +198,7 @@
 }
 
 ._top-level-menu_vitro-top-level-menu_38-ZEUx > li {
-    margin: 0 17px;
+    margin: 0 16px;
     white-space: nowrap;
 }
 
@@ -269,12 +269,25 @@
     background-repeat: no-repeat;
     /* menu.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23BDBDBD;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='1.8' cy='1.8' r='1.8'/%3E%3Ccircle class='st0' cx='8.2' cy='7.8' r='1.8'/%3E%3Ccircle class='st0' cx='1.8' cy='7.8' r='1.8'/%3E%3Ccircle class='st0' cx='1.8' cy='14.2' r='1.8'/%3E%3Ccircle class='st0' cx='8.2' cy='14.2' r='1.8'/%3E%3Ccircle class='st0' cx='8.2' cy='1.8' r='1.8'/%3E%3Ccircle class='st0' cx='14.2' cy='1.8' r='1.8'/%3E%3Ccircle class='st0' cx='14.2' cy='7.8' r='1.8'/%3E%3Ccircle class='st0' cx='14.2' cy='14.2' r='1.8'/%3E%3C/g%3E%3C/svg%3E%0A");
+}
+
+@media (max-width: 500px) {
+    ._top-level-menu_vitro-top-level-menu_38-ZEUx > li {
+        margin: 0 12px;
+    }
 }
 
 #TreeView {
-    padding: 20px 24px;
+    height: 100%;
 }
 
+._tree-view_vitro-tree-view_3R9kjAJ {
+    height: 100%;
+    padding: 20px 24px;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
 ._tree-view_vitro-tree-view_3R9kjAJ .jstree-anchor {
     line-height: 28px;
     height: 28px;
@@ -294,6 +307,11 @@
     box-shadow: none;
 }
 
+._tree-view_vitro-tree-view_3R9kjAJ .jstree-node:has(.jstree-clicked.focus) .jstree-wholerow-clicked {
+    background: #0097ff29;
+    border: 1px solid #0097ff;
+}
+
 ._tree-view_vitro-tree-view_3R9kjAJ .jstree-wholerow-clicked.jstree-wholerow-hovered {
     background: #E0E0E0;
     box-shadow: none;

package/dist/index.js

@@ -19871,10 +19871,13 @@ var TREE_VIEW;
   TREE_VIEW["CREATE_NODE"] = "create_node";
   TREE_VIEW["RENAME_NODE"] = "rename_node";
   TREE_VIEW["REDRAW_NODE"] = "redraw_node";
+  TREE_VIEW["REFRESH_NODE"] = "refresh_node";
+  TREE_VIEW["REFRESH"] = "refresh";
   TREE_VIEW["DELETE_NODE"] = "delete_node";
   TREE_VIEW["SELECT_NODE"] = "select_node";
   TREE_VIEW["OPEN_NODE"] = "open_node";
   TREE_VIEW["EDIT"] = "edit";
+  TREE_VIEW["GET_PARENT"] = "get_parent";
 })(TREE_VIEW || (TREE_VIEW = {}));
 
 var JsTreeViewContextImpl = /*#__PURE__*/function () {
@@ -19939,6 +19942,12 @@ var JsTreeViewContextImpl = /*#__PURE__*/function () {
     }
     this.jsTree.jstree(TREE_VIEW.REDRAW_NODE, node, deep);
   };
+  _proto.refreshNode = function refreshNode(node) {
+    this.jsTree.jstree(TREE_VIEW.REFRESH_NODE, node);
+  };
+  _proto.refresh = function refresh() {
+    this.jsTree.jstree(TREE_VIEW.REFRESH);
+  };
   _proto.deleteNode = function deleteNode(node) {
     this.jsTree.jstree(TREE_VIEW.DELETE_NODE, node);
   };
@@ -19953,6 +19962,9 @@ var JsTreeViewContextImpl = /*#__PURE__*/function () {
     var selected = this.getSelected();
     this.jsTree.jstree(TREE_VIEW.EDIT, selected);
   };
+  _proto.getParent = function getParent(node) {
+    return this.jsTree.jstree(TREE_VIEW.GET_PARENT, node);
+  };
   return JsTreeViewContextImpl;
 }();
 
@@ -26547,6 +26559,9 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   _proto.endEdit = function endEdit(success) {
     return this.grid.EndEdit(success ? 1 : 0);
   };
+  _proto.expandRow = function expandRow(row) {
+    this.grid.Expand(row);
+  };
   _createClass(TreeGridTableViewContextImpl, [{
     key: "columnList",
     get: function get() {