@vitrosoftware/common-ui-ts 1.1.29 → 1.1.31

package/dist/index.modern.js

@@ -60201,13 +60201,11 @@ var ViewPart = function ViewPart(props) {
     }
   }, [props.component, props.settings, props.item]);
   return React__default.createElement("div", {
-    className: styles$9["vitro-view-part"]
+    className: styles$9['vitro-view-part'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, component);
 };
 
-var styles$a = {"vitro-view":"_view_vitro-view_1NKb-kU"};
-
-var styles$b = {"vitro-dropdown-button":"_dropdown-button_vitro-dropdown-button_1myvkhB","vitro-dropdown-icon":"_dropdown-button_vitro-dropdown-icon_2aKCNii","vitro-text":"_dropdown-button_vitro-text_1FRiwp0","vitro-dropdown-button-item-overflow":"_dropdown-button_vitro-dropdown-button-item-overflow_2aWEhD4","vitro-icon":"_dropdown-button_vitro-icon_2NCEoeb","dropdown-item":"_dropdown-button_dropdown-item_1c2DhhE"};
+var styles$a = {"vitro-dropdown-button":"_dropdown-button_vitro-dropdown-button_1myvkhB","vitro-dropdown-icon":"_dropdown-button_vitro-dropdown-icon_2aKCNii","vitro-text":"_dropdown-button_vitro-text_1FRiwp0","vitro-dropdown-button-item-overflow":"_dropdown-button_vitro-dropdown-button-item-overflow_2aWEhD4","vitro-icon":"_dropdown-button_vitro-icon_2NCEoeb","dropdown-item":"_dropdown-button_dropdown-item_1c2DhhE"};
 
 var w$4 = window;
 var ALIGN_END = 'end';
@@ -60261,10 +60259,10 @@ var DropdownButton = function DropdownButton(props) {
     return !!item.imageUrl;
   }) ? true : false;
   return React__default.createElement("div", {
-    className: styles$b['vitro-dropdown-button'] + CTRL.SPACE + (props.className || CTRL.EMPTY)
+    className: styles$a['vitro-dropdown-button'] + CTRL.SPACE + (props.className || CTRL.EMPTY)
   }, overflowItemList.map(function (item) {
     return React__default.createElement("div", {
-      className: styles$b['vitro-dropdown-button-item-overflow'],
+      className: styles$a['vitro-dropdown-button-item-overflow'],
       key: item.key,
       onClick: function onClick(e) {
         return item.onClick(item.value, e);
@@ -60272,15 +60270,15 @@ var DropdownButton = function DropdownButton(props) {
     }, item.imageUrl && React__default.createElement(Icon, {
       defaultUrl: item.imageUrl,
       hoverUrl: item.imageHoverUrl,
-      className: styles$b['vitro-icon']
+      className: styles$a['vitro-icon']
     }), React__default.createElement("span", null, item.text));
   }), dropItemList.length > 0 && React__default.createElement(BootstrapDropdown, {
     align: ALIGN_END,
     onToggle: onDropdownToggle
   }, React__default.createElement(BootstrapDropdown.Toggle, null, props.title && React__default.createElement("span", {
-    className: styles$b['vitro-title']
+    className: styles$a['vitro-title']
   }, props.title), React__default.createElement("span", {
-    className: styles$b['vitro-dropdown-icon']
+    className: styles$a['vitro-dropdown-icon']
   }, props.title)), React__default.createElement(BootstrapDropdown.Menu, {
     renderOnMount: true,
     flip: false
@@ -60294,7 +60292,7 @@ var DropdownButton = function DropdownButton(props) {
       item: x,
       isConfirm: true
     }, React__default.createElement("a", {
-      className: styles$b['dropdown-item'],
+      className: styles$a['dropdown-item'],
       role: 'button'
     }, x.text)) : React__default.createElement(BootstrapDropdown.Item, {
       key: x.key,
@@ -60303,7 +60301,7 @@ var DropdownButton = function DropdownButton(props) {
         return x.onClick(x.value, e);
       }
     }, isShowImage && React__default.createElement("div", {
-      className: styles$b['vitro-icon']
+      className: styles$a['vitro-icon']
     }, x.imageUrl && React__default.createElement(Icon, {
       defaultUrl: x.imageUrl,
       hoverUrl: x.imageHoverUrl
@@ -60311,12 +60309,12 @@ var DropdownButton = function DropdownButton(props) {
   }))));
 };
 
-var styles$c = {"vitro-tab":"_tab-group_vitro-tab_1Qb50HL","vitro-item":"_tab-group_vitro-item_2YnBcmb","active":"_tab-group_active_3M-IIR2","vitro-dropdown-button":"_tab-group_vitro-dropdown-button_146jv_h"};
+var styles$b = {"vitro-tab":"_tab-group_vitro-tab_1Qb50HL","vitro-item":"_tab-group_vitro-item_2YnBcmb","active":"_tab-group_active_3M-IIR2","vitro-dropdown-button":"_tab-group_vitro-dropdown-button_146jv_h"};
 
 var OverflowButton = function OverflowButton(props) {
   if (!props.list || !props.list.length) return null;
   return React__default.createElement(DropdownButton, {
-    className: styles$c['vitro-dropdown-button'],
+    className: styles$b['vitro-dropdown-button'],
     itemList: props.list.map(function (x, i) {
       return _extends({}, x, {
         value: props.offset + i,
@@ -60332,9 +60330,9 @@ var OverflowButton = function OverflowButton(props) {
 var Tab = function Tab(props) {
   return React__default.createElement("div", {
     key: props.index,
-    className: styles$c['vitro-item']
+    className: styles$b['vitro-item']
   }, React__default.createElement(Nav$2.Item, {
-    className: props.active ? styles$c['active'] : undefined,
+    className: props.active ? styles$b['active'] : undefined,
     onClick: function onClick() {
       return props.onClick(props.index);
     }
@@ -60412,7 +60410,7 @@ var TabGroupComponent = function TabGroupComponent(props) {
     }
   }, [currentTab, props.itemList]);
   return React__default.createElement("div", {
-    className: styles$c['vitro-tab'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
+    className: styles$b['vitro-tab'] + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY),
     ref: ref
   }, React__default.createElement(TabGroupHeader, {
     itemList: props.itemList,
@@ -60450,21 +60448,23 @@ var TabGroup = function TabGroup(props) {
   }, React__default.createElement(TabGroupComponent, Object.assign({}, props))) : React__default.createElement(TabGroupComponent, Object.assign({}, props));
 };
 
-var styles$d = {"vitro-control":"_control-group_vitro-control_2h_sXQv","vitro-control-row":"_control-group_vitro-control-row_6l8m5Wh","vitro-label":"_control-group_vitro-label_3J193Ml"};
+var styles$c = {"vitro-control":"_control-group_vitro-control_2h_sXQv","vitro-control-row":"_control-group_vitro-control-row_6l8m5Wh","vitro-label":"_control-group_vitro-label_3J193Ml"};
 
 var ControlGroup = function ControlGroup(props) {
   if (props.horizontal) {
     return React__default.createElement("div", {
-      className: 'container ' + styles$d['vitro-control']
+      className: 'container ' + styles$c['vitro-control']
     }, React__default.createElement("div", {
       className: props.as
     }, props.children));
   }
   return React__default.createElement("div", {
-    className: styles$d['vitro-control-row']
+    className: styles$c['vitro-control-row']
   }, props.children);
 };
 
+var styles$d = {"vitro-view":"_view_vitro-view_1NKb-kU","vitro-view-part":"_view_vitro-view-part_X1Zzk97"};
+
 var View = function View(props) {
   var _useState = useState([]),
     tabList = _useState[0],
@@ -60489,7 +60489,7 @@ var View = function View(props) {
     }
   }, [props.tabList]);
   return tabList && React__default.createElement("div", {
-    className: styles$a["vitro-view"]
+    className: styles$d["vitro-view"]
   }, React__default.createElement(TabGroup, {
     itemList: tabList,
     wrap: true
@@ -60498,7 +60498,15 @@ var View = function View(props) {
 var GetGroupControl = function GetGroupControl(props) {
   return React__default.createElement(ControlGroup, {
     horizontal: true
-  }, props.componentList.map(function (viewPart) {
+  }, props.componentList.length > 1 ? React__default.createElement(ScrollBar, null, props.componentList.map(function (viewPart) {
+    return React__default.createElement(ViewPart, {
+      component: viewPart.component,
+      settings: viewPart.settings,
+      props: props,
+      item: props.item,
+      className: styles$d['vitro-view-part']
+    });
+  })) : props.componentList.map(function (viewPart) {
     return React__default.createElement(ViewPart, {
       component: viewPart.component,
       settings: viewPart.settings,
@@ -61436,7 +61444,7 @@ var SelectedValueList = function SelectedValueList(props) {
       key: x.id,
       className: styles$o['vitro-selected-item'],
       title: title
-    }, props.getHtmlValue ? React__default.createElement("div", {
+    }, props.getHtmlValue && props.getHtmlValue(x) ? React__default.createElement("div", {
       className: htmlValueStyles['vitro-item-html-value']
     }, props.getHtmlValue(x)) : null, React__default.createElement("span", null, title), props.isMultiSelect && React__default.createElement("div", {
       onClick: function onClick() {