@zeedhi/common 1.95.1 → 1.96.0

package/dist/zd-common.esm.js

@@ -1975,7 +1975,9 @@ class Input extends ComponentRender {
      */
     addValidation(name, config) {
         const validation = Validation.get(name)(config);
-        this.validations[name] = config;
+        if (config) {
+            this.validations[name] = config;
+        }
         this.parsedValidations[name] = validation;
         this.updateRules();
     }
@@ -4933,7 +4935,37 @@ class FileInput extends TextInput {
             }
         }
     }
-}
+    setViewGetFileSizes(getFileSizes) {
+        this.viewGetFileSizes = getFileSizes;
+    }
+    updateRules() {
+        this.rules = Object.keys(this.parsedValidations)
+            .map((key) => {
+            const validation = this.parsedValidations[key];
+            if (key !== 'maxFileSize')
+                return () => validation(this.value);
+            return () => {
+                if (this.viewGetFileSizes) {
+                    const fileSizes = this.viewGetFileSizes();
+                    return validation(fileSizes);
+                }
+                return true;
+            };
+        });
+    }
+}
+Validation.register('maxFileSize', (config) => (fileSizes) => {
+    let fileError = '';
+    Object.keys(fileSizes).some((fileName) => {
+        if (fileSizes[fileName] > config.limit) {
+            fileError = fileName;
+            return true;
+        }
+        return false;
+    });
+    const message = I18n.translate((config.message || 'VALIDATION_FILE_SIZE'), { fileError });
+    return (fileError === '') || message;
+});
 
 /**
  * Base class for Footer component.
@@ -7499,6 +7531,12 @@ class Select extends TextInput {
                     [searchIn]: value,
                 },
             }),
+            DYNAMIC_FILTER: (value, search_in) => {
+                const arrayValue = Array.isArray(value) ? value : Array.of(value);
+                const filter = arrayValue.map((item) => ({ operation: 'EQUALS', relation: 'OR', value: item }));
+                const dynamicFilter = { [search_in]: filter };
+                return { dynamicFilter };
+            },
         };
         /**
          * Input search value
@@ -7641,13 +7679,16 @@ class Select extends TextInput {
      */
     getItemsBySearchValue(value, searchIn) {
         return __awaiter(this, void 0, void 0, function* () {
-            const config = Object.assign(Object.assign(Object.assign({}, this.datasource.clone()), this.dsSearch[this.searchParam](value, searchIn)), { lazyLoad: true });
+            const config = Object.assign(Object.assign(Object.assign({}, this.datasource.clone()), this.dsSearch[this.searchParam](value, searchIn)), { lazyLoad: true, loadAll: Array.isArray(value) });
             this.datasource.loading = true;
             const datasource = DatasourceFactory.factory(config);
             const items = yield datasource.get();
             this.datasource.loading = false;
             datasource.destroy();
-            return items.find(this.getCondition(value));
+            if (Array.isArray(value)) {
+                return items.filter((item) => value.includes(item[this.dataValue]));
+            }
+            return items.filter(this.getCondition(value));
         });
     }
     getCondition(filterValue) {
@@ -7752,7 +7793,7 @@ class Select extends TextInput {
             const foundInData = this.datasource.data.find(this.getCondition(filterValue));
             let searchValue = foundInData;
             if (!foundInData && !this.manualMode) {
-                searchValue = yield this.getItemsBySearchValue(filterValue, searchIn);
+                [searchValue] = yield this.getItemsBySearchValue(filterValue, searchIn);
             }
             if (!searchValue) {
                 this.setFieldRowValue(null);
@@ -9852,12 +9893,16 @@ class SelectMultiple extends Select {
          */
         this.limit = null;
         this.showSelectAll = false;
+        this.showCheckboxAll = false;
+        this.checkboxAllValue = false;
         if (!this.selectedValue) {
             this.selectedValue = [];
         }
         this.showSelectAll = this.getInitValue('showSelectAll', props.showSelectAll, this.showSelectAll);
         this.maxRows = this.getInitValue('maxRows', props.maxRows, this.maxRows);
         this.limit = this.getInitValue('limit', props.limit, this.limit);
+        this.showCheckboxAll = this.getInitValue('showCheckboxAll', props.showCheckboxAll, this.showCheckboxAll);
+        this.checkboxAll = this.getInitValue('checkboxAll', props.checkboxAll, this.checkboxAll);
         if (!Array.isArray(this.dataText))
             this.dataText = [this.dataText];
         this.internalDisplayValue = this.getDisplayValue();
@@ -9887,6 +9932,13 @@ class SelectMultiple extends Select {
         this.selectedValue = rows;
         this.setFieldValue(this.getValues(rows));
     }
+    get checkboxAll() {
+        return this.checkboxAllValue;
+    }
+    set checkboxAll(value) {
+        this.disabled = value;
+        this.checkboxAllValue = value;
+    }
     /**
      * Removes item from array a and add it to array b if condition is satisfied
      */
@@ -9898,8 +9950,8 @@ class SelectMultiple extends Select {
     }
     setFieldValue(value) {
         return __awaiter(this, void 0, void 0, function* () {
-            const promises = [];
-            const searchValues = [];
+            const foundValues = [];
+            const searchedValues = [];
             let pushed = false;
             value.forEach((row) => {
                 let filterValue;
@@ -9909,27 +9961,37 @@ class SelectMultiple extends Select {
                 else {
                     filterValue = row;
                 }
-                const searchIn = this.dataValue;
                 const foundInData = this.datasource.data.find(this.getCondition(filterValue));
                 if (foundInData) {
-                    searchValues.push(foundInData);
+                    foundValues.push(foundInData);
                 }
                 else if (!this.manualMode) {
-                    promises.push(this.getItemsBySearchValue(filterValue, searchIn).then((item) => {
-                        if (item) {
-                            searchValues.push(item);
-                            this.datasource.data.unshift(item);
-                            this.insertedValues.push(item);
-                            pushed = true;
-                        }
-                    }));
+                    searchedValues.push(filterValue);
                 }
             });
-            if (promises.length) {
+            const insertItem = (item) => __awaiter(this, void 0, void 0, function* () {
+                if (!item)
+                    return;
+                foundValues.push(item);
+                this.datasource.data.unshift(item);
+                this.insertedValues.push(item);
+                pushed = true;
+            });
+            // using filter/find/dynamicFilter should make only 1 request
+            // using normal search should make one request per search value
+            if (this.searchParam !== 'SEARCH') {
+                const items = yield this.getItemsBySearchValue(searchedValues, this.dataValue);
+                items.forEach(insertItem);
+            }
+            else {
+                const promises = searchedValues.map((searchedValue) => __awaiter(this, void 0, void 0, function* () {
+                    const [item] = yield this.getItemsBySearchValue(searchedValue, this.dataValue);
+                    insertItem(item);
+                }));
                 yield Promise.all(promises);
             }
-            if (searchValues.length > 0) {
-                this.setFieldRowValue(searchValues);
+            if (foundValues.length > 0) {
+                this.setFieldRowValue(foundValues);
             }
             else {
                 this.setFieldRowValue([]);
@@ -10178,6 +10240,18 @@ class SelectMultiple extends Select {
         }
         this.cachedTotal = this.datasource.total;
     }
+    /**
+     * Updates input rules.
+     */
+    updateRules() {
+        this.rules = Object.keys(this.parsedValidations)
+            .map((key) => () => {
+            const validation = this.parsedValidations[key];
+            if (key !== 'required')
+                return validation(this.value);
+            return validation((this.checkboxAll && 'all') || this.value);
+        });
+    }
 }
 
 class TreeDataStructure {

package/dist/zd-common.umd.js

@@ -1982,7 +1982,9 @@
        */
       addValidation(name, config) {
           const validation = core.Validation.get(name)(config);
-          this.validations[name] = config;
+          if (config) {
+              this.validations[name] = config;
+          }
           this.parsedValidations[name] = validation;
           this.updateRules();
       }
@@ -4940,7 +4942,37 @@
               }
           }
       }
-  }
+      setViewGetFileSizes(getFileSizes) {
+          this.viewGetFileSizes = getFileSizes;
+      }
+      updateRules() {
+          this.rules = Object.keys(this.parsedValidations)
+              .map((key) => {
+              const validation = this.parsedValidations[key];
+              if (key !== 'maxFileSize')
+                  return () => validation(this.value);
+              return () => {
+                  if (this.viewGetFileSizes) {
+                      const fileSizes = this.viewGetFileSizes();
+                      return validation(fileSizes);
+                  }
+                  return true;
+              };
+          });
+      }
+  }
+  core.Validation.register('maxFileSize', (config) => (fileSizes) => {
+      let fileError = '';
+      Object.keys(fileSizes).some((fileName) => {
+          if (fileSizes[fileName] > config.limit) {
+              fileError = fileName;
+              return true;
+          }
+          return false;
+      });
+      const message = core.I18n.translate((config.message || 'VALIDATION_FILE_SIZE'), { fileError });
+      return (fileError === '') || message;
+  });
 
   /**
    * Base class for Footer component.
@@ -7506,6 +7538,12 @@
                       [searchIn]: value,
                   },
               }),
+              DYNAMIC_FILTER: (value, search_in) => {
+                  const arrayValue = Array.isArray(value) ? value : Array.of(value);
+                  const filter = arrayValue.map((item) => ({ operation: 'EQUALS', relation: 'OR', value: item }));
+                  const dynamicFilter = { [search_in]: filter };
+                  return { dynamicFilter };
+              },
           };
           /**
            * Input search value
@@ -7648,13 +7686,16 @@
        */
       getItemsBySearchValue(value, searchIn) {
           return __awaiter(this, void 0, void 0, function* () {
-              const config = Object.assign(Object.assign(Object.assign({}, this.datasource.clone()), this.dsSearch[this.searchParam](value, searchIn)), { lazyLoad: true });
+              const config = Object.assign(Object.assign(Object.assign({}, this.datasource.clone()), this.dsSearch[this.searchParam](value, searchIn)), { lazyLoad: true, loadAll: Array.isArray(value) });
               this.datasource.loading = true;
               const datasource = core.DatasourceFactory.factory(config);
               const items = yield datasource.get();
               this.datasource.loading = false;
               datasource.destroy();
-              return items.find(this.getCondition(value));
+              if (Array.isArray(value)) {
+                  return items.filter((item) => value.includes(item[this.dataValue]));
+              }
+              return items.filter(this.getCondition(value));
           });
       }
       getCondition(filterValue) {
@@ -7759,7 +7800,7 @@
               const foundInData = this.datasource.data.find(this.getCondition(filterValue));
               let searchValue = foundInData;
               if (!foundInData && !this.manualMode) {
-                  searchValue = yield this.getItemsBySearchValue(filterValue, searchIn);
+                  [searchValue] = yield this.getItemsBySearchValue(filterValue, searchIn);
               }
               if (!searchValue) {
                   this.setFieldRowValue(null);
@@ -9859,12 +9900,16 @@
            */
           this.limit = null;
           this.showSelectAll = false;
+          this.showCheckboxAll = false;
+          this.checkboxAllValue = false;
           if (!this.selectedValue) {
               this.selectedValue = [];
           }
           this.showSelectAll = this.getInitValue('showSelectAll', props.showSelectAll, this.showSelectAll);
           this.maxRows = this.getInitValue('maxRows', props.maxRows, this.maxRows);
           this.limit = this.getInitValue('limit', props.limit, this.limit);
+          this.showCheckboxAll = this.getInitValue('showCheckboxAll', props.showCheckboxAll, this.showCheckboxAll);
+          this.checkboxAll = this.getInitValue('checkboxAll', props.checkboxAll, this.checkboxAll);
           if (!Array.isArray(this.dataText))
               this.dataText = [this.dataText];
           this.internalDisplayValue = this.getDisplayValue();
@@ -9894,6 +9939,13 @@
           this.selectedValue = rows;
           this.setFieldValue(this.getValues(rows));
       }
+      get checkboxAll() {
+          return this.checkboxAllValue;
+      }
+      set checkboxAll(value) {
+          this.disabled = value;
+          this.checkboxAllValue = value;
+      }
       /**
        * Removes item from array a and add it to array b if condition is satisfied
        */
@@ -9905,8 +9957,8 @@
       }
       setFieldValue(value) {
           return __awaiter(this, void 0, void 0, function* () {
-              const promises = [];
-              const searchValues = [];
+              const foundValues = [];
+              const searchedValues = [];
               let pushed = false;
               value.forEach((row) => {
                   let filterValue;
@@ -9916,27 +9968,37 @@
                   else {
                       filterValue = row;
                   }
-                  const searchIn = this.dataValue;
                   const foundInData = this.datasource.data.find(this.getCondition(filterValue));
                   if (foundInData) {
-                      searchValues.push(foundInData);
+                      foundValues.push(foundInData);
                   }
                   else if (!this.manualMode) {
-                      promises.push(this.getItemsBySearchValue(filterValue, searchIn).then((item) => {
-                          if (item) {
-                              searchValues.push(item);
-                              this.datasource.data.unshift(item);
-                              this.insertedValues.push(item);
-                              pushed = true;
-                          }
-                      }));
+                      searchedValues.push(filterValue);
                   }
               });
-              if (promises.length) {
+              const insertItem = (item) => __awaiter(this, void 0, void 0, function* () {
+                  if (!item)
+                      return;
+                  foundValues.push(item);
+                  this.datasource.data.unshift(item);
+                  this.insertedValues.push(item);
+                  pushed = true;
+              });
+              // using filter/find/dynamicFilter should make only 1 request
+              // using normal search should make one request per search value
+              if (this.searchParam !== 'SEARCH') {
+                  const items = yield this.getItemsBySearchValue(searchedValues, this.dataValue);
+                  items.forEach(insertItem);
+              }
+              else {
+                  const promises = searchedValues.map((searchedValue) => __awaiter(this, void 0, void 0, function* () {
+                      const [item] = yield this.getItemsBySearchValue(searchedValue, this.dataValue);
+                      insertItem(item);
+                  }));
                   yield Promise.all(promises);
               }
-              if (searchValues.length > 0) {
-                  this.setFieldRowValue(searchValues);
+              if (foundValues.length > 0) {
+                  this.setFieldRowValue(foundValues);
               }
               else {
                   this.setFieldRowValue([]);
@@ -10185,6 +10247,18 @@
           }
           this.cachedTotal = this.datasource.total;
       }
+      /**
+       * Updates input rules.
+       */
+      updateRules() {
+          this.rules = Object.keys(this.parsedValidations)
+              .map((key) => () => {
+              const validation = this.parsedValidations[key];
+              if (key !== 'required')
+                  return validation(this.value);
+              return validation((this.checkboxAll && 'all') || this.value);
+          });
+      }
   }
 
   class TreeDataStructure {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.95.1",
+  "version": "1.96.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "61b544362928fc5b8e27258a628420d31345e6f3"
+  "gitHead": "4df47f4fde302b75598f5744945c86fb3aad4b6a"
 }

package/types/components/zd-file-input/file-input.d.ts

@@ -65,6 +65,7 @@ export declare class FileInput extends TextInput implements IFileInput {
      */
     protected internalValue: any;
     selectFileButton: IButton;
+    private viewGetFileSizes;
     /**
      * Create a new FileInput
      * @param props FileInput definition
@@ -95,4 +96,6 @@ export declare class FileInput extends TextInput implements IFileInput {
      * @param files File array
      */
     dropFiles(files: File[]): void;
+    setViewGetFileSizes(getFileSizes: () => object): void;
+    protected updateRules(): void;
 }

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

@@ -135,7 +135,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param column Column
      * @param row Row
      */
-    isValid(column: IGridColumnEditable, row: IDictionary, revalidate?: boolean): boolean;
+    isValid(column: IGridColumnEditable, row: IDictionary, revalidate?: boolean): string | boolean;
     private newRowIdentifier;
     /**
      * Cancels all edited rows and enable grid components

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

@@ -110,7 +110,7 @@ export declare class Input extends ComponentRender implements IInput {
     /**
      * Parsed field rules.
      */
-    private parsedValidations;
+    protected parsedValidations: IDictionary<((value: any) => boolean | string)>;
     protected formatterFn: Function;
     protected parserFn: Function;
     protected internalDisplayValue: string;
@@ -124,11 +124,11 @@ export declare class Input extends ComponentRender implements IInput {
     /**
     * Validates input.
     */
-    validate(): boolean;
+    validate(): string | boolean;
     /**
      * Sets view validation method.
      */
-    setViewValidate(viewValidate: () => boolean): void;
+    setViewValidate(viewValidate: () => boolean | string): void;
     /**
      * Sets view reset validation method.
      */
@@ -161,7 +161,7 @@ export declare class Input extends ComponentRender implements IInput {
     /**
      * Updates input rules.
      */
-    private updateRules;
+    protected updateRules(): void;
     /**
      * Input value.
      */

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

@@ -1,7 +1,7 @@
 import { IDatasource } from '@zeedhi/core';
 import { ITextInput } from '../zd-text-input/interfaces';
 import { IComponentRender } from '../zd-component/interfaces';
-export declare type SearchParam = 'SEARCH' | 'FILTER' | 'FIND';
+export declare type SearchParam = 'SEARCH' | 'FILTER' | 'FIND' | 'DYNAMIC_FILTER';
 export interface ISelect extends ITextInput {
     autocomplete?: boolean;
     autoSelection?: boolean;

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

@@ -97,6 +97,15 @@ export declare class Select extends TextInput implements ISelect {
                 [x: string]: any;
             };
         };
+        DYNAMIC_FILTER: (value: unknown, search_in: string) => {
+            dynamicFilter: {
+                [x: string]: {
+                    operation: string;
+                    relation: string;
+                    value: any;
+                }[];
+            };
+        };
     };
     /**
      * Input search value
@@ -135,7 +144,7 @@ export declare class Select extends TextInput implements ISelect {
      * Finds and retrieves items searching by value
      * @param value Default value
      */
-    protected getItemsBySearchValue(value: any, searchIn: string): Promise<any>;
+    protected getItemsBySearchValue(value: any, searchIn: string): Promise<any[]>;
     protected getCondition(filterValue: any): (row: any) => boolean;
     focus(event: Event, element: any): Promise<void>;
     protected afterFocus(): Promise<void>;

package/types/components/zd-select-multiple/interfaces.d.ts

@@ -13,4 +13,6 @@ export interface ISelectMultiple extends ISelect {
     events?: ISelectMultipleEvents;
     maxRows?: string | number;
     limit?: number | null;
+    showCheckboxAll?: boolean;
+    checkboxAll?: boolean;
 }

package/types/components/zd-select-multiple/select-multiple.d.ts

@@ -24,6 +24,7 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
      */
     limit: number | null;
     showSelectAll: boolean;
+    showCheckboxAll: boolean;
     /**
      * Create a new Select.
      * @param props Select properties
@@ -34,6 +35,9 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
      */
     get selectValue(): IDictionary<any>[];
     set selectValue(rows: IDictionary<any>[]);
+    private checkboxAllValue;
+    get checkboxAll(): boolean;
+    set checkboxAll(value: boolean);
     /**
      * Removes item from array a and add it to array b if condition is satisfied
      */
@@ -104,4 +108,8 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
     protected checkValueOnBlur(): void;
     protected afterFocus(): Promise<void>;
     private setCache;
+    /**
+     * Updates input rules.
+     */
+    protected updateRules(): void;
 }

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

@@ -126,7 +126,7 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
      * @param column Column
      * @param row Row
      */
-    isValid(column: IGridColumnEditable, row: IDictionary, revalidate?: boolean): boolean;
+    isValid(column: IGridColumnEditable, row: IDictionary, revalidate?: boolean): string | boolean;
     /**
      * Cancels all edited rows and enable grid components
      */