@vitrosoftware/common-ui-ts 1.0.3 → 1.0.5

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

@@ -16,4 +16,6 @@ export interface TableViewProps {
     layout?: any;
     data?: any;
     filterOneLevel?: boolean;
+    cache?: number;
+    cacheVersion?: number | string;
 }

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

@@ -12,3 +12,6 @@ export declare enum TABLE_VIEW_URL {
 export declare enum TABLE_VIEW_CONTROLLER {
     REQUEST = "TableViewRequest"
 }
+export declare enum TABLE_VIEW_CACHE {
+    DEFAULT = 2
+}

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

@@ -1,8 +1,5 @@
 /// <reference types="react" />
 import { TableViewProps } from './TableView';
-import { TableViewContext } from './TableViewContext';
-export declare const tableViewList: Map<string, TableViewContext>;
-export declare function getTableViewById(id: string): TableViewContext | undefined;
 export declare const TreeGrid: (props: TableViewProps) => JSX.Element;
 declare global {
     namespace JSX {

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

@@ -2,6 +2,8 @@ import { TableViewContext } from './TableViewContext';
 import { TableViewRow } from './TableViewRow';
 import { TableViewCol } from './TableViewCol';
 import { TableViewEventHandler } from './TableViewEventHandler';
+export declare const tableViewList: Map<string, TableViewContext>;
+export declare function getTableViewById(id: string): TableViewContext | undefined;
 export declare class TreeGridTableViewContextImpl implements TableViewContext {
     private grid;
     readonly id: string;
@@ -54,4 +56,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;
 }();
 
@@ -26387,6 +26399,10 @@ var TABLE_VIEW_CONTROLLER;
 (function (TABLE_VIEW_CONTROLLER) {
   TABLE_VIEW_CONTROLLER["REQUEST"] = "TableViewRequest";
 })(TABLE_VIEW_CONTROLLER || (TABLE_VIEW_CONTROLLER = {}));
+var TABLE_VIEW_CACHE;
+(function (TABLE_VIEW_CACHE) {
+  TABLE_VIEW_CACHE[TABLE_VIEW_CACHE["DEFAULT"] = 2] = "DEFAULT";
+})(TABLE_VIEW_CACHE || (TABLE_VIEW_CACHE = {}));
 
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
@@ -26421,6 +26437,13 @@ function _toPropertyKey(arg) {
 }
 
 var w$2 = window;
+if (!w$2.tableViewList) {
+  w$2.tableViewList = new Map();
+}
+var tableViewList = w$2.tableViewList;
+function getTableViewById(id) {
+  return tableViewList.get(id);
+}
 var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   function TreeGridTableViewContextImpl(grid) {
     this.suggestValue = '';
@@ -26547,6 +26570,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() {
@@ -26605,10 +26631,6 @@ var w$3 = window;
 if (!w$3.tableViewList) {
   w$3.tableViewList = new Map();
 }
-var tableViewList = w$3.tableViewList;
-function getTableViewById(id) {
-  return tableViewList.get(id);
-}
 var TreeGrid = function TreeGrid(props) {
   var disposeTableViewById = function disposeTableViewById(gridId) {
     if (gridId && w$3.Grids) {
@@ -26690,7 +26712,9 @@ var TreeGrid = function TreeGrid(props) {
         Text: {
           Url: props.textUrl || TABLE_VIEW_URL.TREEGRID_TEXT
         },
-        Debug: props.debug || ''
+        Debug: props.debug || '',
+        Cache: props.cache || TABLE_VIEW_CACHE.DEFAULT,
+        CacheVersion: props.cacheVersion
       }, "vitro-table-view" + props.id);
     } else {
       w$3.TreeGrid({
@@ -26707,7 +26731,9 @@ var TreeGrid = function TreeGrid(props) {
         Text: {
           Url: props.textUrl || TABLE_VIEW_URL.TREEGRID_TEXT
         },
-        Debug: props.debug || ''
+        Debug: props.debug || '',
+        Cache: props.cache || TABLE_VIEW_CACHE.DEFAULT,
+        CacheVersion: props.cacheVersion
       }, "vitro-table-view" + props.id);
     }
     return function () {