@vitrosoftware/common-ui-ts 1.1.96 → 1.1.97

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

@@ -6,7 +6,6 @@
     justify-content: flex-start;
     flex-direction: row;
     position: relative;
-    margin-bottom: 16px;
 }
 
 .vitro-image-picker-dropdown-wrapper :global(.dropdown-menu) {
@@ -74,4 +73,35 @@
 .vitro-image-picker-wrapper {
     display: flex;
     flex-direction: column;
+    margin-bottom: 16px;
+}
+
+.vitro-required {
+    color: red;
+}
+
+.vitro-error-text {
+    display: inline-block;
+    color: #D13438;
+    font-size: 14px;
+    line-height: 19px;
+    margin-top: 2px;
+    width: 100%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.vitro-error-text::before {
+    content: '';
+    display: inline-block;
+    vertical-align: text-top;
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    min-height: 16px;
+    margin-right: 4px;
+    background-size: 100%;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/error-message.svg');
 }

package/css/std/controls/sidebar/sidebar.css

@@ -52,7 +52,7 @@
     flex: 1 0;
 }
 
-.vitro-sidebar-section-list > li::before {
+.vitro-sidebar-section-list > li > ul::before {
     display: block;
     content: '';
     background: #E4E6EC;
@@ -63,11 +63,11 @@
     margin-bottom: 4px;
 }
 
-.vitro-sidebar-section-list > li:first-child::before {
+.vitro-sidebar-section-list > li:first-child > ul::before {
     display: none;
 }
 
-:global(.vitro-bottom-menu) .vitro-sidebar-section-list > li::before {
+:global(.vitro-bottom-menu) .vitro-sidebar-section-list > li > ul::before {
     display: none;
 }
 
@@ -92,6 +92,7 @@
 }
 
 .vitro-scroll-container {
+    width: 100%;
     height: 100%;
     flex: 0 1 auto;
     overflow-x: hidden;

package/dist/index.css

@@ -4700,7 +4700,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     flex: 1 0;
 }
 
-._sidebar_vitro-sidebar-section-list_1nGto5m > li::before {
+._sidebar_vitro-sidebar-section-list_1nGto5m > li > ul::before {
     display: block;
     content: '';
     background: #E4E6EC;
@@ -4711,11 +4711,11 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     margin-bottom: 4px;
 }
 
-._sidebar_vitro-sidebar-section-list_1nGto5m > li:first-child::before {
+._sidebar_vitro-sidebar-section-list_1nGto5m > li:first-child > ul::before {
     display: none;
 }
 
-.vitro-bottom-menu ._sidebar_vitro-sidebar-section-list_1nGto5m > li::before {
+.vitro-bottom-menu ._sidebar_vitro-sidebar-section-list_1nGto5m > li > ul::before {
     display: none;
 }
 
@@ -4740,6 +4740,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 }
 
 ._sidebar_vitro-scroll-container_3K-iJy8 {
+    width: 100%;
     height: 100%;
     flex: 0 1 auto;
     overflow-x: hidden;
@@ -5656,7 +5657,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     justify-content: flex-start;
     flex-direction: row;
     position: relative;
-    margin-bottom: 16px;
 }
 
 ._image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS .dropdown-menu {
@@ -5725,6 +5725,37 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._image-picker_vitro-image-picker-wrapper_dlZyYFL {
     display: flex;
     flex-direction: column;
+    margin-bottom: 16px;
+}
+
+._image-picker_vitro-required_2lpwlb0 {
+    color: red;
+}
+
+._image-picker_vitro-error-text_3xviMND {
+    display: inline-block;
+    color: #D13438;
+    font-size: 14px;
+    line-height: 19px;
+    margin-top: 2px;
+    width: 100%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+._image-picker_vitro-error-text_3xviMND::before {
+    content: '';
+    display: inline-block;
+    vertical-align: text-top;
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    min-height: 16px;
+    margin-right: 4px;
+    background-size: 100%;
+    background-position: center;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/input/img/error-message.svg');
 }
 ._criterion_vitro-criterion-container_2cYcSkL {
     width: 100%;

package/dist/index.js

@@ -61708,7 +61708,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.96";
+var version$1 = "1.1.97";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -63666,7 +63666,7 @@ var GroupItem = function GroupItem(props) {
 };
 
 var Section = function Section(props) {
-  return React__default.createElement("li", null, props.text && React__default.createElement("span", null, props.text), React__default.createElement("ul", null, props.itemList && props.itemList.map(function (i) {
+  return React__default.createElement("li", null, props.text && React__default.createElement("span", null, props.text), props.itemList && props.itemList.length ? React__default.createElement("ul", null, props.itemList.map(function (i) {
     return i.link || i.onClick ? React__default.createElement(LinkItem$1, Object.assign({
       link: i.link,
       linkItemWidth: props.linkItemWidth,
@@ -63685,7 +63685,7 @@ var Section = function Section(props) {
       currentUrl: props.currentUrl,
       isMobileView: props.isMobileView
     }, i)) : React__default.createElement("div", null);
-  })));
+  })) : React__default.createElement(React__default.Fragment, null));
 };
 
 var styles$I = {"vitro-sidebar":"_sidebar_vitro-sidebar_1IxGYiU","vitro-scrollbar":"_sidebar_vitro-scrollbar_2PtQGQD","vitro-sidebar-section-list":"_sidebar_vitro-sidebar-section-list_1nGto5m","vitro-scroll-container":"_sidebar_vitro-scroll-container_3K-iJy8","vitro-button-more":"_sidebar_vitro-button-more_3s9oZY9","vitro-logo-container":"_sidebar_vitro-logo-container_31O5Ly-","vitro-logo":"_sidebar_vitro-logo_1qxi8L_","vitro-scroll-content":"_sidebar_vitro-scroll-content_2RUBhZd"};
@@ -64411,7 +64411,7 @@ var MessageInput = function MessageInput(props) {
   }));
 };
 
-var styles$W = {"vitro-image-picker-root":"_image-picker_vitro-image-picker-root_AqOYRhP","vitro-image-picker-dropdown-wrapper":"_image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS","vitro-image-picker-defaultImage-wrapper":"_image-picker_vitro-image-picker-defaultImage-wrapper_1BHZ1he","vitro-image-picker-image-wrapper":"_image-picker_vitro-image-picker-image-wrapper_328OVLU","vitro-image-picker-input":"_image-picker_vitro-image-picker-input_12jFFNU","vitro-image-default":"_image-picker_vitro-image-default_LhN4iy6","vitro-image-picker-label-wrapper":"_image-picker_vitro-image-picker-label-wrapper_WRLzUYM","vitro-image-picker-wrapper":"_image-picker_vitro-image-picker-wrapper_dlZyYFL"};
+var styles$W = {"vitro-image-picker-root":"_image-picker_vitro-image-picker-root_AqOYRhP","vitro-image-picker-dropdown-wrapper":"_image-picker_vitro-image-picker-dropdown-wrapper_8Tr_BBS","vitro-image-picker-defaultImage-wrapper":"_image-picker_vitro-image-picker-defaultImage-wrapper_1BHZ1he","vitro-image-picker-image-wrapper":"_image-picker_vitro-image-picker-image-wrapper_328OVLU","vitro-image-picker-input":"_image-picker_vitro-image-picker-input_12jFFNU","vitro-image-default":"_image-picker_vitro-image-default_LhN4iy6","vitro-image-picker-label-wrapper":"_image-picker_vitro-image-picker-label-wrapper_WRLzUYM","vitro-image-picker-wrapper":"_image-picker_vitro-image-picker-wrapper_dlZyYFL","vitro-required":"_image-picker_vitro-required_2lpwlb0","vitro-error-text":"_image-picker_vitro-error-text_3xviMND"};
 
 var ACTION$1;
 (function (ACTION) {
@@ -64482,7 +64482,9 @@ var ImagePicker = function ImagePicker(props) {
     className: styles$W['vitro-image-picker-wrapper']
   }, React__default.createElement("div", {
     className: styles$W['vitro-image-picker-label-wrapper']
-  }, props.label ? props.label : ''), React__default.createElement("div", {
+  }, props.label ? props.label : '', props.isRequired && React__default.createElement("span", {
+    className: styles$W['vitro-required']
+  }, CTRL.ASTERISK)), React__default.createElement("div", {
     className: props.classNameRoot ? props.classNameRoot : styles$W['vitro-image-picker-root']
   }, !props.isReadOnly && React__default.createElement(DropdownButton, {
     itemList: defaultItemList,
@@ -64493,7 +64495,9 @@ var ImagePicker = function ImagePicker(props) {
     ref: inputFileRef,
     onChange: onChange,
     accept: "image/*"
-  }), renderPreview()));
+  }), renderPreview()), props.errorMessage && React__default.createElement("span", {
+    className: styles$W['vitro-error-text']
+  }, props.errorMessage));
 };
 
 var styles$X = {"vitro-criterion-container":"_criterion_vitro-criterion-container_2cYcSkL","vitro-block":"_criterion_vitro-block_3E9-RXM","vitro-control":"_criterion_vitro-control_2JLaybj","vitro-label":"_criterion_vitro-label_3F6a8dj","vitro-operator-select-container":"_criterion_vitro-operator-select-container_3OkjzXG","vitro-operator-select":"_criterion_vitro-operator-select_1guNlk9","vitro-operator-list":"_criterion_vitro-operator-list_3A2VZsd","vitro-button-cancel":"_criterion_vitro-button-cancel_2C2G0sL","vitro-focus":"_criterion_vitro-focus_3FNLsoN","vitro-error":"_criterion_vitro-error_3pvFrlW","vitro-condition-select":"_criterion_vitro-condition-select_1hTBBg-","vitro-image":"_criterion_vitro-image_1f6DKPL","vitro-condition-list-container":"_criterion_vitro-condition-list-container_ERfumwB","vitro-operator-list-container":"_criterion_vitro-operator-list-container_RgT0R_Z","vitro-condition-list":"_criterion_vitro-condition-list_10UIxJI"};
@@ -64817,7 +64821,7 @@ var Input$1 = function Input(props) {
   };
   var getTextValue = function getTextValue(value) {
     var valueArray = value.valueList.map(function (x) {
-      if (typeof x === 'object') {
+      if (x && typeof x === 'object') {
         if (x instanceof Date) {
           return x.toLocaleString().split(CTRL.COMMA)[0];
         }
@@ -65358,6 +65362,16 @@ var Search = function Search(props) {
         }
       });
     });
+    var field = props.fieldList.find(function (field) {
+      return field.id === id;
+    });
+    if (field) {
+      setSearchCriterionList(function (prevState) {
+        return prevState.filter(function (criterion) {
+          return criterion.internalName !== field.internalName;
+        });
+      });
+    }
   };
   var onFilterChange = function onFilterChange(changedFieldValueMap, saveStatus) {
     var criterionList = [];