@vitrosoftware/common-ui-ts 1.1.183 → 1.1.185

package/css/std/controls/editable-list/editable-list.css

@@ -118,6 +118,10 @@
     height: 24px;
 }
 
+.vitro-readonly {
+    pointer-events: none;
+}
+
 .vitro-editable-item.vitro-mobile .vitro-editable-item-label {
     white-space: pre-wrap !important;
     padding-left: 8px;

package/dist/index.css

@@ -8349,6 +8349,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     height: 24px;
 }
 
+._editable-list_vitro-readonly_2pK9bq5 {
+    pointer-events: none;
+}
+
 ._editable-list_vitro-editable-item_cWSWi1n._editable-list_vitro-mobile_2IDiwft ._editable-list_vitro-editable-item-label_3ViAKDq {
     white-space: pre-wrap !important;
     padding-left: 8px;

package/dist/index.js

@@ -63020,7 +63020,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.183";
+var version$1 = "1.1.185";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -65168,9 +65168,9 @@ var SelectedValueListItem = function SelectedValueListItem(props) {
 };
 
 var SelectedValueList = function SelectedValueList(props) {
-  return React__default.createElement(React__default.Fragment, null, props.list.map(function (x) {
+  return React__default.createElement(React__default.Fragment, null, props.list.map(function (x, index) {
     return React__default.createElement(SelectedValueListItem, {
-      key: x.id,
+      key: index,
       item: x,
       isMultiSelect: props.isMultiSelect,
       isReadOnly: props.isReadOnly,
@@ -83999,7 +83999,7 @@ var Switch = function Switch(props) {
   }));
 };
 
-var styles$1L = {"vitro-editable-list":"_editable-list_vitro-editable-list_2y8aXbO","vitro-header":"_editable-list_vitro-header_3ilVZhe","vitro-create-button":"_editable-list_vitro-create-button_3E1aQDB","vitro-editable-item":"_editable-list_vitro-editable-item_cWSWi1n","vitro-active":"_editable-list_vitro-active_39PUrSM","vitro-button-container":"_editable-list_vitro-button-container_1okfn08","vitro-editable-list-mobile":"_editable-list_vitro-editable-list-mobile_z1t_hAF","vitro-dropdown-button":"_editable-list_vitro-dropdown-button_vPtNQxA","vitro-dropdown-menu-top":"_editable-list_vitro-dropdown-menu-top_1miFWtX","vitro-display-none":"_editable-list_vitro-display-none_1nqU_hD","vitro-mobile":"_editable-list_vitro-mobile_2IDiwft","vitro-editable-item-icon":"_editable-list_vitro-editable-item-icon_29jFw_f","vitro-editable-item-label":"_editable-list_vitro-editable-item-label_3ViAKDq","vitro-header-mobile":"_editable-list_vitro-header-mobile_2EMihKc"};
+var styles$1L = {"vitro-editable-list":"_editable-list_vitro-editable-list_2y8aXbO","vitro-header":"_editable-list_vitro-header_3ilVZhe","vitro-create-button":"_editable-list_vitro-create-button_3E1aQDB","vitro-editable-item":"_editable-list_vitro-editable-item_cWSWi1n","vitro-active":"_editable-list_vitro-active_39PUrSM","vitro-button-container":"_editable-list_vitro-button-container_1okfn08","vitro-editable-list-mobile":"_editable-list_vitro-editable-list-mobile_z1t_hAF","vitro-dropdown-button":"_editable-list_vitro-dropdown-button_vPtNQxA","vitro-dropdown-menu-top":"_editable-list_vitro-dropdown-menu-top_1miFWtX","vitro-display-none":"_editable-list_vitro-display-none_1nqU_hD","vitro-mobile":"_editable-list_vitro-mobile_2IDiwft","vitro-editable-item-icon":"_editable-list_vitro-editable-item-icon_29jFw_f","vitro-readonly":"_editable-list_vitro-readonly_2pK9bq5","vitro-editable-item-label":"_editable-list_vitro-editable-item-label_3ViAKDq","vitro-header-mobile":"_editable-list_vitro-header-mobile_2EMihKc"};
 
 var CSS_CLASS_MOBILE = 'vitro-mobile';
 var CSS_DROPDOWN_MENU_TOP = 'vitro-dropdown-menu-top';
@@ -84088,7 +84088,7 @@ var EditableItem = function EditableItem(props) {
     text: props.text || text
   }), React__default.createElement("div", {
     className: styles$1L['vitro-button-container']
-  }, props.dropdownItemList || props.getDropdownItemList ? React__default.createElement(DropdownButton, {
+  }, !props.isReadOnly && (props.dropdownItemList || props.getDropdownItemList) ? React__default.createElement(DropdownButton, {
     itemList: dropdownItemList,
     onToggle: onToggleDropdownButton,
     isShow: props.isDropdownActive,
@@ -84097,7 +84097,7 @@ var EditableItem = function EditableItem(props) {
     popperConfig: props.popperConfig,
     onGetMenuRef: props.isMobileView ? undefined : initDropdownMenuPosition
   }) : null, !props.isMobileView && props.button && React__default.createElement(FlexBox, {
-    className: (props.isActive || isHover) && (props.dropdownItemList || props.getDropdownItemList) ? styles$1L['vitro-display-none'] : CTRL.EMPTY
+    className: !props.isReadOnly && (props.isActive || isHover) && (props.dropdownItemList || props.getDropdownItemList) ? styles$1L['vitro-display-none'] : props.isReadOnly ? styles$1L['vitro-readonly'] : CTRL.EMPTY
   }, props.button)));
 };
 
@@ -84217,7 +84217,8 @@ var EditableList = function EditableList(props) {
         getDropdownItemList: props.getDropdownItemList,
         isMobileView: props.isMobileView,
         icon: props.itemIcon,
-        popperConfig: props.popperConfig
+        popperConfig: props.popperConfig,
+        isReadOnly: props.isReadOnly
       }));
     },
     onClick: onClick
@@ -84254,7 +84255,8 @@ var EditableList = function EditableList(props) {
         isMobileView: props.isMobileView,
         icon: props.itemIcon,
         popperConfig: props.popperConfig,
-        scrollTop: props.scrollTop
+        scrollTop: props.scrollTop,
+        isReadOnly: props.isReadOnly
       }));
     },
     onClick: onClick