@vitrosoftware/common-ui-ts 1.1.181 → 1.1.183

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

@@ -1,7 +1,10 @@
 .vitro-editable-list {
     flex-direction: column;
-    max-height: 100%;
-    padding: 19px 0 19px 24px;
+    padding: 0 0 0 24px;
+}
+
+.vitro-editable-list > div {
+    width: 100%;
 }
 
 .vitro-editable-list > :global(.ps) {
@@ -16,7 +19,7 @@
 .vitro-header {
     width: 100%;
     min-height: 32px;
-    padding: 0px 28px 0 4px;
+    padding: 0px 4px 0 4px;
 }
 
 .vitro-create-button {

package/css/std/controls/file-picker/file-picker.css

@@ -87,7 +87,7 @@
     text-overflow: ellipsis;
 }
 
-.vireo-buttons-container {
+.vitro-buttons-container {
     margin-left: auto;
     gap: 8px;
 }

package/dist/index.css

@@ -8231,8 +8231,11 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 ._editable-list_vitro-editable-list_2y8aXbO {
     flex-direction: column;
-    max-height: 100%;
-    padding: 19px 0 19px 24px;
+    padding: 0 0 0 24px;
+}
+
+._editable-list_vitro-editable-list_2y8aXbO > div {
+    width: 100%;
 }
 
 ._editable-list_vitro-editable-list_2y8aXbO > .ps {
@@ -8247,7 +8250,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._editable-list_vitro-header_3ilVZhe {
     width: 100%;
     min-height: 32px;
-    padding: 0px 28px 0 4px;
+    padding: 0px 4px 0 4px;
 }
 
 ._editable-list_vitro-create-button_3E1aQDB {
@@ -8674,7 +8677,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     text-overflow: ellipsis;
 }
 
-._file-picker_vireo-buttons-container_2NfP0iZ {
+._file-picker_vitro-buttons-container_2iewyGZ {
     margin-left: auto;
     gap: 8px;
 }

package/dist/index.js

@@ -61176,6 +61176,7 @@ KEY_CODE.TAB = 9;
 
 var styles$l = {"vitro-dialog":"_dialog_vitro-dialog_2NzcRZg","vitro-dialog-button-close":"_dialog_vitro-dialog-button-close_2TF5iry","vitro-hidden-content":"_dialog_vitro-hidden-content_niGbpGx","vitro-hidden":"_dialog_vitro-hidden_1kSAyNC","vitro-display-none":"_dialog_vitro-display-none_T-eWeyA"};
 
+var BUTTON$1 = 'button';
 var Dialog = function Dialog(props) {
   var _props$buttonList;
   var _useState = React.useState(null),
@@ -61218,9 +61219,18 @@ var Dialog = function Dialog(props) {
     if (e.keyCode === KEY_CODE.ESC) {
       onClose();
     }
-    if (e.keyCode === KEY_CODE.TAB || e.keyCode === KEY_CODE.ARROW_RIGHT || e.keyCode === KEY_CODE.ARROW_LEFT) {
+    if (e.keyCode === KEY_CODE.TAB) {
       changeFocus(e);
     }
+    if (e.keyCode === KEY_CODE.ARROW_RIGHT || e.keyCode === KEY_CODE.ARROW_LEFT) {
+      if (e.target) {
+        var elm = e.target;
+        var tagName = elm.tagName ? elm.tagName : CTRL.EMPTY;
+        if (tagName === BUTTON$1) {
+          changeFocus(e);
+        }
+      }
+    }
     if (props.onKeyDown) {
       props.onKeyDown(e);
     }
@@ -63010,7 +63020,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.181";
+var version$1 = "1.1.183";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -83992,6 +84002,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 CSS_CLASS_MOBILE = 'vitro-mobile';
+var CSS_DROPDOWN_MENU_TOP = 'vitro-dropdown-menu-top';
 var TRANSLATE_X = 49;
 var TRANSLATE_Y = 37;
 var EditableItem = function EditableItem(props) {
@@ -84034,9 +84045,9 @@ var EditableItem = function EditableItem(props) {
   var initDropdownMenuPosition = function initDropdownMenuPosition(element) {
     if (element) {
       var rect = element.getBoundingClientRect();
-      if (!element.classList.contains(styles$1L['vitro-dropdown-menu-top'])) {
+      if (!isDropdownMenuTop(element.classList) || isDropdownMenuTop(element.classList) && rect.y > window.innerHeight) {
         if (rect.y > window.innerHeight) {
-          element.classList.add(styles$1L['vitro-dropdown-menu-top']);
+          element.classList.add(styles$1L[CSS_DROPDOWN_MENU_TOP]);
           element.style.transform = "translate(calc(100% - " + (TRANSLATE_X + UNIT.PX) + "), calc(-" + (props.scrollTop + UNIT.PX) + " - 100% - " + (TRANSLATE_Y + UNIT.PX) + "))";
         } else {
           element.style.transform = "translate(calc(100% - " + (TRANSLATE_X + UNIT.PX) + "), -" + (props.scrollTop + UNIT.PX) + ")";
@@ -84044,6 +84055,15 @@ var EditableItem = function EditableItem(props) {
       }
     }
   };
+  var isDropdownMenuTop = function isDropdownMenuTop(classList) {
+    var isMenuTop = false;
+    classList.forEach(function (val) {
+      if (val.includes(CSS_DROPDOWN_MENU_TOP)) {
+        isMenuTop = true;
+      }
+    });
+    return isMenuTop;
+  };
   return React__default.createElement(FlexBox, {
     onMouseOver: function onMouseOver() {
       return setIsHover(true);
@@ -84096,19 +84116,17 @@ var EditableList = function EditableList(props) {
   var _useState3 = React.useState(),
     activeDropdownItemId = _useState3[0],
     setActiveDropdownItemId = _useState3[1];
-  var _useState4 = React.useState(0),
-    scrollTop = _useState4[0],
-    setScrollTop = _useState4[1];
   var changedFieldValueMap = React.useMemo(function () {
     return new Map();
   }, []);
   React.useEffect(function () {
     setEditedItem(props.editedItemId || CTRL.EMPTY);
     if (props.editedItemId) {
-      if (props.onStartEdit) {
-        props.onStartEdit(props.itemList.find(function (val) {
-          return val.id === props.editedItemId;
-        }));
+      var _editedItem = props.itemList.find(function (val) {
+        return val.id === props.editedItemId;
+      });
+      if (props.onStartEdit && _editedItem) {
+        props.onStartEdit(_editedItem);
       }
       setActiveItem(props.editedItemId);
     }
@@ -84166,11 +84184,6 @@ var EditableList = function EditableList(props) {
       setActiveDropdownItemId(undefined);
     }
   };
-  var onScrollY = function onScrollY(e, element) {
-    if (element) {
-      setScrollTop(element.scrollTop);
-    }
-  };
   return React__default.createElement(FlexBox, {
     className: styles$1L[CSS_CLASS_EDITABLE_LIST] + (props.isMobileView ? CTRL.SPACE + styles$1L[CSS_CLASS_EDITABLE_LIST_MOBILE] : CTRL.EMPTY) + (props.className ? CTRL.SPACE + props.className : CTRL.EMPTY)
   }, React__default.createElement(FlexBox, {
@@ -84219,9 +84232,7 @@ var EditableList = function EditableList(props) {
     isEditMode: props.isActiveNewItem === false ? false : true,
     isMobileView: props.isMobileView,
     icon: props.itemIcon
-  }))) : React__default.createElement(ScrollBar, {
-    onScrollY: onScrollY
-  }, React__default.createElement(List, {
+  }))) : React__default.createElement("div", null, React__default.createElement(List, {
     itemList: props.itemList,
     itemTemplate: function itemTemplate(item) {
       return React__default.createElement(EditableItem, Object.assign({}, item, {
@@ -84243,7 +84254,7 @@ var EditableList = function EditableList(props) {
         isMobileView: props.isMobileView,
         icon: props.itemIcon,
         popperConfig: props.popperConfig,
-        scrollTop: scrollTop
+        scrollTop: props.scrollTop
       }));
     },
     onClick: onClick
@@ -84709,7 +84720,7 @@ var LOCALE$c;
   LOCALE["DROPZONE_LABEL"] = "app.common.filePicker.dropZoneLabel";
 })(LOCALE$c || (LOCALE$c = {}));
 
-var styles$1Q = {"vitro-file-picker":"_file-picker_vitro-file-picker_IV0PnKh","vitro-label":"_file-picker_vitro-label_1KY5QMW","vitro-scrollbar":"_file-picker_vitro-scrollbar_8t0LAkw","vitro-scrollbar-content":"_file-picker_vitro-scrollbar-content_3oLBqOf","vitro-drop-zone":"_file-picker_vitro-drop-zone_2xdKr3Y","vitro-drop-zone-active":"_file-picker_vitro-drop-zone-active_260SDRz","vitro-display-none":"_file-picker_vitro-display-none_RwEJqfN","vitro-file":"_file-picker_vitro-file_29jX2Dc","vitro-file-content":"_file-picker_vitro-file-content_1yV1plf","vireo-buttons-container":"_file-picker_vireo-buttons-container_2NfP0iZ","vitro-download-button":"_file-picker_vitro-download-button_oKjHiUO","vitro-delete-button":"_file-picker_vitro-delete-button_29YhyRG"};
+var styles$1Q = {"vitro-file-picker":"_file-picker_vitro-file-picker_IV0PnKh","vitro-label":"_file-picker_vitro-label_1KY5QMW","vitro-scrollbar":"_file-picker_vitro-scrollbar_8t0LAkw","vitro-scrollbar-content":"_file-picker_vitro-scrollbar-content_3oLBqOf","vitro-drop-zone":"_file-picker_vitro-drop-zone_2xdKr3Y","vitro-drop-zone-active":"_file-picker_vitro-drop-zone-active_260SDRz","vitro-display-none":"_file-picker_vitro-display-none_RwEJqfN","vitro-file":"_file-picker_vitro-file_29jX2Dc","vitro-file-content":"_file-picker_vitro-file-content_1yV1plf","vitro-buttons-container":"_file-picker_vitro-buttons-container_2iewyGZ","vitro-download-button":"_file-picker_vitro-download-button_oKjHiUO","vitro-delete-button":"_file-picker_vitro-delete-button_29YhyRG"};
 
 var FilePicker = function FilePicker(props) {
   var _useState = React.useState(false),
@@ -84807,8 +84818,8 @@ var FilePicker = function FilePicker(props) {
       className: styles$1Q['vitro-file'],
       contentClassName: styles$1Q['vitro-file-content']
     }), React__default.createElement(FlexBox, {
-      className: styles$1Q['vireo-buttons-container']
-    }, props.onDownload && React__default.createElement(ImageButton, {
+      className: styles$1Q['vitro-buttons-container']
+    }, props.onDownload && item.isDownloadEnabled !== false && React__default.createElement(ImageButton, {
       onClick: function onClick() {
         return onDownload(item.id, item.name);
       },