@vitrosoftware/common-ui-ts 1.0.2 → 1.0.3

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

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

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

@@ -0,0 +1,14 @@
+export declare enum TABLE_VIEW_EVENTS {
+    ON_SELECT = "OnSelect",
+    ON_DATA_SEND = "OnDataSend",
+    ON_LOADED = "OnLoaded"
+}
+export declare enum TABLE_VIEW_URL {
+    LAYOUT = "Layout",
+    DATA = "Data",
+    PAGE = "Page",
+    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,5 @@ export interface TableViewContext {
     deleteRowList(rowList: TableViewRow[]): void;
     setRowCanExpand(row: TableViewRow, canExpand: boolean): void;
     getFirst(row?: TableViewRow, type?: number): TableViewRow;
+    endEdit(editResult: boolean): any;
 }

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

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

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

@@ -0,0 +1,5 @@
+export declare enum EVENTS {
+    UPLOAD_SUCCESS = "vitro.upload.success",
+    ADD_FILE = "vitro.commandMenu.addFile",
+    READY_STATE_CHANGE = "readystatechange"
+}

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

@@ -0,0 +1,16 @@
+export declare enum TREE_VIEW {
+    GET_PATH = "get_path",
+    DESTROY = "destroy",
+    OPEN_ALL = "open_all",
+    CLOSE_ALL = "close_all",
+    DESELECT_ALL = "deselect_all",
+    GET_SELECTED = "get_selected",
+    GET_NODE = "get_node",
+    CREATE_NODE = "create_node",
+    RENAME_NODE = "rename_node",
+    REDRAW_NODE = "redraw_node",
+    DELETE_NODE = "delete_node",
+    SELECT_NODE = "select_node",
+    OPEN_NODE = "open_node",
+    EDIT = "edit"
+}

package/dist/index.css

@@ -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;
@@ -467,6 +467,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", {
@@ -26381,7 +26381,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 +26544,9 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
       return eventHandler.process.apply(eventHandler, params);
     }, eventHandler.id);
   };
+  _proto.endEdit = function endEdit(success) {
+    return this.grid.EndEdit(success ? 1 : 0);
+  };
   _createClass(TreeGridTableViewContextImpl, [{
     key: "columnList",
     get: function get() {
@@ -26596,6 +26599,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 +26715,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 +26933,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 +26985,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",