@vitrosoftware/common-ui-ts 1.1.52 → 1.1.54

package/css/std/controls/search/checkbox-list.css

@@ -7,6 +7,11 @@
 .vitro-checkbox-list .vitro-control {
     margin-bottom: 8px;
     margin-right: 12px;
+    width: unset !important;
+}
+
+.vitro-checkbox-list .vitro-control > div {
+    width: unset !important;
 }
 
 .vitro-checkbox-list .vitro-checkbox {

package/css/std/controls/table-view/treegrid.css

@@ -117,7 +117,7 @@
 }
 
 .TWLow .TWIconRight {
-    background-position-x: -8px;
+    background-position: center;
     background-size: 24px;
 }
 
@@ -139,13 +139,21 @@
 .TWCellMenuMain,
 .TWFilterMenuMain {
     width: 241px !important;
-    margin-top: 24px !important;
-    margin-left: -34px;
     border: none;
     border-radius: 4px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
 }
 
+.TWCellMenuMain {
+    margin-top: 24px !important;
+    margin-left: -27px;
+}
+
+.TWFilterMenuMain {
+    margin-top: 8px !important;
+    margin-left: -22px;
+}
+
 .TWCellMenuMain::before,
 .TWFilterMenuMain::before {
     content: '';
@@ -313,11 +321,6 @@
     background-repeat: no-repeat;
 }
 
-.TWIconRight.TWCellFilter {
-    background-size: 16px 16px !important;
-    background-position: 0 !important;
-}
-
 .TWRightSplitter {
     background: #4292F7;
 }

package/dist/controls/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export interface CheckboxProps {
     value?: any;
-    onChange?: (value: any[] | any, name?: string) => void;
+    onChange?: (value: any[] | any, name: string) => void;
     labelPosition?: string;
     label: string;
     isDisabled?: boolean;

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

@@ -12,6 +12,7 @@ export interface TableViewProps {
     controller?: string | undefined;
     listCode?: string | undefined;
     eventHandlerList?: TableViewEventHandler[];
+    onCustomAjax?: (grid: any, source: any, data: string, func: (code: any, result: any) => any) => any;
     onInit?: ((grid: TableViewContext, next?: () => any) => any) | undefined;
     onSelect?: ((grid: TableViewContext, row: TableViewRow, deselect: boolean, columnList: string[], test: boolean) => any) | undefined;
     layout?: any;

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

@@ -3,6 +3,8 @@ export declare enum EVENT {
     ON_DATA_SEND = "OnDataSend",
     ON_LOADED = "OnLoaded",
     ON_CLICK = "OnClick",
+    ON_CLICK_PANEL = "OnClickPanel",
+    ON_CLICK_CELL = "OnClickCell",
     ON_BLUR = "OnBlur",
     ON_DBL_CLICK = "OnDblClick",
     ON_CONTEXT_MENU = "OnContextMenu",
@@ -32,7 +34,9 @@ export declare enum EVENT {
     ON_SUGGEST = "OnSuggest",
     ON_VALUE_CHANGED = "OnValueChanged",
     ON_DRAG_OVER = "OnDragOver",
-    ON_DROP = "OnDrop"
+    ON_DROP = "OnDrop",
+    ON_INIT = "OnInit",
+    ON_CUSTOM_AJAX = "OnCustomAjax"
 }
 export declare enum URL {
     LAYOUT = "Layout",
@@ -54,7 +58,8 @@ export declare enum COLUMN {
 export declare enum ROW_TYPE {
     HEADER = "Header",
     DATA = "Data",
-    FILTER = "Filter"
+    FILTER = "Filter",
+    GROUP = "Group"
 }
 export declare enum CELL_TYPE {
     DATE = "Date",

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

@@ -75,4 +75,5 @@ export interface TableViewContext {
     getFocusedCols(): any[];
     getFocusedRows(): any[];
     getFilter(spec: boolean): any[];
+    selectRange(row1: any, col1: any, row2: any, col2: any, select: boolean): any;
 }

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

@@ -84,4 +84,5 @@ export declare class TreeGridTableViewContextImpl implements TableViewContext {
     getFocusedCols(): any[];
     getFocusedRows(): any[];
     getFilter(spec: boolean): any[];
+    selectRange(row1: any, col1: any, row2: any, col2: any, select: boolean): any;
 }

package/dist/index.css

@@ -5203,6 +5203,11 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 ._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-control_cxgm4cj {
     margin-bottom: 8px;
     margin-right: 12px;
+    width: unset !important;
+}
+
+._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-control_cxgm4cj > div {
+    width: unset !important;
 }
 
 ._checkbox-list_vitro-checkbox-list_1iZSkkv ._checkbox-list_vitro-checkbox_1EqsnoQ {

package/dist/index.js

@@ -20684,6 +20684,9 @@ var TreeGridTableViewContextImpl = /*#__PURE__*/function () {
   _proto.getFilter = function getFilter(spec) {
     return this.grid.GetFilter(spec);
   };
+  _proto.selectRange = function selectRange(row1, col1, row2, col2, select) {
+    this.grid.SelectRange(row1, col1, row2, col2, select);
+  };
   _createClass(TreeGridTableViewContextImpl, [{
     key: "columnList",
     get: function get() {
@@ -20755,6 +20758,8 @@ var EVENT$1;
   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";
@@ -20785,6 +20790,8 @@ var EVENT$1;
   EVENT["ON_VALUE_CHANGED"] = "OnValueChanged";
   EVENT["ON_DRAG_OVER"] = "OnDragOver";
   EVENT["ON_DROP"] = "OnDrop";
+  EVENT["ON_INIT"] = "OnInit";
+  EVENT["ON_CUSTOM_AJAX"] = "OnCustomAjax";
 })(EVENT$1 || (EVENT$1 = {}));
 var URL;
 (function (URL) {
@@ -20812,6 +20819,7 @@ var 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) {
@@ -21010,6 +21018,9 @@ var TreeGrid = function TreeGrid(props) {
     };
     grid.setEventHandler(onDateSendEventHandler);
   };
+  var onGridInit = function onGridInit(g, reload) {
+    g.scope = props.scope;
+  };
   var createGridUrl = function createGridUrl(dataKey) {
     if (props.layout || props.data) {
       return null;
@@ -21026,6 +21037,15 @@ var TreeGrid = function TreeGrid(props) {
     w$2.TGSetEvent(EVENT$1.ON_LOADED, props.id, function (grid, next) {
       return onGridLoaded(grid, next);
     });
+    w$2.TGSetEvent(EVENT$1.ON_INIT, props.id, function (grid, reload) {
+      return onGridInit(grid);
+    });
+    if (props.onCustomAjax) {
+      var onCustomAjax = props.onCustomAjax;
+      w$2.TGSetEvent(EVENT$1.ON_CUSTOM_AJAX, props.id, function (grid, source, data, func) {
+        return onCustomAjax(grid, source, data, func);
+      });
+    }
     if (props.layout || props.data) {
       w$2.TreeGrid({
         id: props.id,
@@ -21040,8 +21060,7 @@ var TreeGrid = function TreeGrid(props) {
         },
         Debug: props.debug || '',
         Cache: props.cache || CACHE.DEFAULT,
-        CacheVersion: props.cacheVersion,
-        scope: props.scope
+        CacheVersion: props.cacheVersion
       }, "vitro-table-view" + props.id);
     } else {
       w$2.TreeGrid({
@@ -21060,8 +21079,7 @@ var TreeGrid = function TreeGrid(props) {
         },
         Debug: props.debug || '',
         Cache: props.cache || CACHE.DEFAULT,
-        CacheVersion: props.cacheVersion,
-        scope: props.scope
+        CacheVersion: props.cacheVersion
       }, "vitro-table-view" + props.id);
     }
     return function () {
@@ -61002,7 +61020,7 @@ var Checkbox = function Checkbox(props) {
     value = _useState[0],
     setValue = _useState[1];
   var onChange = function onChange() {
-    props.onChange && props.onChange(!value);
+    props.onChange && props.onChange(!value, props.name);
     setValue(!value);
   };
   React.useEffect(function () {