@vitrosoftware/common-ui-ts 1.1.129 → 1.1.130

package/dist/index.js

@@ -21132,6 +21132,276 @@ var ScriptLoader = function ScriptLoader(props) {
   return React__default.createElement(React__default.Fragment, null, props.children);
 };
 
+var EVENT$1;
+(function (EVENT) {
+  EVENT["ON_SELECT"] = "OnSelect";
+  EVENT["ON_SHOW_MENU"] = "OnShowMenu";
+  EVENT["ON_DATA_SEND"] = "OnDataSend";
+  EVENT["ON_LOADED"] = "OnLoaded";
+  EVENT["ON_CLICK"] = "OnClick";
+  EVENT["ON_CLICK_PANEL"] = "OnClickPanel";
+  EVENT["ON_CLICK_CELL"] = "OnClickCell";
+  EVENT["ON_BLUR"] = "OnBlur";
+  EVENT["ON_DBL_CLICK"] = "OnDblClick";
+  EVENT["ON_CONTEXT_MENU"] = "OnContextMenu";
+  EVENT["ON_DEL"] = "OnDel";
+  EVENT["ON_AFTER_VALUE_CHANGED"] = "OnAfterValueChanged";
+  EVENT["ON_CAN_DROP"] = "OnCanDrop";
+  EVENT["ON_CAN_EDIT"] = "OnCanEdit";
+  EVENT["ON_CUSTOM_END_EDIT"] = "OnCustomEndEdit";
+  EVENT["ON_CUSTOM_START_EDIT"] = "OnCustomStartEdit";
+  EVENT["ON_ENDED_DRAG"] = "OnEndedDrag";
+  EVENT["ON_END_DRAG"] = "OnEndDrag";
+  EVENT["ON_FILTER_OPERATOR"] = "OnFilterOperator";
+  EVENT["ON_FILTER"] = "OnFilter";
+  EVENT["ON_GANTT_CHANGED"] = "OnGanttChanged";
+  EVENT["ON_GET_CLASS"] = "OnGetClass";
+  EVENT["ON_GET_DEFAULTS"] = "OnGetDefaults";
+  EVENT["ON_GET_HTML_VALUE"] = "OnGetHtmlValue";
+  EVENT["ON_GET_INPUT_VALUE"] = "OnGetInputValue";
+  EVENT["ON_GET_MENU"] = "OnGetMenu";
+  EVENT["ON_READY"] = "OnReady";
+  EVENT["ON_RENDER_PAGE_FINISH"] = "OnRenderPageFinish";
+  EVENT["ON_RENDER_PAGE_START"] = "OnRenderPageStart";
+  EVENT["ON_RENDER_START"] = "OnRenderStart";
+  EVENT["ON_ROW_UNDELETE"] = "OnRowUndelete";
+  EVENT["ON_SET_INPUT_VALUE"] = "OnSetInputValue";
+  EVENT["ON_SORT"] = "OnSort";
+  EVENT["ON_START_DRAG"] = "OnStartDrag";
+  EVENT["ON_SUGGEST"] = "OnSuggest";
+  EVENT["ON_VALUE_CHANGED"] = "OnValueChanged";
+  EVENT["ON_DRAG_OVER"] = "OnDragOver";
+  EVENT["ON_DROP"] = "OnDrop";
+  EVENT["ON_INIT"] = "OnInit";
+  EVENT["ON_CUSTOM_AJAX"] = "OnCustomAjax";
+  EVENT["ON_CLICK_SIDE_BUTTON"] = "OnClickSideButton";
+  EVENT["ON_SCROLL"] = "OnScroll";
+  EVENT["ON_CALCULATE_FINISH"] = "OnCalculateFinish";
+  EVENT["ON_CALCULATE_CELL"] = "OnCalculateCell";
+  EVENT["ON_CORRECT_DEPENDENCIES_FINISH"] = "OnCorrectDependenciesFinish";
+  EVENT["ON_CORRECT_DEPENDENCIES_START"] = "OnCorrectDependenciesStart";
+  EVENT["ON_GET_GANTT_HTML"] = "OnGetGanttHtml";
+  EVENT["ON_GANTT_MENU_CLICK"] = "OnGanttMenuClick";
+  EVENT["ON_GET_GANTT_MENU"] = "OnGetGanttMenu";
+  EVENT["ON_RENDER_CHILD_PART_FINISH"] = "OnRenderChildPartFinish";
+  EVENT["ON_RENDER_CHILD_PART_START"] = "OnRenderChildPartStart";
+  EVENT["ON_EXPAND_ALL_FINISH"] = "OnExpandAllFinish";
+})(EVENT$1 || (EVENT$1 = {}));
+var URL;
+(function (URL) {
+  URL["LAYOUT"] = "Layout";
+  URL["DATA"] = "Data";
+  URL["PAGE"] = "Page";
+  URL["TREEGRID_TEXT"] = "treegrid/Text_ru-RU.xml";
+})(URL || (URL = {}));
+var CONTROLLER;
+(function (CONTROLLER) {
+  CONTROLLER["REQUEST"] = "TableViewRequest";
+})(CONTROLLER || (CONTROLLER = {}));
+var CACHE;
+(function (CACHE) {
+  CACHE[CACHE["DEFAULT"] = 2] = "DEFAULT";
+})(CACHE || (CACHE = {}));
+var COLUMN;
+(function (COLUMN) {
+  COLUMN["GANTT"] = "gantt";
+  COLUMN["GANTT_CLASS"] = "GanttGanttClass";
+  COLUMN["GANTT_ICONS"] = "GanttGanttIcons";
+  COLUMN["SLACK"] = "slack";
+})(COLUMN || (COLUMN = {}));
+var ROW_TYPE;
+(function (ROW_TYPE) {
+  ROW_TYPE["HEADER"] = "Header";
+  ROW_TYPE["DATA"] = "Data";
+  ROW_TYPE["FILTER"] = "Filter";
+  ROW_TYPE["GROUP"] = "Group";
+})(ROW_TYPE || (ROW_TYPE = {}));
+var CELL_TYPE;
+(function (CELL_TYPE) {
+  CELL_TYPE["DATE"] = "Date";
+  CELL_TYPE["TEXT"] = "Text";
+  CELL_TYPE["LINES"] = "Lines";
+  CELL_TYPE["PASS"] = "Pass";
+  CELL_TYPE["INT"] = "Int";
+  CELL_TYPE["FLOAT"] = "Float";
+  CELL_TYPE["ENUM"] = "Enum";
+  CELL_TYPE["RADIO"] = "Radio";
+  CELL_TYPE["SELECT"] = "Select";
+  CELL_TYPE["HTML"] = "Html";
+  CELL_TYPE["ICON"] = "Icon";
+  CELL_TYPE["LIST"] = "List";
+})(CELL_TYPE || (CELL_TYPE = {}));
+var ATTRIBUTE;
+(function (ATTRIBUTE) {
+  ATTRIBUTE["BUTTON"] = "Button";
+  ATTRIBUTE["BUTTON_CLASS"] = "ButtonClass";
+  ATTRIBUTE["BUTTON_TEXT"] = "ButtonText";
+  ATTRIBUTE["ON_CLICK_SIDE_BUTTON"] = "OnClickSideButton";
+  ATTRIBUTE["ICON"] = "Icon";
+  ATTRIBUTE["ICON_ALIGN"] = "IconAlign";
+  ATTRIBUTE["DEFAULT_FILTER"] = "DefaultFilter";
+  ATTRIBUTE["MENU_ITEMS"] = "MenuItems";
+  ATTRIBUTE["RANGE"] = "Range";
+  ATTRIBUTE["FULL_VALUE"] = "FullValue";
+  ATTRIBUTE["ORIG_NAME"] = "Orig";
+  ATTRIBUTE["ALIGN"] = "Align";
+  ATTRIBUTE["TIP"] = "Tip";
+  ATTRIBUTE["TIP_POSITION"] = "TipPosition";
+  ATTRIBUTE["HTML"] = "Html";
+  ATTRIBUTE["CLASS"] = "Class";
+  ATTRIBUTE["VISIBLE"] = "Visible";
+  ATTRIBUTE["ID"] = "Id";
+  ATTRIBUTE["ADDED"] = "Added";
+  ATTRIBUTE["FORMULA"] = "Formula";
+})(ATTRIBUTE || (ATTRIBUTE = {}));
+var DRAG_ITEM_TYPE;
+(function (DRAG_ITEM_TYPE) {
+  DRAG_ITEM_TYPE[DRAG_ITEM_TYPE["CANNOT_DROP"] = 0] = "CANNOT_DROP";
+  DRAG_ITEM_TYPE[DRAG_ITEM_TYPE["ABOVE_TOROW"] = 1] = "ABOVE_TOROW";
+  DRAG_ITEM_TYPE[DRAG_ITEM_TYPE["TO_THE_END_OF_CHILDREN"] = 2] = "TO_THE_END_OF_CHILDREN";
+  DRAG_ITEM_TYPE[DRAG_ITEM_TYPE["BELOW_TOROW"] = 3] = "BELOW_TOROW";
+})(DRAG_ITEM_TYPE || (DRAG_ITEM_TYPE = {}));
+var FILTER_TYPE;
+(function (FILTER_TYPE) {
+  FILTER_TYPE[FILTER_TYPE["NONE"] = 0] = "NONE";
+  FILTER_TYPE[FILTER_TYPE["EQUAL"] = 1] = "EQUAL";
+  FILTER_TYPE[FILTER_TYPE["NOT_EQUAL"] = 2] = "NOT_EQUAL";
+  FILTER_TYPE[FILTER_TYPE["LESS_THAN"] = 3] = "LESS_THAN";
+  FILTER_TYPE[FILTER_TYPE["LESS_THAN_OR_EQUAL"] = 4] = "LESS_THAN_OR_EQUAL";
+  FILTER_TYPE[FILTER_TYPE["GREATER_THAN"] = 5] = "GREATER_THAN";
+  FILTER_TYPE[FILTER_TYPE["GREATER_THAN_OR_EQUAL"] = 6] = "GREATER_THAN_OR_EQUAL";
+  FILTER_TYPE[FILTER_TYPE["BEGINS_WITH"] = 7] = "BEGINS_WITH";
+  FILTER_TYPE[FILTER_TYPE["DOES_NOT_BEGIN_WITH"] = 8] = "DOES_NOT_BEGIN_WITH";
+  FILTER_TYPE[FILTER_TYPE["ENDS_WITH"] = 9] = "ENDS_WITH";
+  FILTER_TYPE[FILTER_TYPE["DOES_NOT_END_WITH"] = 10] = "DOES_NOT_END_WITH";
+  FILTER_TYPE[FILTER_TYPE["CONTAINS"] = 11] = "CONTAINS";
+  FILTER_TYPE[FILTER_TYPE["DOES_NOT_CONTAIN"] = 12] = "DOES_NOT_CONTAIN";
+})(FILTER_TYPE || (FILTER_TYPE = {}));
+var REFRESH_MODE;
+(function (REFRESH_MODE) {
+  REFRESH_MODE["ROW"] = "row";
+  REFRESH_MODE["PAGE"] = "page";
+  REFRESH_MODE["NONE"] = "none";
+})(REFRESH_MODE || (REFRESH_MODE = {}));
+var DEFAULT;
+(function (DEFAULT) {
+  DEFAULT[DEFAULT["SUGGEST_DELAY"] = 200] = "SUGGEST_DELAY";
+  DEFAULT[DEFAULT["PAGE_LENGTH"] = 50] = "PAGE_LENGTH";
+  DEFAULT["PAGE"] = "2";
+  DEFAULT["DEFAULTS"] = "Defaults";
+  DEFAULT["TIP"] = "*Value*";
+})(DEFAULT || (DEFAULT = {}));
+var ALIGN;
+(function (ALIGN) {
+  ALIGN["CENTER"] = "Center";
+  ALIGN["RIGHT"] = "Right";
+})(ALIGN || (ALIGN = {}));
+var ROW_ID;
+(function (ROW_ID) {
+  ROW_ID["TOTAL"] = "totalRow";
+  ROW_ID["FOOTER"] = "footerRow";
+})(ROW_ID || (ROW_ID = {}));
+var NUMBER_FORMAT;
+(function (NUMBER_FORMAT) {
+  NUMBER_FORMAT["GENERAL"] = "g";
+  NUMBER_FORMAT["FIXED"] = "f";
+  NUMBER_FORMAT["CURRENCY"] = "c";
+  NUMBER_FORMAT["PERCENT"] = "p";
+  NUMBER_FORMAT["ROUNDED"] = "r";
+  NUMBER_FORMAT["SCIENTIFIC"] = "e";
+})(NUMBER_FORMAT || (NUMBER_FORMAT = {}));
+var ACTION;
+(function (ACTION) {
+  ACTION["SHOW_POPUP_MENU"] = "ShowPopupMenu";
+  ACTION["SHOW_MENU"] = "ShowMenu";
+  ACTION["CLEAR_FILTER"] = "ClearFilter";
+  ACTION["FOCUS"] = "Focus";
+  ACTION["START_EDIT"] = "StartEdit";
+})(ACTION || (ACTION = {}));
+var SECTION;
+(function (SECTION) {
+  SECTION["HEADER"] = "Header";
+  SECTION["SPACE"] = "Space";
+})(SECTION || (SECTION = {}));
+var OPERATOR;
+(function (OPERATOR) {
+  OPERATOR[OPERATOR["AND"] = 0] = "AND";
+  OPERATOR[OPERATOR["OR"] = 1] = "OR";
+})(OPERATOR || (OPERATOR = {}));
+var PARAM;
+(function (PARAM) {
+  PARAM["EXPORT"] = "Export";
+  PARAM["EXPORT_NAME"] = "ExportName";
+  PARAM["EXPORT_FORMAT"] = "ExportFormat";
+})(PARAM || (PARAM = {}));
+var COL_ID;
+(function (COL_ID) {
+  COL_ID["PANEL"] = "Panel";
+  COL_ID["PAGER"] = "Pager";
+  COL_ID["TOTAL"] = "totalCol";
+})(COL_ID || (COL_ID = {}));
+var BUTTON;
+(function (BUTTON) {
+  BUTTON["CLEAR"] = "Clear";
+})(BUTTON || (BUTTON = {}));
+var MENU_NAME;
+(function (MENU_NAME) {
+  MENU_NAME["EXPORT"] = "MenuExport";
+  MENU_NAME["COLUMNS"] = "MenuColumns";
+})(MENU_NAME || (MENU_NAME = {}));
+var PART_TYPE;
+(function (PART_TYPE) {
+  PART_TYPE["SIDE_BUTTON"] = "SideButton";
+})(PART_TYPE || (PART_TYPE = {}));
+var TARGET;
+(function (TARGET) {
+  TARGET["OUTSIDE"] = "Outside";
+})(TARGET || (TARGET = {}));
+var MENU_ALIGN;
+(function (MENU_ALIGN) {
+  MENU_ALIGN["BELOW"] = "below";
+  MENU_ALIGN["ABOVE"] = "above";
+  MENU_ALIGN["RIGHT"] = "right";
+  MENU_ALIGN["LEFT"] = "left";
+  MENU_ALIGN["NEXT"] = "next";
+  MENU_ALIGN["PREV"] = "prev";
+})(MENU_ALIGN || (MENU_ALIGN = {}));
+var DEF_ROW;
+(function (DEF_ROW) {
+  DEF_ROW["FOLDER"] = "Folder";
+  DEF_ROW["R"] = "R";
+})(DEF_ROW || (DEF_ROW = {}));
+
+var TableViewConstants = {
+    __proto__: null,
+    get EVENT () { return EVENT$1; },
+    get URL () { return URL; },
+    get CONTROLLER () { return CONTROLLER; },
+    get CACHE () { return CACHE; },
+    get COLUMN () { return COLUMN; },
+    get ROW_TYPE () { return ROW_TYPE; },
+    get CELL_TYPE () { return CELL_TYPE; },
+    get ATTRIBUTE () { return ATTRIBUTE; },
+    get DRAG_ITEM_TYPE () { return DRAG_ITEM_TYPE; },
+    get FILTER_TYPE () { return FILTER_TYPE; },
+    get REFRESH_MODE () { return REFRESH_MODE; },
+    get DEFAULT () { return DEFAULT; },
+    get ALIGN () { return ALIGN; },
+    get ROW_ID () { return ROW_ID; },
+    get NUMBER_FORMAT () { return NUMBER_FORMAT; },
+    get ACTION () { return ACTION; },
+    get SECTION () { return SECTION; },
+    get OPERATOR () { return OPERATOR; },
+    get PARAM () { return PARAM; },
+    get COL_ID () { return COL_ID; },
+    get BUTTON () { return BUTTON; },
+    get MENU_NAME () { return MENU_NAME; },
+    get PART_TYPE () { return PART_TYPE; },
+    get TARGET () { return TARGET; },
+    get MENU_ALIGN () { return MENU_ALIGN; },
+    get DEF_ROW () { return DEF_ROW; }
+};
+
 var w$1 = window;
 if (!w$1.tableViewList) {
   w$1.tableViewList = new Map();
@@ -21194,7 +21464,15 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
     return this.grid.AddPage(name, xml, count);
   };
   _proto.getRowById = function getRowById(id, attr, nofixed) {
-    return this.grid.GetRowById(id, attr, nofixed);
+    if (attr || nofixed) {
+      return this.grid.GetRowById(id, attr, nofixed);
+    } else {
+      var row = this.grid.GetRowById(id);
+      if (!row) {
+        row = this.grid.GetRowById(id, ATTRIBUTE.ID, false);
+      }
+      return row;
+    }
   };
   _proto.getSelectedRowList = function getSelectedRowList() {
     return this.grid.GetSelRows();
@@ -21252,7 +21530,7 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
     tableViewList["delete"](this.id);
   };
   _proto.addCol = function addCol(col, sec, pos, param, show, type, caption) {
-    return this.grid.addCol(col, sec, pos, param, show, type, caption);
+    return this.grid.AddCol(col, sec, pos, param, show, type, caption);
   };
   _proto.showCol = function showCol(col) {
     this.grid.ShowCol(col);
@@ -21296,6 +21574,18 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
       return eventHandler.process.apply(eventHandler, params);
     }, eventHandler.id);
   };
+  _proto.addEventHandler = function addEventHandler(eventHandler) {
+    var grid = this;
+    w$1.TGAddEvent(eventHandler.id, this.id, function () {
+      for (var _len2 = arguments.length, params = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        params[_key2] = arguments[_key2];
+      }
+      if (params.length > 0) {
+        params[0] = grid;
+      }
+      return eventHandler.process.apply(eventHandler, params);
+    }, eventHandler.id);
+  };
   _proto.endEdit = function endEdit(success) {
     return this.grid.EndEdit(success ? 1 : 0);
   };
@@ -21392,6 +21682,42 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   _proto.getShownCols = function getShownCols(section) {
     return this.grid.GetShownCols(section);
   };
+  _proto.refreshGantt = function refreshGantt() {
+    this.grid.RefreshGantt();
+  };
+  _proto.checkGantt = function checkGantt(row, col, val) {
+    return this.grid.CheckGantt(row, col, val);
+  };
+  _proto.recalculate = function recalculate(row, col, show) {
+    this.grid.Recalculate(row, col, show);
+  };
+  _proto.setString = function setString(row, col, str, show) {
+    this.grid.SetString(row, col, str, show);
+  };
+  _proto.getString = function getString(row, col) {
+    return this.grid.GetString(row, col);
+  };
+  _proto.hideRow = function hideRow(row, del, noshow) {
+    this.grid.HideRow(row, del, noshow);
+  };
+  _proto.refreshGanttSlack = function refreshGanttSlack(show, min, err) {
+    if (show === void 0) {
+      show = true;
+    }
+    this.grid.RefreshGanttSlack(show, min, err);
+  };
+  _proto.setGanttFinish = function setGanttFinish(date, col) {
+    this.grid.SetGanttFinish(date, col);
+  };
+  _proto.expandAll = function expandAll(parent, loaded, levels, max, test, render) {
+    return this.grid.ExpandAll(parent, loaded, levels, max, test, render);
+  };
+  _proto.correctAllDependencies = function correctAllDependencies() {
+    this.grid.ActionCorrectAllDependencies();
+  };
+  _proto.scrollToDate = function scrollToDate(date, align) {
+    this.grid.ScrollToDate(date, align);
+  };
   _createClass(TreeGridTableViewContextImpl, [{
     key: "columnList",
     get: function get() {
@@ -21412,6 +21738,11 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
     get: function get() {
       return this.grid.Gantt;
     }
+  }, {
+    key: "ganttCol",
+    get: function get() {
+      return this.grid.Cols[this.gantt];
+    }
   }, {
     key: "sort",
     get: function get() {
@@ -21466,255 +21797,15 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
     get: function get() {
       return this.grid.Event;
     }
+  }, {
+    key: "idColumnName",
+    get: function get() {
+      return this.grid.IdColumnName;
+    }
   }]);
   return TreeGridTableViewContextImpl;
 }();
 
-var EVENT$1;
-(function (EVENT) {
-  EVENT["ON_SELECT"] = "OnSelect";
-  EVENT["ON_SHOW_MENU"] = "OnShowMenu";
-  EVENT["ON_DATA_SEND"] = "OnDataSend";
-  EVENT["ON_LOADED"] = "OnLoaded";
-  EVENT["ON_CLICK"] = "OnClick";
-  EVENT["ON_CLICK_PANEL"] = "OnClickPanel";
-  EVENT["ON_CLICK_CELL"] = "OnClickCell";
-  EVENT["ON_BLUR"] = "OnBlur";
-  EVENT["ON_DBL_CLICK"] = "OnDblClick";
-  EVENT["ON_CONTEXT_MENU"] = "OnContextMenu";
-  EVENT["ON_DEL"] = "OnDel";
-  EVENT["ON_AFTER_VALUE_CHANGED"] = "OnAfterValueChanged";
-  EVENT["ON_CAN_DROP"] = "OnCanDrop";
-  EVENT["ON_CAN_EDIT"] = "OnCanEdit";
-  EVENT["ON_CUSTOM_END_EDIT"] = "OnCustomEndEdit";
-  EVENT["ON_CUSTOM_START_EDIT"] = "OnCustomStartEdit";
-  EVENT["ON_ENDED_DRAG"] = "OnEndedDrag";
-  EVENT["ON_END_DRAG"] = "OnEndDrag";
-  EVENT["ON_FILTER_OPERATOR"] = "OnFilterOperator";
-  EVENT["ON_FILTER"] = "OnFilter";
-  EVENT["ON_GANTT_CHANGED"] = "OnGanttChanged";
-  EVENT["ON_GET_CLASS"] = "OnGetClass";
-  EVENT["ON_GET_DEFAULTS"] = "OnGetDefaults";
-  EVENT["ON_GET_HTML_VALUE"] = "OnGetHtmlValue";
-  EVENT["ON_GET_INPUT_VALUE"] = "OnGetInputValue";
-  EVENT["ON_GET_MENU"] = "OnGetMenu";
-  EVENT["ON_READY"] = "OnReady";
-  EVENT["ON_RENDER_PAGE_FINISH"] = "OnRenderPageFinish";
-  EVENT["ON_RENDER_START"] = "OnRenderStart";
-  EVENT["ON_ROW_UNDELETE"] = "OnRowUndelete";
-  EVENT["ON_SET_INPUT_VALUE"] = "OnSetInputValue";
-  EVENT["ON_SORT"] = "OnSort";
-  EVENT["ON_START_DRAG"] = "OnStartDrag";
-  EVENT["ON_SUGGEST"] = "OnSuggest";
-  EVENT["ON_VALUE_CHANGED"] = "OnValueChanged";
-  EVENT["ON_DRAG_OVER"] = "OnDragOver";
-  EVENT["ON_DROP"] = "OnDrop";
-  EVENT["ON_INIT"] = "OnInit";
-  EVENT["ON_CUSTOM_AJAX"] = "OnCustomAjax";
-  EVENT["ON_CLICK_SIDE_BUTTON"] = "OnClickSideButton";
-  EVENT["ON_SCROLL"] = "OnScroll";
-})(EVENT$1 || (EVENT$1 = {}));
-var URL;
-(function (URL) {
-  URL["LAYOUT"] = "Layout";
-  URL["DATA"] = "Data";
-  URL["PAGE"] = "Page";
-  URL["TREEGRID_TEXT"] = "treegrid/Text_ru-RU.xml";
-})(URL || (URL = {}));
-var CONTROLLER;
-(function (CONTROLLER) {
-  CONTROLLER["REQUEST"] = "TableViewRequest";
-})(CONTROLLER || (CONTROLLER = {}));
-var CACHE;
-(function (CACHE) {
-  CACHE[CACHE["DEFAULT"] = 2] = "DEFAULT";
-})(CACHE || (CACHE = {}));
-var COLUMN;
-(function (COLUMN) {
-  COLUMN["GANTT"] = "gantt";
-  COLUMN["GANTT_CLASS"] = "GanttGanttClass";
-  COLUMN["GANTT_ICONS"] = "GanttGanttIcons";
-})(COLUMN || (COLUMN = {}));
-var ROW_TYPE;
-(function (ROW_TYPE) {
-  ROW_TYPE["HEADER"] = "Header";
-  ROW_TYPE["DATA"] = "Data";
-  ROW_TYPE["FILTER"] = "Filter";
-  ROW_TYPE["GROUP"] = "Group";
-})(ROW_TYPE || (ROW_TYPE = {}));
-var CELL_TYPE;
-(function (CELL_TYPE) {
-  CELL_TYPE["DATE"] = "Date";
-  CELL_TYPE["TEXT"] = "Text";
-  CELL_TYPE["LINES"] = "Lines";
-  CELL_TYPE["PASS"] = "Pass";
-  CELL_TYPE["INT"] = "Int";
-  CELL_TYPE["FLOAT"] = "Float";
-  CELL_TYPE["ENUM"] = "Enum";
-  CELL_TYPE["RADIO"] = "Radio";
-  CELL_TYPE["SELECT"] = "Select";
-  CELL_TYPE["HTML"] = "Html";
-  CELL_TYPE["ICON"] = "Icon";
-  CELL_TYPE["LIST"] = "List";
-})(CELL_TYPE || (CELL_TYPE = {}));
-var ATTRIBUTE;
-(function (ATTRIBUTE) {
-  ATTRIBUTE["BUTTON"] = "Button";
-  ATTRIBUTE["BUTTON_CLASS"] = "ButtonClass";
-  ATTRIBUTE["BUTTON_TEXT"] = "ButtonText";
-  ATTRIBUTE["ON_CLICK_SIDE_BUTTON"] = "OnClickSideButton";
-  ATTRIBUTE["ICON"] = "Icon";
-  ATTRIBUTE["ICON_ALIGN"] = "IconAlign";
-  ATTRIBUTE["DEFAULT_FILTER"] = "DefaultFilter";
-  ATTRIBUTE["MENU_ITEMS"] = "MenuItems";
-  ATTRIBUTE["RANGE"] = "Range";
-  ATTRIBUTE["FULL_VALUE"] = "FullValue";
-  ATTRIBUTE["ORIG_NAME"] = "Orig";
-  ATTRIBUTE["ALIGN"] = "Align";
-  ATTRIBUTE["TIP"] = "Tip";
-  ATTRIBUTE["TIP_POSITION"] = "TipPosition";
-  ATTRIBUTE["HTML"] = "Html";
-  ATTRIBUTE["CLASS"] = "Class";
-  ATTRIBUTE["VISIBLE"] = "Visible";
-})(ATTRIBUTE || (ATTRIBUTE = {}));
-var DRAG_ITEM_TYPE;
-(function (DRAG_ITEM_TYPE) {
-  DRAG_ITEM_TYPE[DRAG_ITEM_TYPE["CANNOT_DROP"] = 0] = "CANNOT_DROP";
-  DRAG_ITEM_TYPE[DRAG_ITEM_TYPE["ABOVE_TOROW"] = 1] = "ABOVE_TOROW";
-  DRAG_ITEM_TYPE[DRAG_ITEM_TYPE["TO_THE_END_OF_CHILDREN"] = 2] = "TO_THE_END_OF_CHILDREN";
-  DRAG_ITEM_TYPE[DRAG_ITEM_TYPE["BELOW_TOROW"] = 3] = "BELOW_TOROW";
-})(DRAG_ITEM_TYPE || (DRAG_ITEM_TYPE = {}));
-var FILTER_TYPE;
-(function (FILTER_TYPE) {
-  FILTER_TYPE[FILTER_TYPE["NONE"] = 0] = "NONE";
-  FILTER_TYPE[FILTER_TYPE["EQUAL"] = 1] = "EQUAL";
-  FILTER_TYPE[FILTER_TYPE["NOT_EQUAL"] = 2] = "NOT_EQUAL";
-  FILTER_TYPE[FILTER_TYPE["LESS_THAN"] = 3] = "LESS_THAN";
-  FILTER_TYPE[FILTER_TYPE["LESS_THAN_OR_EQUAL"] = 4] = "LESS_THAN_OR_EQUAL";
-  FILTER_TYPE[FILTER_TYPE["GREATER_THAN"] = 5] = "GREATER_THAN";
-  FILTER_TYPE[FILTER_TYPE["GREATER_THAN_OR_EQUAL"] = 6] = "GREATER_THAN_OR_EQUAL";
-  FILTER_TYPE[FILTER_TYPE["BEGINS_WITH"] = 7] = "BEGINS_WITH";
-  FILTER_TYPE[FILTER_TYPE["DOES_NOT_BEGIN_WITH"] = 8] = "DOES_NOT_BEGIN_WITH";
-  FILTER_TYPE[FILTER_TYPE["ENDS_WITH"] = 9] = "ENDS_WITH";
-  FILTER_TYPE[FILTER_TYPE["DOES_NOT_END_WITH"] = 10] = "DOES_NOT_END_WITH";
-  FILTER_TYPE[FILTER_TYPE["CONTAINS"] = 11] = "CONTAINS";
-  FILTER_TYPE[FILTER_TYPE["DOES_NOT_CONTAIN"] = 12] = "DOES_NOT_CONTAIN";
-})(FILTER_TYPE || (FILTER_TYPE = {}));
-var REFRESH_MODE;
-(function (REFRESH_MODE) {
-  REFRESH_MODE["ROW"] = "row";
-  REFRESH_MODE["PAGE"] = "page";
-  REFRESH_MODE["NONE"] = "none";
-})(REFRESH_MODE || (REFRESH_MODE = {}));
-var DEFAULT;
-(function (DEFAULT) {
-  DEFAULT[DEFAULT["SUGGEST_DELAY"] = 200] = "SUGGEST_DELAY";
-  DEFAULT[DEFAULT["PAGE_LENGTH"] = 50] = "PAGE_LENGTH";
-  DEFAULT["PAGE"] = "2";
-  DEFAULT["DEFAULTS"] = "Defaults";
-  DEFAULT["TIP"] = "*Value*";
-})(DEFAULT || (DEFAULT = {}));
-var ALIGN;
-(function (ALIGN) {
-  ALIGN["CENTER"] = "Center";
-  ALIGN["RIGHT"] = "Right";
-})(ALIGN || (ALIGN = {}));
-var ROW_ID;
-(function (ROW_ID) {
-  ROW_ID["TOTAL"] = "totalRow";
-})(ROW_ID || (ROW_ID = {}));
-var NUMBER_FORMAT;
-(function (NUMBER_FORMAT) {
-  NUMBER_FORMAT["GENERAL"] = "g";
-  NUMBER_FORMAT["FIXED"] = "f";
-  NUMBER_FORMAT["CURRENCY"] = "c";
-  NUMBER_FORMAT["PERCENT"] = "p";
-  NUMBER_FORMAT["ROUNDED"] = "r";
-  NUMBER_FORMAT["SCIENTIFIC"] = "e";
-})(NUMBER_FORMAT || (NUMBER_FORMAT = {}));
-var ACTION;
-(function (ACTION) {
-  ACTION["SHOW_POPUP_MENU"] = "ShowPopupMenu";
-  ACTION["SHOW_MENU"] = "ShowMenu";
-  ACTION["CLEAR_FILTER"] = "ClearFilter";
-})(ACTION || (ACTION = {}));
-var SECTION;
-(function (SECTION) {
-  SECTION["HEADER"] = "Header";
-  SECTION["SPACE"] = "Space";
-})(SECTION || (SECTION = {}));
-var OPERATOR;
-(function (OPERATOR) {
-  OPERATOR[OPERATOR["AND"] = 0] = "AND";
-  OPERATOR[OPERATOR["OR"] = 1] = "OR";
-})(OPERATOR || (OPERATOR = {}));
-var PARAM;
-(function (PARAM) {
-  PARAM["EXPORT"] = "Export";
-  PARAM["EXPORT_NAME"] = "ExportName";
-  PARAM["EXPORT_FORMAT"] = "ExportFormat";
-})(PARAM || (PARAM = {}));
-var COL_ID;
-(function (COL_ID) {
-  COL_ID["PANEL"] = "Panel";
-  COL_ID["PAGER"] = "Pager";
-})(COL_ID || (COL_ID = {}));
-var BUTTON;
-(function (BUTTON) {
-  BUTTON["CLEAR"] = "Clear";
-})(BUTTON || (BUTTON = {}));
-var MENU_NAME;
-(function (MENU_NAME) {
-  MENU_NAME["EXPORT"] = "MenuExport";
-  MENU_NAME["COLUMNS"] = "MenuColumns";
-})(MENU_NAME || (MENU_NAME = {}));
-var PART_TYPE;
-(function (PART_TYPE) {
-  PART_TYPE["SIDE_BUTTON"] = "SideButton";
-})(PART_TYPE || (PART_TYPE = {}));
-var TARGET;
-(function (TARGET) {
-  TARGET["OUTSIDE"] = "Outside";
-})(TARGET || (TARGET = {}));
-var MENU_ALIGN;
-(function (MENU_ALIGN) {
-  MENU_ALIGN["BELOW"] = "below";
-  MENU_ALIGN["ABOVE"] = "above";
-  MENU_ALIGN["RIGHT"] = "right";
-  MENU_ALIGN["LEFT"] = "left";
-  MENU_ALIGN["NEXT"] = "next";
-  MENU_ALIGN["PREV"] = "prev";
-})(MENU_ALIGN || (MENU_ALIGN = {}));
-
-var TableViewConstants = {
-    __proto__: null,
-    get EVENT () { return EVENT$1; },
-    get URL () { return URL; },
-    get CONTROLLER () { return CONTROLLER; },
-    get CACHE () { return CACHE; },
-    get COLUMN () { return COLUMN; },
-    get ROW_TYPE () { return ROW_TYPE; },
-    get CELL_TYPE () { return CELL_TYPE; },
-    get ATTRIBUTE () { return ATTRIBUTE; },
-    get DRAG_ITEM_TYPE () { return DRAG_ITEM_TYPE; },
-    get FILTER_TYPE () { return FILTER_TYPE; },
-    get REFRESH_MODE () { return REFRESH_MODE; },
-    get DEFAULT () { return DEFAULT; },
-    get ALIGN () { return ALIGN; },
-    get ROW_ID () { return ROW_ID; },
-    get NUMBER_FORMAT () { return NUMBER_FORMAT; },
-    get ACTION () { return ACTION; },
-    get SECTION () { return SECTION; },
-    get OPERATOR () { return OPERATOR; },
-    get PARAM () { return PARAM; },
-    get COL_ID () { return COL_ID; },
-    get BUTTON () { return BUTTON; },
-    get MENU_NAME () { return MENU_NAME; },
-    get PART_TYPE () { return PART_TYPE; },
-    get TARGET () { return TARGET; },
-    get MENU_ALIGN () { return MENU_ALIGN; }
-};
-
 var styles$5 = {"vitro-table-view":"_table-view_vitro-table-view_1tTs32D"};
 
 var w$2 = window;
@@ -21722,6 +21813,9 @@ if (!w$2.tableViewList) {
   w$2.tableViewList = new Map();
 }
 var TreeGrid = function TreeGrid(props) {
+  var _useState = React.useState(CTRL.EMPTY),
+    className = _useState[0],
+    setClassName = _useState[1];
   var disposeTableViewById = function disposeTableViewById(gridId) {
     if (gridId && w$2.Grids) {
       var tableView = getTableViewById(gridId);
@@ -21783,6 +21877,9 @@ var TreeGrid = function TreeGrid(props) {
     if (props.onInit) {
       props.onInit(grid, next);
     }
+    if (g.HasGantt()) {
+      setClassName('vitro-table-view-gantt');
+    }
     var onDateSendEventHandler = {
       id: EVENT$1.ON_DATA_SEND,
       process: onDataSendHandler
@@ -21832,7 +21929,7 @@ var TreeGrid = function TreeGrid(props) {
           Text: {
             Url: props.textUrl || URL.TREEGRID_TEXT
           },
-          Debug: props.debug || '',
+          Debug: props.debug || CTRL.EMPTY,
           Cache: props.cache || CACHE.DEFAULT,
           CacheVersion: props.cacheVersion
         }, "vitro-table-view" + props.id);
@@ -21851,7 +21948,7 @@ var TreeGrid = function TreeGrid(props) {
           Text: {
             Url: props.textUrl || URL.TREEGRID_TEXT
           },
-          Debug: props.debug || '',
+          Debug: props.debug || CTRL.EMPTY,
           Cache: props.cache || CACHE.DEFAULT,
           CacheVersion: props.cacheVersion
         }, "vitro-table-view" + props.id);
@@ -21862,7 +21959,7 @@ var TreeGrid = function TreeGrid(props) {
     };
   }, []);
   return React__default.createElement("div", {
-    className: styles$5["vitro-table-view"]
+    className: styles$5["vitro-table-view"] + CTRL.SPACE + className
   }, React__default.createElement("div", {
     id: "vitro-table-view" + props.id
   }));
@@ -60692,7 +60789,10 @@ var Dialog = function Dialog(props) {
     onMouseDown: onOutsideClick,
     onKeyDown: onKeyDown,
     ref: dialogRef,
-    tabIndex: 1
+    tabIndex: 1,
+    style: {
+      zIndex: props.zIndex
+    }
   }, React__default.createElement(DialogComponent, {
     width: props.width,
     height: props.height,
@@ -60764,6 +60864,7 @@ var ConfirmDialog = function ConfirmDialog(props) {
     buttonList: buttonList,
     labelClose: props.labelNo,
     onKeyDown: props.onKeyDown,
+    zIndex: props.zIndex,
     isDismissible: true
   });
 };
@@ -60919,7 +61020,10 @@ var ResultDialog = function ResultDialog(props) {
     }
   };
   return React__default.createElement("div", {
-    className: styles$l['vitro-result-dialog'] + CTRL.SPACE + state
+    className: styles$l['vitro-result-dialog'] + CTRL.SPACE + state,
+    style: {
+      zIndex: props.zIndex
+    }
   }, React__default.createElement("div", {
     className: styles$l['vitro-header']
   }, React__default.createElement("div", {
@@ -61223,7 +61327,8 @@ var ActionHandler = function ActionHandler(props) {
     labelYes: props.labelYes,
     onCancel: onClose,
     onConfirm: onStart,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    zIndex: props.zIndex
   }) : React__default.createElement(ResultDialog, {
     actionName: actionName,
     itemList: data.itemList,
@@ -61236,7 +61341,8 @@ var ActionHandler = function ActionHandler(props) {
     warningResult: warningResult,
     onSaveReport: props.onSaveReport,
     onClose: onClose,
-    onCancel: onCancel
+    onCancel: onCancel,
+    zIndex: props.zIndex
   }));
 };
 
@@ -62239,7 +62345,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.129";
+var version$1 = "1.1.130";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -63038,16 +63144,6 @@ var LABEL_POSITION;
   LABEL_POSITION["LEFT"] = "left";
 })(LABEL_POSITION || (LABEL_POSITION = {}));
 
-(function (PLACEMENT) {
-  PLACEMENT["TOP"] = "top";
-  PLACEMENT["BOTTOM"] = "bottom";
-  PLACEMENT["LEFT"] = "left";
-  PLACEMENT["RIGHT"] = "right";
-  PLACEMENT["AUTO"] = "auto";
-  PLACEMENT["START"] = "start";
-  PLACEMENT["END"] = "end";
-})(exports.PLACEMENT || (exports.PLACEMENT = {}));
-
 var styles$L = {"vitro-control":"_date-picker_vitro-control_2AYXegb","vitro-display-none":"_date-picker_vitro-display-none_2wJx8XG","vitro-button-copy":"_date-picker_vitro-button-copy_1cGY1Uu","vitro-control-container":"_date-picker_vitro-control-container_2CVwecs","vitro-read-only":"_date-picker_vitro-read-only_2NZoMN5","vitro-label":"_date-picker_vitro-label_2jh9qxb","vitro-focus":"_date-picker_vitro-focus_2cJKcKr","vitro-error":"_date-picker_vitro-error_3DkgZiN","vitro-left-label":"_date-picker_vitro-left-label_ZFhZFS9","vitro-error-message":"_date-picker_vitro-error-message_3VKrJgj"};
 
 var $$3 = window.$;
@@ -63058,12 +63154,6 @@ var DatePicker = React.forwardRef(function (props, ref) {
   var _useState2 = React.useState(CTRL.EMPTY),
     state = _useState2[0],
     setState = _useState2[1];
-  var _useState3 = React.useState(null),
-    style = _useState3[0],
-    setStyle = _useState3[1];
-  var _useState4 = React.useState(false),
-    isOpened = _useState4[0],
-    setIsOpened = _useState4[1];
   var controlRef = React.useRef(null);
   var containerRef = React.useRef(null);
   var inputRef = React.useRef(null);
@@ -63098,18 +63188,16 @@ var DatePicker = React.forwardRef(function (props, ref) {
     }
   }, [props.isWorkDay]);
   React.useEffect(function () {
-    props.errorMessage ? setState(styles$L['vitro-error']) : setState(CTRL.EMPTY);
-  }, [props.errorMessage]);
-  React.useEffect(function () {
-    if (isOpened && !props.isFlipDropdown && controlRef.current) {
-      setStyle({
-        width: controlRef.current.offsetWidth + UNIT.PX,
-        inset: controlRef.current.offsetHeight + UNIT.PX + " auto auto 0px"
+    if (ready) {
+      setOptions({
+        depth: props.depth,
+        start: props.start
       });
-    } else {
-      setStyle(null);
     }
-  }, [isOpened]);
+  }, [props.depth, props.start]);
+  React.useEffect(function () {
+    props.errorMessage ? setState(styles$L['vitro-error']) : setState(CTRL.EMPTY);
+  }, [props.errorMessage]);
   React.useImperativeHandle(ref, function () {
     return {
       focus: function focus() {
@@ -63159,11 +63247,13 @@ var DatePicker = React.forwardRef(function (props, ref) {
       },
       close: function close(e) {
         onClose(e);
-      },
-      popup: {
-        appendTo: $$3(containerRef.current)
       }
     };
+    if (props.isFlipDropdown) {
+      config.popup = {
+        appendTo: $$3(containerRef.current)
+      };
+    }
     return config;
   };
   var setOptions = function setOptions(options) {
@@ -63182,14 +63272,12 @@ var DatePicker = React.forwardRef(function (props, ref) {
     }
   };
   var onOpen = function onOpen(e) {
-    setIsOpened(true);
     onFocus(e);
     if (props.onOpen) {
       props.onOpen(e, $$3(containerRef.current));
     }
   };
   var onClose = function onClose(e) {
-    setIsOpened(false);
     onBlur(e);
     if (props.onClose) {
       props.onClose(e.sender.value(), props.name);
@@ -63230,19 +63318,10 @@ var DatePicker = React.forwardRef(function (props, ref) {
   }), props.isReadOnly ? React__default.createElement("span", {
     className: styles$L['vitro-button-copy'],
     onClick: copyValue
-  }) : null, props.isFlipDropdown ? React__default.createElement("div", {
+  }) : null, React__default.createElement("div", {
     ref: containerRef,
     className: styles$L['vitro-control-container']
-  }) : React__default.createElement(Overlay$1, {
-    show: true,
-    target: inputRef.current,
-    placement: exports.PLACEMENT.AUTO
-  }, React__default.createElement("div", {
-    style: style ? style : {},
-    className: styles$L['vitro-control-container'] + (style ? CTRL.EMPTY : CTRL.SPACE + styles$L['vitro-display-none'])
-  }, React__default.createElement("div", {
-    ref: containerRef
-  }))), props.errorMessage && React__default.createElement(ErrorMessage, {
+  }), props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage,
     className: styles$L['vitro-error-message']
   }));
@@ -63275,12 +63354,6 @@ var TimePicker = React.forwardRef(function (props, ref) {
   var _useState2 = React.useState(CTRL.EMPTY),
     state = _useState2[0],
     setState = _useState2[1];
-  var _useState3 = React.useState(null),
-    style = _useState3[0],
-    setStyle = _useState3[1];
-  var _useState4 = React.useState(false),
-    isOpened = _useState4[0],
-    setIsOpened = _useState4[1];
   var controlRef = React.useRef(null);
   var containerRef = React.useRef(null);
   var inputRef = React.useRef(null);
@@ -63289,17 +63362,7 @@ var TimePicker = React.forwardRef(function (props, ref) {
     if (containerRef.current && inputRef.current) {
       init();
     }
-  }, [inputRef, containerRef]);
-  React.useEffect(function () {
-    if (isOpened && !props.isFlipDropdown && controlRef.current) {
-      setStyle({
-        width: controlRef.current.offsetWidth + UNIT.PX,
-        inset: controlRef.current.offsetHeight + UNIT.PX + " auto auto 0px"
-      });
-    } else {
-      setStyle(null);
-    }
-  }, [isOpened]);
+  }, [inputRef]);
   React.useEffect(function () {
     if (ready) {
       $$4(inputRef.current).data(componentName).value(props.value);
@@ -63338,22 +63401,24 @@ var TimePicker = React.forwardRef(function (props, ref) {
       },
       close: function close(e) {
         onClose(e);
-      },
-      popup: {
-        appendTo: $$4(containerRef.current)
       }
     };
+    if (props.isFlipDropdown) {
+      config.popup = {
+        appendTo: $$4(containerRef.current)
+      };
+    } else {
+      $$4('.k-animation-container').addClass(styles$M['vitro-control-container']);
+    }
     return config;
   };
   var onOpen = function onOpen(e) {
-    setIsOpened(true);
     onFocus(e);
     if (props.onOpen) {
       props.onOpen(e, $$4(containerRef.current));
     }
   };
   var onClose = function onClose(e) {
-    setIsOpened(false);
     onBlur(e);
     if (props.onClose) {
       props.onClose(e, $$4(containerRef.current));
@@ -63406,19 +63471,10 @@ var TimePicker = React.forwardRef(function (props, ref) {
   }), props.isReadOnly ? React__default.createElement("span", {
     className: styles$M['vitro-button-copy'],
     onClick: copyValue
-  }) : null, props.isFlipDropdown ? React__default.createElement("div", {
+  }) : null, React__default.createElement("div", {
     ref: containerRef,
     className: styles$M['vitro-control-container']
-  }) : React__default.createElement(Overlay$1, {
-    show: true,
-    target: inputRef.current,
-    placement: exports.PLACEMENT.AUTO
-  }, React__default.createElement("div", {
-    style: style ? style : {},
-    className: styles$M['vitro-control-container'] + (style ? CTRL.EMPTY : CTRL.SPACE + styles$M['vitro-display-none'])
-  }, React__default.createElement("div", {
-    ref: containerRef
-  }))), props.errorMessage && React__default.createElement(ErrorMessage, {
+  }), props.errorMessage && React__default.createElement(ErrorMessage, {
     text: props.errorMessage,
     className: styles$M['vitro-error-message']
   }));
@@ -63505,6 +63561,16 @@ var ValueListItem = function ValueListItem(props) {
   }));
 };
 
+(function (PLACEMENT) {
+  PLACEMENT["TOP"] = "top";
+  PLACEMENT["BOTTOM"] = "bottom";
+  PLACEMENT["LEFT"] = "left";
+  PLACEMENT["RIGHT"] = "right";
+  PLACEMENT["AUTO"] = "auto";
+  PLACEMENT["START"] = "start";
+  PLACEMENT["END"] = "end";
+})(exports.PLACEMENT || (exports.PLACEMENT = {}));
+
 var FLAG = 'gi';
 var ValueList = function ValueList(props) {
   var _useState = React.useState(null),
@@ -67245,6 +67311,7 @@ var SystemExceptionDialog = function SystemExceptionDialog(props) {
     labelClose: props.labelClose,
     className: styles$1v['vitro-system-exception-dialog'],
     hiddenContent: hiddenContent,
+    zIndex: props.zIndex,
     isDismissible: true
   }, React__default.createElement(DialogContent, null, isMobileView && React__default.createElement(Label, {
     text: localeService.create(LOCALE$c.SUBTITLE),
@@ -82014,6 +82081,76 @@ var DxfViewer = function DxfViewer(props) {
   });
 };
 
+var styles$1B = {"vitro-select":"_select_vitro-select_EObExkL","vitro-active":"_select_vitro-active_3I2oZ9Y","vitro-list-container":"_select_vitro-list-container_1iaPtG5","vitro-item":"_select_vitro-item_3Q88bWt"};
+
+var Select = function Select(props) {
+  var _useState = React.useState(null),
+    value = _useState[0],
+    setValue = _useState[1];
+  var _useState2 = React.useState(false),
+    isExpanded = _useState2[0],
+    setIsExpanded = _useState2[1];
+  var listRef = React.useRef(null);
+  var flexBoxRef = React.useRef(null);
+  React.useEffect(function () {
+    initValue();
+  }, []);
+  React.useEffect(function () {
+    window.addEventListener(exports.EVENT.MOUSEDOWN, onMouseDown);
+    return function () {
+      window.removeEventListener(exports.EVENT.MOUSEDOWN, onMouseDown);
+    };
+  }, []);
+  var initValue = function initValue() {
+    if (props.selectedItemId) {
+      setValue(props.itemList.find(function (item) {
+        return item.id === props.selectedItemId;
+      }) || null);
+    } else {
+      setValue(props.itemList[0]);
+    }
+  };
+  var onClick = function onClick(item) {
+    setValue(item);
+    setIsExpanded(false);
+    if (props.onChange) {
+      props.onChange(item);
+    }
+  };
+  var onMouseDown = function onMouseDown(e) {
+    var list = listRef.current;
+    var flexBox = flexBoxRef.current;
+    if (list && !list.contains(e.target) && flexBox && !flexBox.contains(e.target)) {
+      setIsExpanded(false);
+    }
+  };
+  var defaultItemTemplate = function defaultItemTemplate(props) {
+    return React__default.createElement("div", {
+      className: styles$1B['vitro-item']
+    }, props.text);
+  };
+  var itemTemplate = props.itemTemplate ? props.itemTemplate : defaultItemTemplate;
+  var className = [styles$1B['vitro-select'], isExpanded ? styles$1B['vitro-active'] : CTRL.EMPTY, props.className || CTRL.EMPTY].join(CTRL.SPACE);
+  if (!props.itemList.length || !value) {
+    return null;
+  }
+  return React__default.createElement(FlexBox, {
+    className: className,
+    tabIndex: 0,
+    onClick: function onClick() {
+      return setIsExpanded(!isExpanded);
+    },
+    ref: flexBoxRef
+  }, React__default.createElement(itemTemplate, value), React__default.createElement("div", {
+    className: styles$1B['vitro-list-container'],
+    ref: listRef
+  }, React__default.createElement(List, {
+    itemList: props.itemList,
+    onClick: onClick,
+    itemTemplate: itemTemplate
+  })));
+};
+
 exports.ACTION_HANDLER = ActionHandlerConstants;
 exports.ALERT = AlertConstants;
 exports.ActionHandler = ActionHandler;
@@ -82095,6 +82232,7 @@ exports.ScriptLoader = ScriptLoader;
 exports.ScrollBar = ScrollBar;
 exports.ScrollView = ScrollView;
 exports.Search = Search;
+exports.Select = Select;
 exports.Sidebar = Sidebar;
 exports.SidebarButton = SidebarButton;
 exports.SiteSelect = SiteSelect;