@zeedhi/common 1.107.0 → 1.107.1

package/dist/zd-common.esm.js

@@ -1,4 +1,4 @@
-import { AccessorManager, Event, KeyMap, MethodNotAssignedError, Metadata, Accessor, I18n, FormatterParserProvider, Validation, Mask, DatasourceFactory, Loader, Config, dayjs, Utils, DateHelper, Router, InstanceNotFoundError, ViewService, MemoryDatasource, URL as URL$1, Http, Messages, Cookie, VersionService } from '@zeedhi/core';
+import { AccessorManager, Event, KeyMap, MethodNotAssignedError, Metadata, Accessor, I18n, FormatterParserProvider, Validation, Mask, DatasourceFactory, Loader, Config, dayjs, Utils, DateHelper, Router, Messages, InstanceNotFoundError, ViewService, MemoryDatasource, URL as URL$1, Http, Cookie, VersionService } from '@zeedhi/core';
 import merge from 'lodash.merge';
 import cloneDeep from 'lodash.clonedeep';
 import debounce from 'lodash.debounce';
@@ -4378,6 +4378,7 @@ class DateRange extends TextInput {
         this.helperValue = this.getInitValue('helperValue', props.helperValue, this.helperValue);
         this.min = this.getInitValue('min', props.min, this.min);
         this.max = this.getInitValue('max', props.max, this.max);
+        this.rules.push(this.dateValidation);
         this.createAccessors();
         this.unitMask = this.mask;
         this.initialMask = this.getInitialMask();
@@ -4477,8 +4478,14 @@ class DateRange extends TextInput {
         }
         this.value = this.internalValue; // forces value accessor to be called if necessary
     }
+    /**
+     * Faz a validação do array de datas
+     * @param format o formato da data
+     * @param values o array de datas
+     * @returns true se todos os valores forem validados
+     * */
     isValidDateArray(format, values) {
-        if (!values || values.length === 0)
+        if (!values || values.length < 2)
             return false;
         return values.every((value) => this.isValidDate(value, format));
     }
@@ -6379,9 +6386,107 @@ class Grid extends Iterable {
             });
         }
     }
+    /**
+     * Retorna a quantidade total de linhas selecionadas caso exista
+     */
+    get pageText() {
+        let text = super.pageText;
+        if (this.selectedRows.length) {
+            let translatedText = '';
+            if (this.selectedRows.length === 1) {
+                translatedText = I18n.translate('ROW_SELECTED');
+            }
+            else {
+                translatedText = I18n.translate('ROWS_SELECTEDS');
+            }
+            text = `${this.selectedRows.length} ${translatedText}`;
+        }
+        return text;
+    }
+    /**
+     * Solicita uma confirmação se os registros nas outras páginas devem ser selecionados também.
+     * @private
+     * @returns {Promise<boolean>} Objeto Promise quando a confirmação for feita
+     *                             com parametro true se confirmado a seleção de todas páginas.
+     */
+    askToSelectAll() {
+        return new Promise((resolve) => {
+            const buttonClick = (yes) => {
+                DialogService.hide();
+                resolve(yes);
+            };
+            if (this.datasource.allData.length === this.datasource.data.length) {
+                resolve(false);
+            }
+            else {
+                DialogService.show({
+                    name: `${this.name}-selectall-dialog`,
+                    type: 'warning',
+                    title: I18n.translate('SELECTALL'),
+                    text: I18n.translate('SELECTALL_TEXT'),
+                    buttons: [
+                        {
+                            name: 'yes',
+                            component: 'ZdButton',
+                            label: 'YES',
+                            events: { click: () => { buttonClick(true); } },
+                            outline: true,
+                        },
+                        {
+                            name: 'no',
+                            component: 'ZdButton',
+                            label: 'NO',
+                            events: { click: () => { buttonClick(false); } },
+                        },
+                    ],
+                });
+            }
+        });
+    }
+    /**
+     * Solicita uma confirmação se os registros nas outras páginas precisam ser removidos também.
+     * @private
+     * @returns {Promise<void>} Objeto Promise quando a confirmação for feita.
+     */
+    askToUnselectAll() {
+        return new Promise((resolve) => {
+            const buttonClick = (yes) => {
+                if (yes)
+                    this.selectedRows = [];
+                DialogService.hide();
+                resolve();
+            };
+            DialogService.show({
+                name: `${this.name}-unselectall-dialog`,
+                type: 'warning',
+                title: I18n.translate('UNSELECTALL'),
+                text: I18n.translate('UNSELECTALL_TEXT'),
+                buttons: [
+                    {
+                        name: 'yes',
+                        component: 'ZdButton',
+                        label: 'YES',
+                        events: { click: () => { buttonClick(true); } },
+                        outline: true,
+                    },
+                    {
+                        name: 'no',
+                        component: 'ZdButton',
+                        label: 'NO',
+                        events: { click: () => { buttonClick(false); } },
+                    },
+                ],
+            });
+        });
+    }
+    /**
+     * Efetua a seleção/desseleção de todas as linhas do grid
+     * @param {boolean} isSelected Indica se as linhas foram selecionadas ou não
+     * @returns {Promise<void>} Objeto Promise quando a seleção/desseleção acabar de ser realizada
+     */
     selectAll(isSelected) {
         if (!this.selectable)
-            return;
+            return Promise.resolve();
         this.selectionState = { allSelected: isSelected, except: [] };
         if (!isSelected) {
             this.datasource.data.forEach((row) => {
@@ -6390,15 +6495,23 @@ class Grid extends Iterable {
                     this.selectedRows.splice(index, 1);
                 }
             });
-            return;
-        }
-        this.datasource.data.forEach((row) => {
-            if (this.callDisableSelection(row))
-                return;
-            const key = row[this.datasource.uniqueKey];
-            if (key && this.selectedRows.indexOf(row) === -1) {
-                this.selectedRows.push(row);
+            // se ainda existir linhas selecionadas, pergunta se deseja remover tudo.
+            if (this.selectedRows.length) {
+                return this.askToUnselectAll();
             }
+            return Promise.resolve();
+        }
+        return this.askToSelectAll().then((selectAllData) => {
+            const dataArray = selectAllData ? this.datasource.allData : this.datasource.data;
+            dataArray.forEach((row) => {
+                if (this.callDisableSelection(row))
+                    return;
+                const key = row[this.datasource.uniqueKey];
+                if (key && this.selectedRows.indexOf(row) === -1) {
+                    this.selectedRows.push(row);
+                }
+            });
+            return Promise.resolve();
         });
     }
     toggleRow(row) {
@@ -6607,7 +6720,39 @@ class Grid extends Iterable {
     getColumn(name) {
         return super.getColumn(name);
     }
-}
+}
+Messages.add({
+    'pt-BR': {
+        translation: {
+            ROW_SELECTED: 'linha selecionada',
+            ROWS_SELECTEDS: 'linhas selecionadas',
+            UNSELECTALL: 'Remover seleção',
+            UNSELECTALL_TEXT: 'Existem linhas selecionadas em outras páginas. Deseja removê-las tambem?',
+            SELECTALL: 'Adicionar seleção',
+            SELECTALL_TEXT: 'Existem linhas que podem ser selecionadas em outras páginas. Deseja selecioná-las tambem?',
+        },
+    },
+    'en-US': {
+        translation: {
+            ROW_SELECTED: 'row selected',
+            ROWS_SELECTEDS: 'rows selected',
+            UNSELECTALL: 'Remove selection',
+            UNSELECTALL_TEXT: 'There are selected rows on other pages. Do you want to remove them too?',
+            SELECTALL: 'Add selection',
+            SELECTALL_TEXT: 'There are rows that can be selected on other pages. Do you want to select them too?',
+        },
+    },
+    'es-ES': {
+        translation: {
+            ROW_SELECTED: 'línea seleccionada',
+            ROWS_SELECTEDS: 'líneas seleccionadas',
+            UNSELECTALL: 'Eliminar selección',
+            UNSELECTALL_TEXT: 'Hay líneas seleccionadas en otras páginas. ¿Quieres eliminarlas también?',
+            SELECTALL: 'Añadir selección',
+            SELECTALL_TEXT: 'Hay líneas que se pueden seleccionar en otras páginas. ¿Quieres seleccionarlas también?',
+        },
+    },
+});
 
 /**
  * Base class for Grid column
@@ -7104,8 +7249,7 @@ class GridEditable extends Grid {
     }
     cancelAddedRows() {
         return __awaiter(this, void 0, void 0, function* () {
-            const { data } = this.datasource;
-            const allData = this.datasource.allData || data;
+            const { allData } = this.datasource;
             Promise.resolve(allData);
             for (let index = allData.length - 1; index >= 0; index -= 1) {
                 const row = allData[index];
@@ -7241,29 +7385,36 @@ class GridEditable extends Grid {
      */
     addNewRow(row, position = 'end') {
         return __awaiter(this, void 0, void 0, function* () {
-            let data;
-            if (this.datasource instanceof MemoryDatasource) {
-                data = this.datasource.allData;
-            }
-            else {
-                data = this.datasource.data;
-            }
-            row[this.newRowIdentifier] = true;
-            if (position === 'start') {
-                data.unshift(row);
-            }
-            else {
-                data.push(row);
-            }
-            const id = row[this.datasource.uniqueKey];
-            if (id) {
-                this.editedRows = Object.assign(Object.assign({}, this.editedRows), { [id]: Object.assign({}, row) });
-                this.addedRows = Object.assign(Object.assign({}, this.addedRows), { [id]: Object.assign({}, row) });
-            }
+            const data = this.insertRowInDatasource(row, position);
+            this.saveRowReference(row);
             yield this.datasource.updateData(data);
             this.editing = true;
         });
     }
+    saveRowReference(row) {
+        const id = row[this.datasource.uniqueKey];
+        if (id) {
+            this.editedRows = Object.assign(Object.assign({}, this.editedRows), { [id]: Object.assign({}, row) });
+            this.addedRows = Object.assign(Object.assign({}, this.addedRows), { [id]: Object.assign({}, row) });
+        }
+    }
+    insertRowInDatasource(row, position) {
+        let data;
+        if (this.datasource instanceof MemoryDatasource) {
+            data = this.datasource.allData;
+        }
+        else {
+            data = this.datasource.data;
+        }
+        row[this.newRowIdentifier] = true;
+        if (position === 'start') {
+            data.unshift(row);
+        }
+        else {
+            data.push(row);
+        }
+        return data;
+    }
     /**
      * Gets the editable component name
      * @param key Row unique key

package/dist/zd-common.umd.js

@@ -4385,6 +4385,7 @@
           this.helperValue = this.getInitValue('helperValue', props.helperValue, this.helperValue);
           this.min = this.getInitValue('min', props.min, this.min);
           this.max = this.getInitValue('max', props.max, this.max);
+          this.rules.push(this.dateValidation);
           this.createAccessors();
           this.unitMask = this.mask;
           this.initialMask = this.getInitialMask();
@@ -4484,8 +4485,14 @@
           }
           this.value = this.internalValue; // forces value accessor to be called if necessary
       }
+      /**
+       * Faz a validação do array de datas
+       * @param format o formato da data
+       * @param values o array de datas
+       * @returns true se todos os valores forem validados
+       * */
       isValidDateArray(format, values) {
-          if (!values || values.length === 0)
+          if (!values || values.length < 2)
               return false;
           return values.every((value) => this.isValidDate(value, format));
       }
@@ -6386,9 +6393,107 @@
               });
           }
       }
+      /**
+       * Retorna a quantidade total de linhas selecionadas caso exista
+       */
+      get pageText() {
+          let text = super.pageText;
+          if (this.selectedRows.length) {
+              let translatedText = '';
+              if (this.selectedRows.length === 1) {
+                  translatedText = core.I18n.translate('ROW_SELECTED');
+              }
+              else {
+                  translatedText = core.I18n.translate('ROWS_SELECTEDS');
+              }
+              text = `${this.selectedRows.length} ${translatedText}`;
+          }
+          return text;
+      }
+      /**
+       * Solicita uma confirmação se os registros nas outras páginas devem ser selecionados também.
+       * @private
+       * @returns {Promise<boolean>} Objeto Promise quando a confirmação for feita
+       *                             com parametro true se confirmado a seleção de todas páginas.
+       */
+      askToSelectAll() {
+          return new Promise((resolve) => {
+              const buttonClick = (yes) => {
+                  DialogService.hide();
+                  resolve(yes);
+              };
+              if (this.datasource.allData.length === this.datasource.data.length) {
+                  resolve(false);
+              }
+              else {
+                  DialogService.show({
+                      name: `${this.name}-selectall-dialog`,
+                      type: 'warning',
+                      title: core.I18n.translate('SELECTALL'),
+                      text: core.I18n.translate('SELECTALL_TEXT'),
+                      buttons: [
+                          {
+                              name: 'yes',
+                              component: 'ZdButton',
+                              label: 'YES',
+                              events: { click: () => { buttonClick(true); } },
+                              outline: true,
+                          },
+                          {
+                              name: 'no',
+                              component: 'ZdButton',
+                              label: 'NO',
+                              events: { click: () => { buttonClick(false); } },
+                          },
+                      ],
+                  });
+              }
+          });
+      }
+      /**
+       * Solicita uma confirmação se os registros nas outras páginas precisam ser removidos também.
+       * @private
+       * @returns {Promise<void>} Objeto Promise quando a confirmação for feita.
+       */
+      askToUnselectAll() {
+          return new Promise((resolve) => {
+              const buttonClick = (yes) => {
+                  if (yes)
+                      this.selectedRows = [];
+                  DialogService.hide();
+                  resolve();
+              };
+              DialogService.show({
+                  name: `${this.name}-unselectall-dialog`,
+                  type: 'warning',
+                  title: core.I18n.translate('UNSELECTALL'),
+                  text: core.I18n.translate('UNSELECTALL_TEXT'),
+                  buttons: [
+                      {
+                          name: 'yes',
+                          component: 'ZdButton',
+                          label: 'YES',
+                          events: { click: () => { buttonClick(true); } },
+                          outline: true,
+                      },
+                      {
+                          name: 'no',
+                          component: 'ZdButton',
+                          label: 'NO',
+                          events: { click: () => { buttonClick(false); } },
+                      },
+                  ],
+              });
+          });
+      }
+      /**
+       * Efetua a seleção/desseleção de todas as linhas do grid
+       * @param {boolean} isSelected Indica se as linhas foram selecionadas ou não
+       * @returns {Promise<void>} Objeto Promise quando a seleção/desseleção acabar de ser realizada
+       */
       selectAll(isSelected) {
           if (!this.selectable)
-              return;
+              return Promise.resolve();
           this.selectionState = { allSelected: isSelected, except: [] };
           if (!isSelected) {
               this.datasource.data.forEach((row) => {
@@ -6397,15 +6502,23 @@
                       this.selectedRows.splice(index, 1);
                   }
               });
-              return;
-          }
-          this.datasource.data.forEach((row) => {
-              if (this.callDisableSelection(row))
-                  return;
-              const key = row[this.datasource.uniqueKey];
-              if (key && this.selectedRows.indexOf(row) === -1) {
-                  this.selectedRows.push(row);
+              // se ainda existir linhas selecionadas, pergunta se deseja remover tudo.
+              if (this.selectedRows.length) {
+                  return this.askToUnselectAll();
               }
+              return Promise.resolve();
+          }
+          return this.askToSelectAll().then((selectAllData) => {
+              const dataArray = selectAllData ? this.datasource.allData : this.datasource.data;
+              dataArray.forEach((row) => {
+                  if (this.callDisableSelection(row))
+                      return;
+                  const key = row[this.datasource.uniqueKey];
+                  if (key && this.selectedRows.indexOf(row) === -1) {
+                      this.selectedRows.push(row);
+                  }
+              });
+              return Promise.resolve();
           });
       }
       toggleRow(row) {
@@ -6614,7 +6727,39 @@
       getColumn(name) {
           return super.getColumn(name);
       }
-  }
+  }
+  core.Messages.add({
+      'pt-BR': {
+          translation: {
+              ROW_SELECTED: 'linha selecionada',
+              ROWS_SELECTEDS: 'linhas selecionadas',
+              UNSELECTALL: 'Remover seleção',
+              UNSELECTALL_TEXT: 'Existem linhas selecionadas em outras páginas. Deseja removê-las tambem?',
+              SELECTALL: 'Adicionar seleção',
+              SELECTALL_TEXT: 'Existem linhas que podem ser selecionadas em outras páginas. Deseja selecioná-las tambem?',
+          },
+      },
+      'en-US': {
+          translation: {
+              ROW_SELECTED: 'row selected',
+              ROWS_SELECTEDS: 'rows selected',
+              UNSELECTALL: 'Remove selection',
+              UNSELECTALL_TEXT: 'There are selected rows on other pages. Do you want to remove them too?',
+              SELECTALL: 'Add selection',
+              SELECTALL_TEXT: 'There are rows that can be selected on other pages. Do you want to select them too?',
+          },
+      },
+      'es-ES': {
+          translation: {
+              ROW_SELECTED: 'línea seleccionada',
+              ROWS_SELECTEDS: 'líneas seleccionadas',
+              UNSELECTALL: 'Eliminar selección',
+              UNSELECTALL_TEXT: 'Hay líneas seleccionadas en otras páginas. ¿Quieres eliminarlas también?',
+              SELECTALL: 'Añadir selección',
+              SELECTALL_TEXT: 'Hay líneas que se pueden seleccionar en otras páginas. ¿Quieres seleccionarlas también?',
+          },
+      },
+  });
 
   /**
    * Base class for Grid column
@@ -7111,8 +7256,7 @@
       }
       cancelAddedRows() {
           return __awaiter(this, void 0, void 0, function* () {
-              const { data } = this.datasource;
-              const allData = this.datasource.allData || data;
+              const { allData } = this.datasource;
               Promise.resolve(allData);
               for (let index = allData.length - 1; index >= 0; index -= 1) {
                   const row = allData[index];
@@ -7248,29 +7392,36 @@
        */
       addNewRow(row, position = 'end') {
           return __awaiter(this, void 0, void 0, function* () {
-              let data;
-              if (this.datasource instanceof core.MemoryDatasource) {
-                  data = this.datasource.allData;
-              }
-              else {
-                  data = this.datasource.data;
-              }
-              row[this.newRowIdentifier] = true;
-              if (position === 'start') {
-                  data.unshift(row);
-              }
-              else {
-                  data.push(row);
-              }
-              const id = row[this.datasource.uniqueKey];
-              if (id) {
-                  this.editedRows = Object.assign(Object.assign({}, this.editedRows), { [id]: Object.assign({}, row) });
-                  this.addedRows = Object.assign(Object.assign({}, this.addedRows), { [id]: Object.assign({}, row) });
-              }
+              const data = this.insertRowInDatasource(row, position);
+              this.saveRowReference(row);
               yield this.datasource.updateData(data);
               this.editing = true;
           });
       }
+      saveRowReference(row) {
+          const id = row[this.datasource.uniqueKey];
+          if (id) {
+              this.editedRows = Object.assign(Object.assign({}, this.editedRows), { [id]: Object.assign({}, row) });
+              this.addedRows = Object.assign(Object.assign({}, this.addedRows), { [id]: Object.assign({}, row) });
+          }
+      }
+      insertRowInDatasource(row, position) {
+          let data;
+          if (this.datasource instanceof core.MemoryDatasource) {
+              data = this.datasource.allData;
+          }
+          else {
+              data = this.datasource.data;
+          }
+          row[this.newRowIdentifier] = true;
+          if (position === 'start') {
+              data.unshift(row);
+          }
+          else {
+              data.push(row);
+          }
+          return data;
+      }
       /**
        * Gets the editable component name
        * @param key Row unique key

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.107.0",
+  "version": "1.107.1",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "de37eeff43ce90aa7d0fb08ca85c6706aced0927"
+  "gitHead": "eb2c40935a4684224e9afc06a250c48955724d7d"
 }

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

@@ -100,6 +100,12 @@ export declare class DateRange extends TextInput implements IDateRange {
     protected getUpdatedMask(): string | undefined;
     protected maskFormat(format: string): string;
     setDateValue(displayValue: string): void;
+    /**
+     * Faz a validação do array de datas
+     * @param format o formato da data
+     * @param values o array de datas
+     * @returns true se todos os valores forem validados
+     * */
     isValidDateArray(format: string, values?: string[]): boolean;
     private splitValues;
     isValidDate(value: string, format: string, strict?: boolean): boolean;

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

@@ -205,6 +205,8 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param position whether the new Row will be inserted at the beginning or end of the data array
      */
     addNewRow(row: IDictionary, position?: 'end' | 'start'): Promise<void>;
+    protected saveRowReference(row: IDictionary<any>): void;
+    protected insertRowInDatasource(row: IDictionary<any>, position: 'end' | 'start'): IDictionary<any>[];
     /**
      * Gets the editable component name
      * @param key Row unique key

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

@@ -207,7 +207,29 @@ export declare class Grid extends Iterable implements IGrid {
      * @param element DOM Element
      */
     selectAllClick(isSelected: boolean, event: Event, element: any): void;
-    selectAll(isSelected: boolean): void;
+    /**
+     * Retorna a quantidade total de linhas selecionadas caso exista
+     */
+    get pageText(): string;
+    /**
+     * Solicita uma confirmação se os registros nas outras páginas devem ser selecionados também.
+     * @private
+     * @returns {Promise<boolean>} Objeto Promise quando a confirmação for feita
+     *                             com parametro true se confirmado a seleção de todas páginas.
+     */
+    private askToSelectAll;
+    /**
+     * Solicita uma confirmação se os registros nas outras páginas precisam ser removidos também.
+     * @private
+     * @returns {Promise<void>} Objeto Promise quando a confirmação for feita.
+     */
+    private askToUnselectAll;
+    /**
+     * Efetua a seleção/desseleção de todas as linhas do grid
+     * @param {boolean} isSelected Indica se as linhas foram selecionadas ou não
+     * @returns {Promise<void>} Objeto Promise quando a seleção/desseleção acabar de ser realizada
+     */
+    selectAll(isSelected: boolean): Promise<void>;
     toggleRow(row: IDictionary): void;
     selectRow(row: IDictionary, select: boolean): void;
     navigateLeft({ event }: IEventParam<any>): void;