@zeedhi/common 1.71.0 → 1.73.0

package/dist/zd-common.esm.js

@@ -4712,6 +4712,7 @@ class Column extends Component {
         this.align = 'left';
         this.label = '';
         this.mask = '';
+        this.actionFixed = false;
         this.sortable = true;
         this.loading = false;
         this.componentProps = {};
@@ -4746,7 +4747,7 @@ class Column extends Component {
                 data.forEach((row) => {
                     lookupData[row[lookupColumn]] = row;
                 });
-                this.lookupData = lookupData;
+                this.lookupData = Object.assign(Object.assign({}, this.lookupData), lookupData);
                 this.lookupDataCount += 1;
                 this.loading = false;
             });
@@ -4760,6 +4761,7 @@ class Column extends Component {
         this.mask = this.getInitValue('mask', props.mask, this.mask);
         this.overflow = this.getInitValue('overflow', props.overflow, this.overflow);
         this.type = this.getInitValue('type', props.type, this.type);
+        this.actionFixed = this.getInitValue('actionFixed', props.actionFixed, this.actionFixed);
         this.sortable = this.getInitValue('sortable', props.sortable, this.sortable);
         this.loading = this.getInitValue('loading', props.loading, this.loading);
         this.style = this.getInitValue('style', props.style, this.style);
@@ -4825,9 +4827,15 @@ class Column extends Component {
             this.lookupData[value] = this.lookupDatasource.data[dataIndex];
             return this.lookupData[value];
         }
-        this.dataToLookup = (this.dataToLookup || []);
-        this.dataToLookup.push(value);
-        this.lookup(lookupColumn);
+        const hasLookupColumn = this.lookupDatasource.data.every((row) => Reflect.has(row, lookupColumn));
+        if (hasLookupColumn) {
+            this.dataToLookup = (this.dataToLookup || []);
+            this.dataToLookup.push(value);
+            this.lookup(lookupColumn);
+        }
+        else {
+            console.warn(`Row datasource do not have a key: ${lookupColumn}`);
+        }
         return emptyRow;
     }
     /**
@@ -4957,6 +4965,10 @@ class Iterable extends ComponentRender {
          * Uses virtual scrolling to render data.
          */
         this.virtualScroll = false;
+        /**
+         * Number of lines outside the viewport to cache when using virtual scroll.
+         */
+        this.virtualScrollCache = 5;
         /**
          * Dictionary of rowKey ponting to Dictionary of colName pointing to Dictionary of prop pointing to the
          * condition (applied) return value
@@ -4974,6 +4986,7 @@ class Iterable extends ComponentRender {
         this.pageSizes = this.getInitValue('pageSizes', props.pageSizes, this.pageSizes);
         this.searchVisibleOnly = this.getInitValue('searchVisibleOnly', props.searchVisibleOnly, this.defaultSearchVisibleOnly);
         this.virtualScroll = this.getInitValue('virtualScroll', props.virtualScroll, this.virtualScroll);
+        this.virtualScrollCache = this.getInitValue('virtualScrollCache', props.virtualScrollCache, this.virtualScrollCache);
     }
     createController() {
         const controller = new IterableController(this);

package/dist/zd-common.umd.js

@@ -4719,6 +4719,7 @@
           this.align = 'left';
           this.label = '';
           this.mask = '';
+          this.actionFixed = false;
           this.sortable = true;
           this.loading = false;
           this.componentProps = {};
@@ -4753,7 +4754,7 @@
                   data.forEach((row) => {
                       lookupData[row[lookupColumn]] = row;
                   });
-                  this.lookupData = lookupData;
+                  this.lookupData = Object.assign(Object.assign({}, this.lookupData), lookupData);
                   this.lookupDataCount += 1;
                   this.loading = false;
               });
@@ -4767,6 +4768,7 @@
           this.mask = this.getInitValue('mask', props.mask, this.mask);
           this.overflow = this.getInitValue('overflow', props.overflow, this.overflow);
           this.type = this.getInitValue('type', props.type, this.type);
+          this.actionFixed = this.getInitValue('actionFixed', props.actionFixed, this.actionFixed);
           this.sortable = this.getInitValue('sortable', props.sortable, this.sortable);
           this.loading = this.getInitValue('loading', props.loading, this.loading);
           this.style = this.getInitValue('style', props.style, this.style);
@@ -4832,9 +4834,15 @@
               this.lookupData[value] = this.lookupDatasource.data[dataIndex];
               return this.lookupData[value];
           }
-          this.dataToLookup = (this.dataToLookup || []);
-          this.dataToLookup.push(value);
-          this.lookup(lookupColumn);
+          const hasLookupColumn = this.lookupDatasource.data.every((row) => Reflect.has(row, lookupColumn));
+          if (hasLookupColumn) {
+              this.dataToLookup = (this.dataToLookup || []);
+              this.dataToLookup.push(value);
+              this.lookup(lookupColumn);
+          }
+          else {
+              console.warn(`Row datasource do not have a key: ${lookupColumn}`);
+          }
           return emptyRow;
       }
       /**
@@ -4964,6 +4972,10 @@
            * Uses virtual scrolling to render data.
            */
           this.virtualScroll = false;
+          /**
+           * Number of lines outside the viewport to cache when using virtual scroll.
+           */
+          this.virtualScrollCache = 5;
           /**
            * Dictionary of rowKey ponting to Dictionary of colName pointing to Dictionary of prop pointing to the
            * condition (applied) return value
@@ -4981,6 +4993,7 @@
           this.pageSizes = this.getInitValue('pageSizes', props.pageSizes, this.pageSizes);
           this.searchVisibleOnly = this.getInitValue('searchVisibleOnly', props.searchVisibleOnly, this.defaultSearchVisibleOnly);
           this.virtualScroll = this.getInitValue('virtualScroll', props.virtualScroll, this.virtualScroll);
+          this.virtualScrollCache = this.getInitValue('virtualScrollCache', props.virtualScrollCache, this.virtualScrollCache);
       }
       createController() {
           const controller = new IterableController(this);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.71.0",
+  "version": "1.73.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "6e0e1cef3955cae7029ad947eb8c83fe589621b7"
+  "gitHead": "667a76461a83554592072568c8313ed15a013bcb"
 }

package/types/components/zd-iterable/column.d.ts

@@ -12,6 +12,7 @@ export declare class Column extends Component implements IColumn {
     minWidth?: string;
     mask: string;
     type?: ColumnType;
+    actionFixed: boolean;
     sortable: boolean;
     loading: boolean;
     componentProps: any;

package/types/components/zd-iterable/interfaces.d.ts

@@ -17,6 +17,7 @@ export interface IColumn extends IComponent {
     overflow?: string | number;
     mask?: string;
     type?: ColumnType;
+    actionFixed?: boolean;
     sortable?: boolean;
     loading?: boolean;
     componentProps?: IComponent;
@@ -30,6 +31,7 @@ export interface IIterable extends IComponentRender {
     datasource?: IDatasource;
     pageSizes?: string[];
     virtualScroll?: boolean;
+    virtualScrollCache?: number;
     searchVisibleOnly?: boolean;
 }
 export interface IIterablePageComponent extends IComponentRender {

package/types/components/zd-iterable/iterable.d.ts

@@ -26,6 +26,10 @@ export declare class Iterable extends ComponentRender implements IIterable {
      * Uses virtual scrolling to render data.
      */
     virtualScroll: boolean;
+    /**
+     * Number of lines outside the viewport to cache when using virtual scroll.
+     */
+    virtualScrollCache: number;
     /**
      * Dictionary of rowKey ponting to Dictionary of colName pointing to Dictionary of prop pointing to the
      * condition (applied) return value