@vitrosoftware/common-ui-ts 1.0.2 → 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/table-view/table-view.css

@@ -1,9 +1,9 @@
-#TableView {
+:global(#TableView) {
     border-radius: 8px;
     padding: 6px;
 }
 
-#TableView, .vitro-table-view {
+:global(#TableView), .vitro-table-view {
     height: 100%;
 }
 
@@ -14,7 +14,7 @@
     position: relative;
 }
 
-.vitro-table-view-status .vitro-status {
+:global(.vitro-table-view-status .vitro-status) {
     border-radius: 50%;
     display: inline-block;
     min-height: 12px;
@@ -26,19 +26,19 @@
     border: 1px solid transparent;
 }
 
-.TWEnumHeaderLeft .vitro-table-view-status > span:not(.vitro-status) {
+:global(.TWEnumHeaderLeft .vitro-table-view-status > span:not(.vitro-status)) {
     display: none;
 }
 
-.vitro-table-view .TWClassReadOnly .vitro-readonly-cell {
+.vitro-table-view :global(.TWClassReadOnly .vitro-readonly-cell) {
     color: #BDBDBD;
 }
 
-.vitro-table-view .vitro-editable-cell {
+.vitro-table-view :global(.vitro-editable-cell) {
     font-weight: bold;
 }
 
-.vitro-tableview-progress-message {
+:global(.vitro-tableview-progress-message) {
     border: none !important;
     box-shadow: none !important;
     /* ico-preloader.svg URL-encoder for SVG */
@@ -51,7 +51,7 @@
     font-size: 10pt !important;
 }
 
-.vitro-tableview-progress-message.vitro-table-view-export-message {
+:global(.vitro-tableview-progress-message.vitro-table-view-export-message) {
     background-color: #fff;
     border: 1px solid #ff5b2d !important;
 }

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;
 }
 
@@ -75,7 +75,7 @@
     color: #0097ff;
 }
 
-.vitro-top-level-menu #all-services::after {
+.vitro-top-level-menu :global(#all-services)::after {
     content: '';
     width: 20px;
     height: 20px;
@@ -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/{constants.d.ts → TableViewConstants.d.ts}

@@ -7,7 +7,7 @@ export declare enum TABLE_VIEW_URL {
     LAYOUT = "Layout",
     DATA = "Data",
     PAGE = "Page",
-    TREEGRID_TEXT = "treegrid/Text.ru-RU.xml"
+    TREEGRID_TEXT = "treegrid/Text_ru-RU.xml"
 }
 export declare enum TABLE_VIEW_CONTROLLER {
     REQUEST = "TableViewRequest"

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

@@ -47,4 +47,6 @@ export interface TableViewContext {
     deleteRowList(rowList: TableViewRow[]): void;
     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

@@ -53,4 +53,6 @@ export declare class TreeGridTableViewContextImpl implements TableViewContext {
     deleteRowList(rowList: TableViewRow[]): void;
     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/{constants.d.ts → 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;
 }
 
@@ -258,7 +258,7 @@
     color: #0097ff;
 }
 
-._top-level-menu_vitro-top-level-menu_38-ZEUx #_top-level-menu_all-services_1pqynsX::after {
+._top-level-menu_vitro-top-level-menu_38-ZEUx #all-services::after {
     content: '';
     width: 20px;
     height: 20px;
@@ -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;
@@ -467,6 +485,64 @@
 ._splitters_rotate-90_2lbYadK {
   transform: rotate(90deg); }
 
+#TableView {
+    border-radius: 8px;
+    padding: 6px;
+}
+
+#TableView, ._table-view_vitro-table-view_2O0cRRX {
+    height: 100%;
+}
+
+._table-view_vitro-table-view_2O0cRRX {
+    width: 100%;
+    flex: 1 1;
+    background: #fff;
+    position: relative;
+}
+
+.vitro-table-view-status .vitro-status {
+    border-radius: 50%;
+    display: inline-block;
+    min-height: 12px;
+    min-width: 12px;
+    height: 12px;
+    width: 12px;
+    vertical-align: sub;
+    margin-right: 6px;
+    border: 1px solid transparent;
+}
+
+.TWEnumHeaderLeft .vitro-table-view-status > span:not(.vitro-status) {
+    display: none;
+}
+
+._table-view_vitro-table-view_2O0cRRX .TWClassReadOnly .vitro-readonly-cell {
+    color: #BDBDBD;
+}
+
+._table-view_vitro-table-view_2O0cRRX .vitro-editable-cell {
+    font-weight: bold;
+}
+
+.vitro-tableview-progress-message {
+    border: none !important;
+    box-shadow: none !important;
+    /* ico-preloader.svg URL-encoder for SVG */
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin: auto; background-image: none; display: block; shape-rendering: auto; background-position: initial initial; background-repeat: initial initial;' class='ng-star-inserted'%3E%3Cg transform='rotate(0 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.875s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(45 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.75s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(90 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.625s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(135 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(180 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.375s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(225 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.25s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(270 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.125s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3Cg transform='rotate(315 50 50)'%3E%3Crect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='%23FF5B2D'%3E%3Canimate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
+    background-position: center 20px;
+    background-size: 24px 24px;
+    padding-top: 56px !important;
+    text-align: center !important;
+    font-family: "GraphikRegular" !important;
+    font-size: 10pt !important;
+}
+
+.vitro-tableview-progress-message.vitro-table-view-export-message {
+    background-color: #fff;
+    border: 1px solid #ff5b2d !important;
+}
+
 ._uploader_vitro-uploader_1frFGu3 {
     width: 100%;
     padding-left: 7px;

package/dist/index.js

@@ -129,7 +129,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
   }))));
 };
 
-var styles$1 = {"vitro-top-level-menu":"_top-level-menu_vitro-top-level-menu_38-ZEUx","vitro-active":"_top-level-menu_vitro-active_2hLMadw","all-services":"_top-level-menu_all-services_1pqynsX"};
+var styles$1 = {"vitro-top-level-menu":"_top-level-menu_vitro-top-level-menu_38-ZEUx","vitro-active":"_top-level-menu_vitro-active_2hLMadw"};
 
 var LinkItem = function LinkItem(props) {
   return React__default.createElement("li", {
@@ -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;
 }();
 
@@ -26381,7 +26393,7 @@ var TABLE_VIEW_URL;
   TABLE_VIEW_URL["LAYOUT"] = "Layout";
   TABLE_VIEW_URL["DATA"] = "Data";
   TABLE_VIEW_URL["PAGE"] = "Page";
-  TABLE_VIEW_URL["TREEGRID_TEXT"] = "treegrid/Text.ru-RU.xml";
+  TABLE_VIEW_URL["TREEGRID_TEXT"] = "treegrid/Text_ru-RU.xml";
 })(TABLE_VIEW_URL || (TABLE_VIEW_URL = {}));
 var TABLE_VIEW_CONTROLLER;
 (function (TABLE_VIEW_CONTROLLER) {
@@ -26544,6 +26556,12 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
       return eventHandler.process.apply(eventHandler, params);
     }, eventHandler.id);
   };
+  _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() {
@@ -26596,6 +26614,8 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   return TreeGridTableViewContextImpl;
 }();
 
+var styles$3 = {"vitro-table-view":"_table-view_vitro-table-view_2O0cRRX"};
+
 var w$3 = window;
 if (!w$3.tableViewList) {
   w$3.tableViewList = new Map();
@@ -26710,7 +26730,7 @@ var TreeGrid = function TreeGrid(props) {
     };
   }, []);
   return React__default.createElement("div", {
-    className: "vitro-table-view"
+    className: styles$3["vitro-table-view"]
   }, React__default.createElement("div", {
     id: "vitro-table-view" + props.id
   }));
@@ -26928,7 +26948,7 @@ var TelerikUploaderContextImpl = /*#__PURE__*/function () {
   return TelerikUploaderContextImpl;
 }();
 
-var styles$3 = {"vitro-uploader":"_uploader_vitro-uploader_1frFGu3","button-close":"_uploader_button-close_24fuptm","show":"_uploader_show_2yUQlVb","hide":"_uploader_hide_OgETT6X","hidden":"_uploader_hidden_AKxE3oH"};
+var styles$4 = {"vitro-uploader":"_uploader_vitro-uploader_1frFGu3","button-close":"_uploader_button-close_24fuptm","show":"_uploader_show_2yUQlVb","hide":"_uploader_hide_OgETT6X","hidden":"_uploader_hidden_AKxE3oH"};
 
 var $$1 = window.$;
 var TelerikUploader = function TelerikUploader(props) {
@@ -26980,12 +27000,12 @@ var TelerikUploader = function TelerikUploader(props) {
   };
   return React__default.createElement("div", {
     id: 'telerikUploader',
-    className: styles$3['vitro-uploader'] + (hide ? ' ' + styles$3['hidden'] : '')
+    className: styles$4['vitro-uploader'] + (hide ? ' ' + styles$4['hidden'] : '')
   }, showClose && React__default.createElement(React__default.Fragment, null, React__default.createElement("button", {
-    className: styles$3['button-close'],
+    className: styles$4['button-close'],
     onClick: clearUploadResult
   }), React__default.createElement("button", {
-    className: hide ? styles$3['show'] : styles$3['hide'],
+    className: hide ? styles$4['show'] : styles$4['hide'],
     onClick: hideUploadResult
   })), React__default.createElement("div", null, React__default.createElement("input", {
     name: "fileList",