work in progress #600

src/assets/css/inputs.css

@@ -654,12 +654,23 @@ input:checked + .input-slider:before {
     padding: .3rem .50rem;
 }
 
+.raw-lookup-disabled .input-dropdown-container {
+    cursor: not-allowed;
+}
+
+.raw-lookup-disabled .input-dropdown {
+    cursor: not-allowed;
+}
+
 .raw-lookup-wrapper-bcg:hover {
     background-color: $brand-border-color;
 }
 
 .input-error .raw-lookup-wrapper-bcg:hover {
     background-color: $brand-danger-color !important;
+}
+
+.input-error  .raw-lookup-wrapper-bcg:hover .input-dropdown-container .input-dropdown {
     color: $brand-super-light-color;
 }
 

src/components/widget/List/List.js

@@ -41,9 +41,13 @@ class List extends Component {
     }
 
     handleSelect = (option) => {
-        const {onChange, lookupList, properties, setNextProperty, mainProperty} = this.props;
+        const {onChange, lookupList, properties, setNextProperty, mainProperty, children} = this.props;
+
+        console.log(properties);
+        console.log(children);
 
         if(lookupList){
+            onChange(children, null);
             onChange(properties[0].field, option);
             this.setState({
                 selectedItem: option

src/components/widget/List/RawList.js

@@ -264,6 +264,7 @@ class RawList extends Component {
     }
 
     getRow = (index, option, label) => {
+        const {defaultValue} = this.props;
         const {selected} = this.state;
 
         return (
@@ -273,6 +274,8 @@ class RawList extends Component {
                     (
                         this.areOptionsEqual(selected, option) ?
                         ' input-dropdown-list-option-key-on' :
+                        defaultValue === option[Object.keys(option)[0]] ?
+                        ' input-dropdown-list-option-key-on' :
                         ''
                     )
                 }

src/components/widget/Lookup/Lookup.js

@@ -130,6 +130,9 @@ class Lookup extends Component {
 
             {
                 properties && properties.map((item, index) => {
+                        const disabled = isInputEmpty && index != 0;
+                        const children = properties.slice(index+1, properties.length);
+                        console.log('properties');
                         if(item.source === 'lookup'){
                             return <RawLookup
                                 key={index}
@@ -157,6 +160,8 @@ class Lookup extends Component {
                                 item={item}
                                 handleInputEmptyStatus={this.handleInputEmptyStatus}
                                 setNextProperty={this.setNextProperty}
+                                disabled={disabled}
+                                children={children}
                             />
 
                         } else if (item.source === 'list') {
@@ -165,7 +170,9 @@ class Lookup extends Component {
                                 defaultValue, 'field', item.field
                             )[0].value;
 
-                            return <div className="raw-lookup-wrapper raw-lookup-wrapper-bcg" key={index}>
+                            return <div className={
+                                'raw-lookup-wrapper raw-lookup-wrapper-bcg ' + 
+                                (disabled ? 'raw-lookup-disabled':'')} key={index}>
                                     <List
                                         dataId={dataId}
                                         entity={entity}
@@ -184,6 +191,8 @@ class Lookup extends Component {
                                         setNextProperty={this.setNextProperty}
                                         mainProperty={[item]}
                                         blur={!property?true:false}
+                                        readonly={disabled}
+                                        children={children}
                                     />
                                 </div>
                         }

src/components/widget/Lookup/RawLookup.js

@@ -62,6 +62,8 @@ class RawLookup extends Component {
             getNextDropdown, setNextProperty
         } = this.props;
 
+
+
         this.setState({
             selected: null
         }, () => {
@@ -75,7 +77,6 @@ class RawLookup extends Component {
                 this.handleBlur();
             } else {
                 // handling selection when main is not set or set.
-
                     onChange(
                         mainProperty[0].field, select, this.getAllDropdowns
                     );
@@ -264,15 +265,19 @@ class RawLookup extends Component {
 
     render() {
         const { handleAddNew, onClickOutside, disableOnClickOutside, isModal, rank, updated, filterWidget, mandatory, validStatus, align,
-        creatingNewDisabled, newRecordCaption, placeholder, readonly, tabIndex, item, mainProperty} = this.props;
+        creatingNewDisabled, newRecordCaption, placeholder, readonly, disabled, tabIndex, item, mainProperty} = this.props;
 
         const {
             propertiesCopy, isInputEmpty, list, query, loading, selected,
             isOpen, validLocal
         } = this.state;
 
         return (
-        <div className="raw-lookup-wrapper raw-lookup-wrapper-bcg">
+        <div className={"raw-lookup-wrapper raw-lookup-wrapper-bcg "+
+            (disabled ? 'raw-lookup-disabled':'')
+        }  
+
+        >
             <div className={
                     'input-dropdown input-block' 
 
@@ -289,9 +294,9 @@ class RawLookup extends Component {
                                 onFocus={this.handleFocus}
                                 ref={(c) => this.inputSearch = c}
                                 placeholder={placeholder}
-                                disabled={readonly}
+                                disabled={readonly && !disabled}
                                 tabIndex={tabIndex}
-
+                                
                             />
 
                     </div>

src/components/widget/MasterWidget.js

@@ -64,6 +64,8 @@ class MasterWidget extends Component {
     }
 
     handlePatch = (property, value) => {
+        console.log('property');
+        console.log(property);
         const {
             isModal, widgetType, dataId, windowType, dispatch, rowId, tabId,
             onChange, relativeDocId, isAdvanced = false, entity