@vitrosoftware/common-ui-ts 1.1.230 → 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/pdf-viewer/img/edit-done.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 11V17C21 19.2091 19.2091 21 17 21H7C4.79086 21 3 19.2091 3 17V7C3 4.79086 4.79086 3 7 3H13" stroke="#222D44" stroke-linecap="round"/>
+<path d="M22 4.1001L12.3289 13.9001L8 10.0024" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/pdf-viewer/img/edit.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21 11V17C21 19.2091 19.2091 21 17 21H7C4.79086 21 3 19.2091 3 17V7C3 4.79086 4.79086 3 7 3H13" stroke="#222D44" stroke-linecap="round"/>
+<path d="M17.9227 3.52798C18.2607 3.18992 18.7193 3 19.1973 3C19.6754 3 20.134 3.18992 20.472 3.52798C20.8101 3.86605 21 4.32456 21 4.80265C21 5.28075 20.8101 5.73926 20.472 6.07732L12.3991 14.1502L9 15L9.84978 11.6009L17.9227 3.52798Z" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16 6L18 8" stroke="#222D44" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/css/std/controls/pdf-viewer/pdf-viewer-index.css

@@ -8219,4 +8219,28 @@ dialog .separator {
 .compare-dlg_doc-b_name.field-grp {
     margin-bottom: 14px !important;
     margin-top: 1px !important;
+}
+
+.context-menu-icon-edit:before {
+    content: url('img/edit.svg');
+}
+
+.context-menu-icon-end-edit:before {
+    content: url('img/edit-done.svg');
+}/*
+
+.pointer-events-none {
+    pointer-events: none !important;
+}*/
+
+.svgsketch-wrap {
+    z-index: 150;
+}
+
+.svgsketch-wrap svg > * {
+    pointer-events: auto !important;
+}
+
+.to-bg {
+    z-index: 50;
 }

package/css/std/controls/pdf-viewer/pdf-viewer.css

@@ -1217,4 +1217,28 @@ dialog .separator {
 .compare-dlg_doc-b_name.field-grp {
     margin-bottom: 14px !important;
     margin-top: 1px !important;
+}
+
+.context-menu-icon-edit:before {
+    content: url('img/edit.svg');
+}
+
+.context-menu-icon-end-edit:before {
+    content: url('img/edit-done.svg');
+}/*
+
+.pointer-events-none {
+    pointer-events: none !important;
+}*/
+
+.svgsketch-wrap {
+    z-index: 150;
+}
+
+.svgsketch-wrap svg > * {
+    pointer-events: auto !important;
+}
+
+.to-bg {
+    z-index: 50;
 }

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);
@@ -63455,6 +63460,7 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     setState = _useState7[1];
   var localeService = props.container ? props.container.get(SERVICE.LOCALE) : inversifyReact.useInjection(SERVICE.LOCALE);
   var isEditable = !props.isDisabled && !props.isReadOnly;
+  var isInputReadOnly = !(props.getValueList || props.getAllValueList || props.valueList);
   var inputRef = React.useRef(null);
   var contentRef = React.useRef(null);
   var containerRef = React.useRef(null);
@@ -63690,7 +63696,8 @@ var LookupPicker = React.forwardRef(function (props, ref) {
       scrollBarRef.current.scrollTop = scrollBarRef.current.scrollHeight;
     }
     if (!valueListVisible) {
-      onInputValueUpdated(e.target.value);
+      var _e$target;
+      onInputValueUpdated((e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value) || CTRL.EMPTY);
     }
     isShowTooltipRef.current = false;
     setState(styles$N['vitro-focus']);
@@ -63745,6 +63752,11 @@ var LookupPicker = React.forwardRef(function (props, ref) {
       });
     }
   };
+  var onClickInput = function onClickInput() {
+    if (isInputReadOnly && props.isShowSearchButton) {
+      onSearch();
+    }
+  };
   var content = React__default.createElement(React__default.Fragment, null, selectedValueList && selectedValueList.length > 0 && (props.isMultiSelect ? true : inputValue.length === 0) ? React__default.createElement(SelectedValueList, {
     list: selectedValueList,
     onOptionValueDelete: onOptionValueDelete,
@@ -63759,7 +63771,9 @@ var LookupPicker = React.forwardRef(function (props, ref) {
     ref: inputRef,
     value: inputValue,
     onKeyDown: onKeyDown,
-    onChange: onChange
+    onChange: onChange,
+    readOnly: isInputReadOnly,
+    onClick: onClickInput
   }), !props.isDisabled && props.children);
   var isShowButtonClear = props.isShowButtonClear !== false && !props.isMultiSelect && selectedValueList && selectedValueList.length > 0 && isEditable;
   return React__default.createElement("div", {
@@ -63790,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,
@@ -63948,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;
@@ -63970,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,
@@ -65468,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';
@@ -66894,7 +66913,7 @@ var Viewer = function Viewer(props) {
 };
 
 var name = "@vitrosoftware/common-ui-ts";
-var version$1 = "1.1.230";
+var version$1 = "1.1.232";
 var description = "vitro software common ui ts";
 var author = "";
 var license = "MIT";
@@ -85987,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;
@@ -86049,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;