@vitrosoftware/common-ui-ts 1.1.198 → 1.1.200

package/css/std/controls/dialog/dialog-header.css

@@ -37,6 +37,11 @@
 
 .vitro-title {
     align-items: flex-start;
+    gap: 2px;
+}
+
+.vitro-title:has(> h2) {
+    margin-top: 12px;
 }
 
 @media (max-width: 800px) {

package/css/std/controls/label/label.css

@@ -9,6 +9,7 @@
     margin-bottom: 12px;
     display: flex;
     align-items: center;
+    flex-shrink: 0;
 }
 
 .vitro-label,

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

@@ -7,7 +7,6 @@
 
 .TWMain, .TWMain * {
     font-size: 14px;
-    line-height: 16px;
     font-family: "InterRegular";
     color: #222D44;
     border: none;
@@ -61,15 +60,10 @@
 .TWPanelSelect {
     width: 16px;
     height: 16px;
-    margin-top: 3px;
     background-size: 24px;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/checkbox-empty.svg');
 }
 
-.TWPanelSelectOn {
-    margin-top: 3px;
-}
-
 .TWNE, .TWNER,
 .TWND4, .TWND4R {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/collapse-right-grey.svg');

package/css/std/controls/view/view.css

@@ -15,7 +15,7 @@
     align-content: flex-start;
 }
 
-.vitro-tab :global(.nav) {
+.vitro-tab > :global(.nav) {
     padding: 0 16px 0 16px;
 }
 

package/dist/index.css

@@ -1536,6 +1536,11 @@ div._component-loader_vitro-component-loader_3J3a2or {
 
 ._dialog-header_vitro-title_2k8SPhE {
     align-items: flex-start;
+    gap: 2px;
+}
+
+._dialog-header_vitro-title_2k8SPhE:has(> h2) {
+    margin-top: 12px;
 }
 
 @media (max-width: 800px) {
@@ -2520,7 +2525,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     align-content: flex-start;
 }
 
-._view_vitro-tab_2sqf0L9 .nav {
+._view_vitro-tab_2sqf0L9 > .nav {
     padding: 0 16px 0 16px;
 }
 
@@ -3231,6 +3236,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
     margin-bottom: 12px;
     display: flex;
     align-items: center;
+    flex-shrink: 0;
 }
 
 ._label_vitro-label_it8WNUE,

package/dist/index.js

@@ -21356,6 +21356,7 @@ var CFG_ATTRIBUTE;
   CFG_ATTRIBUTE["CONST_WIDTH"] = "ConstWidth";
   CFG_ATTRIBUTE["CALCULATED_CHANGES"] = "CalculatedChanges";
   CFG_ATTRIBUTE["CUSTOM_SCROLL"] = "CustomScroll";
+  CFG_ATTRIBUTE["SHOW_V_SCROLL"] = "ShowVScroll";
 })(CFG_ATTRIBUTE || (CFG_ATTRIBUTE = {}));
 var URL;
 (function (URL) {
@@ -22387,9 +22388,12 @@ var MicroFrontend = React.forwardRef(function (props, ref) {
   var renderMicroFrontend = function renderMicroFrontend() {
     if (rootRef != null && rootRef.current != null) {
       var rendererName = "render" + props.name;
-      var containerId = getId(rootRef.current);
-      setId(containerId);
-      props.data.containerId = containerId;
+      props.data.containerId = id;
+      if (!id) {
+        var containerId = getId(rootRef.current);
+        setId(containerId);
+        props.data.containerId = containerId;
+      }
       microFrontendState.render(rendererName, rootRef.current, props.data, props.isReloadOnChange, 0);
     }
     microFrontendState.renderInProgress = false;
@@ -63128,7 +63132,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.198";
+var version$1 = "1.1.200";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -63442,8 +63446,10 @@ var Checkbox = React.forwardRef(function (props, ref) {
     };
   });
   var onChange = function onChange() {
-    props.onChange && props.onChange(!value, props.name);
-    _setValue(!value);
+    if (!props.isReadOnly) {
+      props.onChange && props.onChange(!value, props.name);
+      _setValue(!value);
+    }
   };
   var className = styles$L['vitro-control'] + (props.labelPosition === POSITION.LEFT ? CTRL.SPACE + styles$L['vitro-left-label'] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY);
   return React__default.createElement("div", {