@vitrosoftware/common-ui-ts 1.1.251 → 1.1.253

package/css/std/controls/table-view/table-view-custom-date-edit.css

@@ -25,16 +25,17 @@
     color: #222D44 !important;
 }
 
-.TWMain .TWDateLeft, 
-.TWMain .TWDatesLeft, 
-.TWMain .TWDateRight, 
+.TWMain .TWDateLeft,
+.TWMain .TWDatesLeft,
+.TWMain .TWDateRight,
 .TWMain .TWDatesRight,
-.TWMain .TWDateTop, 
-.TWMain .TWDatesTop, 
-.TWMain .TWDateBottom, 
+.TWMain .TWDateTop,
+.TWMain .TWDatesTop,
+.TWMain .TWDateBottom,
 .TWMain .TWDatesBottom {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/date-picker.svg');
     background-size: 24px;
+    background-position: center;
 }
 
 .vitro-table-view-gantt .TWMain .TWDateLeft,
@@ -46,4 +47,5 @@
 .vitro-table-view-gantt .TWMain .TWDateBottom,
 .vitro-table-view-gantt .TWMain .TWDatesBottom {
     background-size: 20px;
+    background-position: center;
 }

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

@@ -79,7 +79,7 @@
     height: 24px;
     width: 24px;
     min-width: 24px;
-    margin-left: -2px;
+    margin-left: -8px;
     display: none;
     cursor: default;
 }

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

@@ -1,7 +1,7 @@
 .TWCellHeader {
     font-family: "InterMedium" !important;
     background: #F7F9FC;
-    padding: 4px 8px !important;
+    padding: 4px 0 4px 8px !important;
 }
 
 .TWClassHoveredCellHeader {

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

@@ -2,10 +2,8 @@
 .TWSort2Left, .TWSort2Right,
 .TWSort3Left, .TWSort3Right {
     background-repeat: no-repeat !important;
-    height: 24px !important;
-    width: 24px !important;
-    background-size: 100% !important;
-    background-position: center !important;
+    background-size: 24px !important;
+    background-position: -8px 0 !important;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/sort-top.svg');
 }
 
@@ -13,10 +11,8 @@
 .TWSort5Left, .TWSort5Right,
 .TWSort6Left, .TWSort6Right {
     background-repeat: no-repeat !important;
-    height: 24px !important;
-    width: 24px !important;
-    background-size: 100% !important;
-    background-position: center !important;
+    background-size: 24px !important;
+    background-position: -8px 0 !important;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/sort-bottom.svg');
 }
 

package/dist/index.css

@@ -771,7 +771,7 @@ body em {
     height: 24px;
     width: 24px;
     min-width: 24px;
-    margin-left: -2px;
+    margin-left: -8px;
     display: none;
     cursor: default;
 }

package/dist/index.js

@@ -21908,6 +21908,9 @@ var TableViewServiceImpl = /*#__PURE__*/function () {
     }
     return lastCol;
   };
+  _proto.calcWidth = function calcWidth(col) {
+    this.grid.CalcWidth(col);
+  };
   return _createClass(TableViewServiceImpl, [{
     key: "columnList",
     get: function get() {
@@ -63822,6 +63825,9 @@ var LookupPicker = React.forwardRef(function (props, ref) {
   React.useEffect(function () {
     updateFilteredValueList(props.valueList || []);
     setSelectedValueList(createDefaultSelectedValueList);
+    if (props.valueList) {
+      setPending(false);
+    }
   }, [props.valueList]);
   React.useEffect(function () {
     if (props.selectedValueList && checkIsValueChanged(selectedValueList, props.selectedValueList)) {
@@ -65806,14 +65812,14 @@ var Checkbox = React.forwardRef(function (props, ref) {
   });
   var onChange = function onChange() {
     if (!props.isReadOnly) {
-      props.onChange && props.onChange(!value, props.name);
+      props.onChange && props.onChange(!value, props.name || CTRL.EMPTY);
       _setValue(!value);
     }
   };
   var className = styles$V['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$V['vitro-left-label'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
   return React__default.createElement("div", {
     className: className
-  }, props.labelPosition === POSITION.LEFT && React__default.createElement(Label, {
+  }, props.labelPosition === POSITION.LEFT && props.label && React__default.createElement(Label, {
     text: props.label,
     className: styles$V['vitro-label']
   }), React__default.createElement("div", {
@@ -65825,12 +65831,18 @@ var Checkbox = React.forwardRef(function (props, ref) {
     name: props.name,
     checked: value,
     onChange: onChange
-  }), props.labelPosition !== POSITION.LEFT && React__default.createElement(Label, {
+  }), props.labelPosition !== POSITION.LEFT && props.label && React__default.createElement(Label, {
     text: props.label,
     className: styles$V['vitro-label']
   })));
 });
 
+var Checkbox$1 = function Checkbox$1(props) {
+  return React__default.createElement(Checkbox, Object.assign({}, props, {
+    value: props.value ? props.value.valueList[0] : false
+  }));
+};
+
 var CONTROL = function CONTROL() {};
 CONTROL.LOOKUP_PICKER = 'LookupPicker';
 CONTROL.DATE_PICKER = 'DatePicker';
@@ -66069,7 +66081,7 @@ var CriterionFilter = function CriterionFilter(props) {
     value: TimePicker$1
   }, {
     name: CONTROL.CHECKBOX,
-    value: Checkbox
+    value: Checkbox$1
   }, {
     name: CONTROL.AVATAR,
     value: UserLookupPicker$1
@@ -67280,7 +67292,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.251";
+var version$1 = "1.1.253";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";