@zeedhi/common 1.104.0 → 1.105.1

package/dist/zd-common.esm.js

@@ -4419,6 +4419,18 @@ class DateRange extends TextInput {
             this.internalValue = [];
         this.value = this.internalValue; // forces value accessor to be called if necessary
     }
+    get value() {
+        return this.internalValue;
+    }
+    set value(value) {
+        if (this.internalValue !== value) {
+            this.internalDisplayValue = this.formatter(value);
+            this.internalValue = value;
+        }
+        if (value === null) {
+            this.internalValue = [];
+        }
+    }
     /**
       * Assign the updated mask to mask property
       */
@@ -7163,10 +7175,7 @@ class GridEditable extends Grid {
         }
         let allValid = true;
         this.datasource.data.forEach((row) => this.columns.forEach((column) => {
-            const rowKey = row[this.datasource.uniqueKey];
-            const cellsApplied = (this.cellsApplied[rowKey] || {})[column.name];
-            const columnWithConditions = Object.assign(Object.assign({}, column), cellsApplied);
-            if (!column.isVisible || !columnWithConditions.editable)
+            if (!this.isColumnEditable(column, row))
                 return;
             if (!this.isValid(column, row, true))
                 allValid = false;
@@ -7292,6 +7301,12 @@ class GridEditable extends Grid {
         const column = this.getColumn(columnName);
         this.changeCell(rowKey, rowIdx, column, value);
     }
+    isColumnEditable(column, row) {
+        const rowKey = row[this.datasource.uniqueKey];
+        const cellsApplied = (this.cellsApplied[rowKey] || {})[column.name];
+        const columnWithConditions = Object.assign(Object.assign({}, column), cellsApplied);
+        return column.isVisible && columnWithConditions.editable && this.callCanEditRow(row);
+    }
     /**
      * Changes a cell value in editedRows
      * @param rowKey Cell's row key
@@ -7302,7 +7317,7 @@ class GridEditable extends Grid {
     changeCell(rowKey, rowIdx, column, value) {
         const originalRow = this.datasource.data[rowIdx];
         // Column doesn't have component
-        if (!column.editable || !column.isVisible) {
+        if (!this.isColumnEditable(column, originalRow)) {
             this.changeEditableComponent(column, originalRow, value);
             return;
         }
@@ -10429,7 +10444,7 @@ class IterableComponentRender extends Iterable {
      * Returns the iterable component metadata based on row data
      */
     getComponentMetadata(row) {
-        const exp = new RegExp(`<<${this.rowPropName}.(.[A-z]+?)>>|"<<${this.rowPropName}.(.[A-z]+?)>>"`, 'g');
+        const exp = new RegExp(`<<${this.rowPropName}\\.([A-z_.]+?)>>|"<<${this.rowPropName}.(.[A-z_.]+?)>>"`, 'g');
         const rowExp = new RegExp(`"<<${this.rowPropName}>>"`, 'g');
         const metadata = JSON.stringify(this.componentMetadata)
             .replace(rowExp, JSON.stringify(row))

package/dist/zd-common.umd.js

@@ -4426,6 +4426,18 @@
               this.internalValue = [];
           this.value = this.internalValue; // forces value accessor to be called if necessary
       }
+      get value() {
+          return this.internalValue;
+      }
+      set value(value) {
+          if (this.internalValue !== value) {
+              this.internalDisplayValue = this.formatter(value);
+              this.internalValue = value;
+          }
+          if (value === null) {
+              this.internalValue = [];
+          }
+      }
       /**
         * Assign the updated mask to mask property
         */
@@ -7170,10 +7182,7 @@
           }
           let allValid = true;
           this.datasource.data.forEach((row) => this.columns.forEach((column) => {
-              const rowKey = row[this.datasource.uniqueKey];
-              const cellsApplied = (this.cellsApplied[rowKey] || {})[column.name];
-              const columnWithConditions = Object.assign(Object.assign({}, column), cellsApplied);
-              if (!column.isVisible || !columnWithConditions.editable)
+              if (!this.isColumnEditable(column, row))
                   return;
               if (!this.isValid(column, row, true))
                   allValid = false;
@@ -7299,6 +7308,12 @@
           const column = this.getColumn(columnName);
           this.changeCell(rowKey, rowIdx, column, value);
       }
+      isColumnEditable(column, row) {
+          const rowKey = row[this.datasource.uniqueKey];
+          const cellsApplied = (this.cellsApplied[rowKey] || {})[column.name];
+          const columnWithConditions = Object.assign(Object.assign({}, column), cellsApplied);
+          return column.isVisible && columnWithConditions.editable && this.callCanEditRow(row);
+      }
       /**
        * Changes a cell value in editedRows
        * @param rowKey Cell's row key
@@ -7309,7 +7324,7 @@
       changeCell(rowKey, rowIdx, column, value) {
           const originalRow = this.datasource.data[rowIdx];
           // Column doesn't have component
-          if (!column.editable || !column.isVisible) {
+          if (!this.isColumnEditable(column, originalRow)) {
               this.changeEditableComponent(column, originalRow, value);
               return;
           }
@@ -10436,7 +10451,7 @@
        * Returns the iterable component metadata based on row data
        */
       getComponentMetadata(row) {
-          const exp = new RegExp(`<<${this.rowPropName}.(.[A-z]+?)>>|"<<${this.rowPropName}.(.[A-z]+?)>>"`, 'g');
+          const exp = new RegExp(`<<${this.rowPropName}\\.([A-z_.]+?)>>|"<<${this.rowPropName}.(.[A-z_.]+?)>>"`, 'g');
           const rowExp = new RegExp(`"<<${this.rowPropName}>>"`, 'g');
           const metadata = JSON.stringify(this.componentMetadata)
               .replace(rowExp, JSON.stringify(row))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.104.0",
+  "version": "1.105.1",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "7d5f6ddbcabc8c6b93629ab72b178d48a400f906"
+  "gitHead": "24ad78a766b215833445a5c5ff14ff3f2fffbed1"
 }

package/types/components/zd-date/date-range.d.ts

@@ -88,6 +88,8 @@ export declare class DateRange extends TextInput implements IDateRange {
     parser(value: string): any;
     get displayValue(): string;
     set displayValue(newValue: string);
+    get value(): any;
+    set value(value: any);
     /**
       * Assign the updated mask to mask property
       */

package/types/components/zd-grid/grid-editable.d.ts

@@ -233,6 +233,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @throws RowNotFoundError If the row is not present in datasource
      */
     updateCell(rowKey: string, columnName: string, value: any): void;
+    private isColumnEditable;
     /**
      * Changes a cell value in editedRows
      * @param rowKey Cell's row key