@vitrosoftware/common-ui-ts 1.1.42 → 1.1.44

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

@@ -57,7 +57,7 @@
 }
 
 .vitro-read-only .vitro-label {
-    color: #C0CAD5;
+    color: #8E98A3;
 }
 
 .vitro-read-only :global(.k-picker-wrap .k-select) {

package/css/std/controls/input/input.css

@@ -76,6 +76,10 @@
     color: #4A556C;
 }
 
+.vitro-read-only .vitro-label {
+    color: #8E98A3;
+}
+
 .vitro-error input,
 .vitro-error textarea {
     border-color: #D13438;

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

@@ -31,6 +31,10 @@
     user-select: none;
 }
 
+.vitro-read-only .vitro-label {
+    color: #8E98A3;
+}
+
 .vitro-read-only input::selection {
     background: white;
     color: #4A556C;

package/css/std/controls/message-input/message-input.css

@@ -49,6 +49,7 @@
     pointer-events: none;
     text-overflow: ellipsis;
     overflow: hidden;
+    user-select: none;
 }
 
 .vitro-button-add-file {

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

@@ -65,7 +65,7 @@
 }
 
 .vitro-read-only .vitro-label {
-    color: #C0CAD5;
+    color: #8E98A3;
 }
 
 .vitro-read-only :global(.k-picker-wrap .k-select) {

package/dist/controls/FieldIterator/FieldIterator.d.ts

@@ -17,6 +17,7 @@ interface FieldIteratorProps {
         fieldName: string;
         message: string;
     }[];
+    isReadOnly?: boolean;
 }
 export declare const FieldIterator: (props: FieldIteratorProps) => JSX.Element;
 export {};

package/dist/index.css

@@ -1852,6 +1852,10 @@
     color: #4A556C;
 }
 
+._input_vitro-read-only_3f-cBbK ._input_vitro-label_2XBESiY {
+    color: #8E98A3;
+}
+
 ._input_vitro-error_1T3dLzB input,
 ._input_vitro-error_1T3dLzB textarea {
     border-color: #D13438;
@@ -2444,7 +2448,7 @@
 }
 
 ._date-picker_vitro-read-only_2NZoMN5 ._date-picker_vitro-label_2jh9qxb {
-    color: #C0CAD5;
+    color: #8E98A3;
 }
 
 ._date-picker_vitro-read-only_2NZoMN5 .k-picker-wrap .k-select {
@@ -2786,7 +2790,7 @@
 }
 
 ._time-picker_vitro-read-only_NlE18Zm ._time-picker_vitro-label_2b97aCy {
-    color: #C0CAD5;
+    color: #8E98A3;
 }
 
 ._time-picker_vitro-read-only_NlE18Zm .k-picker-wrap .k-select {
@@ -3181,6 +3185,10 @@
             user-select: none;
 }
 
+._lookup-picker_vitro-read-only_32NOdGB ._lookup-picker_vitro-label_2QoJkUz {
+    color: #8E98A3;
+}
+
 ._lookup-picker_vitro-read-only_32NOdGB input::-moz-selection {
     background: white;
     color: #4A556C;
@@ -4544,6 +4552,9 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     pointer-events: none;
     text-overflow: ellipsis;
     overflow: hidden;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
 }
 
 ._message-input_vitro-button-add-file_1qdtHHq {

package/dist/index.js

@@ -61706,6 +61706,7 @@ var LookupPicker = function LookupPicker(props) {
   };
   var onChange = function onChange(e) {
     setState(styles$q['vitro-focus']);
+    setValueListVisible(true);
     setInputValue(e.target.value);
   };
   var onKeyDown = function onKeyDown(e) {
@@ -64144,12 +64145,12 @@ var MessageInput = function MessageInput(props) {
   var onEnter = function onEnter() {
     props.onSubmit(getValue());
     resetValue();
-    setIsShowPlaceholder(true);
   };
   var onKeyDown = function onKeyDown(e) {
     if (e.keyCode === 13 && !e.shiftKey) {
       e.preventDefault();
       onEnter();
+      setIsShowPlaceholder(false);
     }
   };
   var onChange = function onChange(e) {
@@ -64165,18 +64166,21 @@ var MessageInput = function MessageInput(props) {
     var value = getValue();
     if (!value) {
       resetValue();
-      setIsShowPlaceholder(true);
     }
   };
   var getValue = function getValue() {
+    if (isShowPlaceholder) {
+      return CTRL.EMPTY;
+    }
     if (inputRef.current) {
       return inputRef.current.innerText.replace(NEW_LINE, CTRL.EMPTY);
     }
     return CTRL.EMPTY;
   };
   var resetValue = function resetValue() {
-    if (inputRef.current) {
+    if (inputRef.current && !isShowPlaceholder) {
       inputRef.current.innerText = CTRL.EMPTY;
+      setIsShowPlaceholder(true);
     }
   };
   return React__default.createElement("div", {
@@ -64650,7 +64654,7 @@ var FieldIterator = function FieldIterator(props) {
       key: field.internalName,
       code: field.component ? field.component : field.fieldType.reactComponent,
       isRequired: field.isRequired,
-      isReadOnly: field.isReadOnly,
+      isReadOnly: props.isReadOnly || field.isReadOnly,
       isDisabled: field.isDisabled,
       data: field.fieldValueMap,
       errorMessage: null,