@vitrosoftware/common-ui-ts 1.1.231 → 1.1.232

package/css/std/controls/icon/icon.css

@@ -0,0 +1,6 @@
+.vitro-icon-default {
+    flex-shrink: 0;
+    border-radius: 50%;
+    width: 8px;
+    height: 8px;
+}

package/css/std/controls/lookup-picker/lookup-picker-value-list.css

@@ -25,6 +25,8 @@
     display: flex;
     align-items: center;
     grid-gap: 8px;
+    position: relative;
+    min-height: 37px;
 }
 
 .vitro-value-list .vitro-item:last-child {
@@ -104,4 +106,17 @@
 .vitro-button:active,
 .vitro-button:focus {
     background-color: #F3F8FF;
+}
+
+.vitro-disabled::before {
+    content: "";
+    display: block;
+    background: #fff;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    opacity: 0.5;
+    cursor: initial;
 }

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

@@ -158,4 +158,5 @@
 
 .vitro-lookup-picker-multi-select :global(.ps__rail-x) {
     background-color: transparent !important;
+    color: #4A556C;
 }

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

@@ -38,14 +38,14 @@
    align-items: center;
 }
 
-.TWCell .vitro-flex > .vitro-image {
+.TWCell div > .vitro-image {
     margin-right: 4px !important;
     line-height: 24px;
     width: 24px;
     height: 24px;
 }
 
-.TWCell .vitro-flex > .vitro-avatar {
+.TWCell div > .vitro-avatar {
     width: 28px;
     height: 28px;
     min-width: 28px;
@@ -54,17 +54,8 @@
     margin-right: 4px;
 }
 
-.TWCell .vitro-task-status {
-    display: flex;
+.TWCell .vitro-icon {
     gap: 12px;
-    align-items: center;
-}
-
-.TWCell .vitro-task-status > div {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    flex-shrink: 0;
 }
 
 .TWClassHoveredCell,

package/dist/index.css

@@ -4177,6 +4177,7 @@ div._component-loader_vitro-component-loader_3J3a2or {
 
 ._lookup-picker_vitro-lookup-picker-multi-select_3Lkq2tk .ps__rail-x {
     background-color: transparent !important;
+    color: #4A556C;
 }
 ._lookup-picker-html-value_vitro-item-html-value_2QBoTey {
     height: -moz-fit-content;
@@ -4212,6 +4213,8 @@ div._component-loader_vitro-component-loader_3J3a2or {
     display: flex;
     align-items: center;
     grid-gap: 8px;
+    position: relative;
+    min-height: 37px;
 }
 
 ._lookup-picker-value-list_vitro-value-list_LSdCMjq ._lookup-picker-value-list_vitro-item_7yZBz5u:last-child {
@@ -4293,6 +4296,19 @@ div._component-loader_vitro-component-loader_3J3a2or {
 ._lookup-picker-value-list_vitro-button_3MejXb_:active,
 ._lookup-picker-value-list_vitro-button_3MejXb_:focus {
     background-color: #F3F8FF;
+}
+
+._lookup-picker-value-list_vitro-disabled_11rNtMo::before {
+    content: "";
+    display: block;
+    background: #fff;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    opacity: 0.5;
+    cursor: initial;
 }
 ._error-message_vitro-error-message_2lHJjgO {
     display: inline-block;
@@ -9269,3 +9285,10 @@ div._component-loader_vitro-component-loader_3J3a2or {
     height: 24px;
     filter: brightness(0) saturate(100%) invert(47%) sepia(82%) saturate(2920%) hue-rotate(196deg) brightness(92%) contrast(88%);
 }
+
+._icon_vitro-icon-default_3ZVGmps {
+    flex-shrink: 0;
+    border-radius: 50%;
+    width: 8px;
+    height: 8px;
+}

package/dist/index.js

@@ -21425,6 +21425,7 @@ var TableViewServiceImpl = /*#__PURE__*/function () {
     this.searchCriterionMap = new Map();
     this.visibleColumnList = [];
     this.disabledActionList = [];
+    this.disabledColumnList = [];
     this.grid = grid;
     this.id = grid.id;
     this.grid.Source.Upload.Format = this.gridChangesFormat;
@@ -63238,22 +63239,26 @@ var SelectedValueList = function SelectedValueList(props) {
   }));
 };
 
-var valueListStyles = {"vitro-value-list":"_lookup-picker-value-list_vitro-value-list_LSdCMjq","vitro-item":"_lookup-picker-value-list_vitro-item_7yZBz5u","vitro-item-html-value":"_lookup-picker-value-list_vitro-item-html-value_1yl9tXx","vitro-placeholder-empty":"_lookup-picker-value-list_vitro-placeholder-empty_fTVHWwc","vitro-keyword-highlight":"_lookup-picker-value-list_vitro-keyword-highlight_1uESHan","vitro-display-none":"_lookup-picker-value-list_vitro-display-none_2kDzC6K","vitro-flex":"_lookup-picker-value-list_vitro-flex_2ClzE5b","vitro-button":"_lookup-picker-value-list_vitro-button_3MejXb_"};
+var valueListStyles = {"vitro-value-list":"_lookup-picker-value-list_vitro-value-list_LSdCMjq","vitro-item":"_lookup-picker-value-list_vitro-item_7yZBz5u","vitro-item-html-value":"_lookup-picker-value-list_vitro-item-html-value_1yl9tXx","vitro-placeholder-empty":"_lookup-picker-value-list_vitro-placeholder-empty_fTVHWwc","vitro-keyword-highlight":"_lookup-picker-value-list_vitro-keyword-highlight_1uESHan","vitro-display-none":"_lookup-picker-value-list_vitro-display-none_2kDzC6K","vitro-flex":"_lookup-picker-value-list_vitro-flex_2ClzE5b","vitro-button":"_lookup-picker-value-list_vitro-button_3MejXb_","vitro-disabled":"_lookup-picker-value-list_vitro-disabled_11rNtMo"};
 
 var ValueListItem = function ValueListItem(props) {
+  var isDisabled = props.item.isEnabled === false;
   var onKeyDown = function onKeyDown(e) {
-    if (e.keyCode === 13 && !e.shiftKey) {
+    if (e.keyCode === 13 && !e.shiftKey && !isDisabled) {
       e.preventDefault();
       props.onSelect(props.item.id);
     }
   };
+  var onMouseDown = function onMouseDown() {
+    if (!isDisabled) {
+      props.onSelect(props.item.id);
+    }
+  };
   return React__default.createElement("div", {
     key: props.item.id,
-    className: valueListStyles['vitro-item'],
+    className: valueListStyles['vitro-item'] + (isDisabled ? CTRL.SPACE + valueListStyles['vitro-disabled'] : CTRL.EMPTY),
     onKeyDown: onKeyDown,
-    onMouseDown: function onMouseDown() {
-      return props.onSelect(props.item.id);
-    },
+    onMouseDown: onMouseDown,
     tabIndex: 0
   }, props.htmlValue ? React__default.createElement("div", {
     className: htmlValueStyles['vitro-item-html-value']
@@ -63414,7 +63419,7 @@ var RightButtonGroup = React.forwardRef(function (props, ref) {
   }), props.isEditable && props.isShowSearchButton && props.onClickSearchButton && React__default.createElement(ImageButton, {
     onClick: props.onClickSearchButton,
     className: styles$N['vitro-library-button']
-  }), props.isReadOnly ? React__default.createElement(CopyButton, {
+  }), props.isReadOnly && props.isShowCopyButton !== false ? React__default.createElement(CopyButton, {
     className: styles$N['vitro-copy-button'],
     value: props.selectedValueList.map(function (x) {
       return props.selectedValueTemplate(x);
@@ -63799,6 +63804,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     isValueListVisible: valueListVisible,
     isShowExpandButton: props.filterMinLength == 0,
     isShowSearchButton: props.isShowSearchButton,
+    isShowCopyButton: props.isShowCopyButton,
     onClickSearchButton: onSearch,
     onOptionValueDelete: onOptionValueDelete,
     onCollapseButtonClick: onCollapseButtonClick,
@@ -63957,7 +63963,7 @@ var BaseLookupPicker = function BaseLookupPicker(props) {
     }
   }, [itemSelectDialogService, itemService]);
   var getSettings = React.useCallback(function (props) {
-    var _props$data, _props$data2, _props$data4, _props$data5, _props$data6, _props$data7, _props$data9, _props$data10, _props$data11, _props$data12;
+    var _props$data, _props$data2, _props$data4, _props$data5, _props$data6, _props$data7, _props$data9, _props$data10, _props$data13, _props$data14;
     var searchSymbolCount = 2;
     if (((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.search_symbol_count) === 0) {
       searchSymbolCount = 0;
@@ -63979,12 +63985,14 @@ var BaseLookupPicker = function BaseLookupPicker(props) {
     var fieldId = props.id;
     var query = (_props$data9 = props.data) !== null && _props$data9 !== void 0 && _props$data9.lookup_field_filter_query ? (_props$data10 = props.data) === null || _props$data10 === void 0 ? void 0 : _props$data10.lookup_field_filter_query : undefined;
     var getValueList = function getValueList(searchValue) {
-      return lookupListItemService.getFilteredItemList(fieldId, searchValue, query);
+      var _props$data11;
+      return lookupListItemService.getFilteredItemList(searchValue, (_props$data11 = props.data) === null || _props$data11 === void 0 ? void 0 : _props$data11.list, query, fieldId);
     };
     var getAllValueList = function getAllValueList() {
-      return lookupListItemService.getFilteredItemList(fieldId, CTRL.EMPTY, query);
+      var _props$data12;
+      return lookupListItemService.getFilteredItemList(CTRL.EMPTY, (_props$data12 = props.data) === null || _props$data12 === void 0 ? void 0 : _props$data12.list, query, fieldId);
     };
-    var placeholder = (_props$data11 = props.data) !== null && _props$data11 !== void 0 && _props$data11.placeholder ? (_props$data12 = props.data) === null || _props$data12 === void 0 ? void 0 : _props$data12.placeholder : CTRL.EMPTY;
+    var placeholder = (_props$data13 = props.data) !== null && _props$data13 !== void 0 && _props$data13.placeholder ? (_props$data14 = props.data) === null || _props$data14 === void 0 ? void 0 : _props$data14.placeholder : CTRL.EMPTY;
     var settings = {
       filterMinLength: props.filterMinLength !== undefined ? props.filterMinLength : searchSymbolCount,
       selectedValueTemplate: props.selectedValueTemplate ? props.selectedValueTemplate : valueTemplate,
@@ -65477,6 +65485,8 @@ CONTROL.PASSWORD = 'Password';
 CONTROL.TIME_PICKER = 'TimePicker';
 CONTROL.FILE_PICKER = 'FilePicker';
 CONTROL.LINK_INPUT = 'LinkInput';
+CONTROL.IMAGE = 'Image';
+CONTROL.ICON = 'Icon';
 
 var CSS_CLASS_LABEL_GRAY = 'vitro-label-grey';
 var CSS_CLASS_FILTER_CONTAINER = 'vitro-filter-container';
@@ -66903,7 +66913,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.231";
+var version$1 = "1.1.232";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -85996,6 +86006,23 @@ var SlideUpButton = function SlideUpButton(props) {
   }), props.children)));
 };
 
+var styles$22 = {"vitro-icon-default":"_icon_vitro-icon-default_3ZVGmps"};
+
+var Icon = function Icon(props) {
+  var style = props.style ? _extends({}, props.style, {
+    backgroundColor: props.color
+  }) : {
+    backgroundColor: props.color
+  };
+  if (!style) {
+    return null;
+  }
+  return React__default.createElement("div", {
+    style: style,
+    className: props.style ? CTRL.EMPTY : styles$22['vitro-icon-default']
+  });
+};
+
 exports.ACTION_HANDLER = ActionHandlerConstants;
 exports.ALERT = AlertConstants;
 exports.ActionHandler = ActionHandler;
@@ -86058,6 +86085,7 @@ exports.Header = Header;
 exports.HeaderNavBar = HeaderNavBar;
 exports.HeaderNavService = HeaderNavService;
 exports.Heading = Heading;
+exports.Icon = Icon;
 exports.Image = Image;
 exports.ImageButton = ImageButton;
 exports.ImagePicker = ImagePicker;