@vitrosoftware/common-ui-ts 1.1.52 → 1.1.53

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/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",
@@ -54,7 +56,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";
@@ -20812,6 +20817,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) {
@@ -61002,7 +61008,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 () {