@zeedhi/common 1.54.0 → 1.55.0

package/dist/zd-common.esm.js

@@ -2908,8 +2908,6 @@ class Dashboard extends ComponentRender {
         this.moveMode = false;
         /* Cards */
         this.cards = [];
-        /* Card ID to be deleted */
-        this.deleteCardId = '';
         this.overrideNamedProps = {};
         /* Remove the paddings of the dashboard */
         this.removePadding = false;
@@ -3002,7 +3000,9 @@ class Dashboard extends ComponentRender {
             persistent: true,
             title: 'EDIT_CARD',
             grid: {
-                md: 4,
+                cols: 10,
+                sm: 8,
+                lg: 6,
             },
             children: [
                 {
@@ -3024,7 +3024,12 @@ class Dashboard extends ComponentRender {
                             minValue: 1,
                             clearable: false,
                             hint: 'Min: 1, Max: 12',
-                            cssStyle: 'width: 100px',
+                            grid: {
+                                cols: 6,
+                                sm: 6,
+                                md: 4,
+                                lg: 3,
+                            },
                             mask: {
                                 decimalPlaces: 0,
                             },
@@ -3033,19 +3038,33 @@ class Dashboard extends ComponentRender {
                             name: 'inputHeight',
                             component: 'ZdTextInput',
                             label: 'HEIGHT',
-                            cssStyle: 'width: 80px',
+                            grid: {
+                                cols: 6,
+                                sm: 6,
+                                md: 4,
+                                lg: 3,
+                            },
                         },
                         {
                             name: 'inputPath',
                             component: 'ZdTextInput',
                             label: 'PATH',
-                            cssStyle: 'width: 250px',
+                            grid: {
+                                cols: 7,
+                                sm: 7,
+                                md: 9,
+                            },
                         },
                         {
                             name: 'inputLocal',
                             component: 'ZdSwitch',
                             label: 'PATH_LOCAL',
                             cssClass: 'zd-mt-4',
+                            grid: {
+                                cols: 5,
+                                sm: 5,
+                                md: 3,
+                            },
                         },
                     ],
                 },
@@ -3080,40 +3099,30 @@ class Dashboard extends ComponentRender {
         /* Edit header */
         this.headerLeftSlot = [
             {
-                name: `tooltipAddCard${this.name}`,
-                component: 'ZdTooltip',
-                bottom: true,
+                name: `addDashboard${this.name}`,
+                component: 'ZdButton',
                 label: 'ADD',
-                children: [
-                    {
-                        name: `addDashboard${this.name}`,
-                        component: 'ZdButton',
-                        icon: true,
-                        iconName: 'plus',
-                        color: 'white',
-                        events: {
-                            click: this.openModalAddCard.bind(this),
-                        },
-                    },
-                ],
+                iconName: 'plus',
+                color: 'white',
+                small: true,
+                cssClass: 'zd-my-2',
+                outline: true,
+                events: {
+                    click: this.openModalAddCard.bind(this),
+                },
             },
             {
-                name: `tooltipSaveCard${this.name}`,
-                component: 'ZdTooltip',
-                bottom: true,
+                name: `saveDashboard${this.name}`,
+                component: 'ZdButton',
                 label: 'SAVE',
-                children: [
-                    {
-                        name: `saveDashboard${this.name}`,
-                        component: 'ZdButton',
-                        icon: true,
-                        iconName: 'complete',
-                        color: 'white',
-                        events: {
-                            click: this.onSave.bind(this),
-                        },
-                    },
-                ],
+                iconName: 'complete',
+                color: 'white',
+                small: true,
+                cssClass: 'zd-my-2',
+                outline: true,
+                events: {
+                    click: this.onSave.bind(this),
+                },
             },
         ];
         this.editingMode = this.getInitValue('editingMode', props.editingMode, this.editingMode);
@@ -3123,6 +3132,7 @@ class Dashboard extends ComponentRender {
         this.removePadding = this.getInitValue('removePadding', props.removePadding, this.removePadding);
         this.height = this.getInitValue('height', props.height, this.height);
         this.heightAdjust = this.getInitValue('heightAdjust', props.heightAdjust, this.heightAdjust);
+        this.cardFooterSlot = this.getInitValue('cardFooterSlot', props.cardFooterSlot, this.cardFooterSlot);
         this.createAccessors();
     }
     onMounted(element) {
@@ -3152,17 +3162,19 @@ class Dashboard extends ComponentRender {
         }
     }
     /* Delete a card */
-    deleteCard() {
+    deleteCard(cardId) {
         this.cards.forEach((card, index) => {
-            if (this.deleteCardId === card.cardId) {
+            if (cardId === card.cardId) {
                 this.cards.splice(index, 1);
             }
         });
+    }
+    deleteAndCloseDialog(cardId) {
+        this.deleteCard(cardId);
         DialogService.hide();
     }
     /* Show delete card dialog */
     showDeleteCardDialog(cardId) {
-        this.deleteCardId = cardId;
         this.hideDialog();
         DialogService.show({
             name: `${this.name}-delete-dialog`,
@@ -3184,7 +3196,7 @@ class Dashboard extends ComponentRender {
                     component: 'ZdButton',
                     label: 'YES',
                     events: {
-                        click: this.deleteCard.bind(this),
+                        click: this.deleteAndCloseDialog.bind(this, cardId),
                     },
                 },
             ],
@@ -3256,6 +3268,8 @@ class Dashboard extends ComponentRender {
     }
     /* Return footer rightSlot props for view layer */
     getFooterRightSlot(cardId) {
+        if (this.cardFooterSlot)
+            return this.cardFooterSlot;
         const rightSlot = [
             {
                 name: `tooltipDelete${cardId}`,
@@ -3299,6 +3313,9 @@ class Dashboard extends ComponentRender {
     getCardId() {
         return Math.random().toString(36).substr(2, 9);
     }
+    selectCard(cardId) {
+        this.currentCardId = cardId;
+    }
 }
 
 /**
@@ -3395,9 +3412,6 @@ class Date$1 extends TextInput {
         this.pickerType = this.getInitValue('pickerType', props.pickerType, this.pickerType);
         this.helperOptions = this.getInitValue('helperOptions', props.helperOptions, this.helperOptions);
         this.helperValue = this.getInitValue('helperValue', props.helperValue, this.helperValue);
-        if (this.pickerType === 'month') {
-            this.isoFormat = 'YYYY-MM';
-        }
         this.width = this.getInitValue('width', props.width, this.width);
         this.mask = this.getInitValue('mask', props.mask, undefined);
         this.createAccessors();
@@ -5203,6 +5217,7 @@ class Grid extends Iterable {
          * @public
          */
         this.resizeColumns = false;
+        this.showSelectAll = true;
         this.navigationKeyMapping = {
             up: {
                 event: this.navigateUp.bind(this),
@@ -5252,6 +5267,8 @@ class Grid extends Iterable {
         this.noResultSlot = this.changeDefaultSlotNames(this.noResultSlot);
         this.noDataText = this.getInitValue('noDataText', props.noDataText, this.noDataText);
         this.noResultsText = this.getInitValue('noResultsText', props.noResultsText, this.noResultsText);
+        this.disableSelection = this.getInitValue('disableSelection', props.disableSelection, this.disableSelection);
+        this.showSelectAll = this.getInitValue('showSelectAll', props.showSelectAll, this.showSelectAll);
         this.createAccessors();
     }
     onMounted(element) {
@@ -5441,6 +5458,10 @@ class Grid extends Iterable {
         });
         return slot;
     }
+    callDisableSelection(row) {
+        return !!this.disableSelection && typeof this.disableSelection === 'function'
+            && this.disableSelection({ row, component: this });
+    }
 }
 
 /**
@@ -8162,6 +8183,7 @@ class Month extends Date$1 {
          * Defines the month input format.
          */
         this.inputFormat = Config.monthInputFormat;
+        this.isoFormat = 'YYYY-MM';
         /**
          * Determines the type of the picker - month for month picker.
          */
@@ -8171,19 +8193,11 @@ class Month extends Date$1 {
         this.dateFormat = this.getInitValue('dateFormat', props.dateFormat, this.dateFormat);
         this.displayFormat = this.getInitValue('displayFormat', props.displayFormat, this.displayFormat);
         this.inputFormat = this.getInitValue('inputFormat', props.inputFormat, this.inputFormat);
+        this.pickerType = this.getInitValue('pickerType', undefined, this.pickerType);
         this.createAccessors();
     }
-    maskFormat(format) {
-        const monthIndex = format.indexOf('MMM');
-        const replaced = format.replace(/[A-Za-z]/gi, '#');
-        if (monthIndex === -1)
-            return replaced;
-        const arrFormat = replaced.split('');
-        arrFormat.splice(monthIndex, 3, ...'CCC');
-        return arrFormat.join('');
-    }
 }
-FormatterParserProvider.registerFormatter('ZdMonth', (value, { dateFormat = Config.monthFormat, displayFormat = Config.monthDisplayFormat, inputFormat = Config.monthInputFormat, mask = '', initialMask, } = {}) => {
+FormatterParserProvider.registerFormatter('ZdMonth', (value, { dateFormat = Config.monthFormat, displayFormat = Config.monthDisplayFormat, inputFormat = Config.monthInputFormat, mask = '', initialMask, isSimpleDisplay = false, } = {}) => {
     if (!value) {
         return '';
     }
@@ -8195,14 +8209,17 @@ FormatterParserProvider.registerFormatter('ZdMonth', (value, { dateFormat = Conf
         if (inputFormat) {
             return dayjs(value, dateFormat).format(inputFormat);
         }
-        const valueToUnmask = value;
+        let valueToUnmask = value;
+        if (isSimpleDisplay) {
+            valueToUnmask = dayjs(value, dateFormat).format(displayFormat);
+        }
         const unmasked = Mask.getValueWithoutMask(valueToUnmask);
         const masked = Mask.getValueWithMask(unmasked, mask);
         return masked;
     }
     return dayjs(value, dateFormat).format(displayFormat);
 });
-FormatterParserProvider.registerParser('ZdMonth', (value, { dateFormat = Config.monthFormat, displayFormat = Config.monthDisplayFormat, inputFormat = Config.monthInputFormat, mask = '', maskFormat, } = {}) => {
+FormatterParserProvider.registerParser('ZdMonth', (value, { dateFormat = Config.monthFormat, displayFormat = Config.monthDisplayFormat, inputFormat = Config.monthInputFormat, mask = '', initialMask, isSimpleDisplay = false, } = {}) => {
     if (!value) {
         return null;
     }
@@ -8218,12 +8235,14 @@ FormatterParserProvider.registerParser('ZdMonth', (value, { dateFormat = Config.
         }
         const unmasked = Mask.getValueWithoutMask(value);
         let masked;
-        const displayFmtMask = maskFormat(displayFormat);
-        masked = Mask.getValueWithMask(unmasked, displayFmtMask);
-        if (dayjs(masked, displayFormat, true).format(displayFormat) === masked) {
-            return dayjs(masked, displayFormat).format(dateFormat);
+        if (!initialMask || isSimpleDisplay) {
+            const displayFmtMask = displayFormat.replace(/[A-Za-z]/gi, '#');
+            masked = Mask.getValueWithMask(unmasked, displayFmtMask);
+            if (dayjs(masked, displayFormat, true).format(displayFormat) === masked) {
+                return dayjs(masked, displayFormat).format(dateFormat);
+            }
         }
-        const dateFmtMask = maskFormat(dateFormat);
+        const dateFmtMask = dateFormat.replace(/[A-Za-z]/gi, '#');
         masked = Mask.getValueWithMask(unmasked, dateFmtMask);
         if (dayjs(masked, dateFormat, true).format(dateFormat) === masked) {
             return masked;
@@ -12099,11 +12118,14 @@ class BaseReport {
             return Object.assign(Object.assign({}, result), { [col.name]: row });
         }, {});
     }
-    buildFilter(filter) {
-        return Object.keys(filter).map((key) => ({
-            label: key,
-            value: I18n.translate('IS_EQUAL', { value: filter[key] }),
-        }));
+    buildFilter(filter, columns) {
+        return Object.keys(filter).map((key) => {
+            var _a;
+            return ({
+                label: ((_a = columns.find((col) => col.name === key)) === null || _a === void 0 ? void 0 : _a.label) || key,
+                value: I18n.translate('IS_EQUAL', { value: filter[key] }),
+            });
+        });
     }
     formatLangCode(lang) {
         if (!lang) {
@@ -12128,7 +12150,7 @@ class CSVReport extends BaseReport {
     }
     buildMetadata(name, title, columns, filter) {
         const builtCols = this.buildColumns(columns);
-        const builtFilters = this.buildFilter(filter || {});
+        const builtFilters = this.buildFilter(filter || {}, columns);
         const lang = this.formatLangCode(I18n.instance.language);
         const clientLogo = '';
         const enterpriseLogo = '';
@@ -12235,7 +12257,7 @@ class PDFReport extends BaseReport {
     buildMetadata(name, title, columns, filter, portrait = true) {
         return __awaiter(this, void 0, void 0, function* () {
             const builtCols = this.buildColumns(columns);
-            const builtFilters = this.buildFilter(filter || {});
+            const builtFilters = this.buildFilter(filter || {}, columns);
             const lang = this.formatLangCode(I18n.instance.language);
             let clientLogo = '';
             let enterpriseLogo = '';
@@ -12334,7 +12356,7 @@ class XLSReport extends BaseReport {
     }
     buildMetadata(name, title, columns, filter) {
         const builtCols = this.buildColumns(columns);
-        const builtFilters = this.buildFilter(filter || {});
+        const builtFilters = this.buildFilter(filter || {}, columns);
         const lang = this.formatLangCode(I18n.instance.language);
         const clientLogo = '';
         const enterpriseLogo = '';
@@ -12379,7 +12401,7 @@ class XLS2Report extends BaseReport {
     }
     buildMetadata(name, title, columns, filter) {
         const builtCols = this.buildColumns(columns);
-        const builtFilters = this.buildFilter(filter || {});
+        const builtFilters = this.buildFilter(filter || {}, columns);
         const lang = this.formatLangCode(I18n.instance.language);
         const clientLogo = '';
         const enterpriseLogo = '';
@@ -12576,7 +12598,7 @@ class XLS3Report extends BaseReport {
     }
     buildMetadata(name, title, columns, filter) {
         const builtCols = this.buildColumns(columns);
-        const builtFilters = this.buildFilter(filter || {});
+        const builtFilters = this.buildFilter(filter || {}, columns);
         const lang = this.formatLangCode(I18n.instance.language);
         const clientLogo = '';
         const enterpriseLogo = '';
@@ -12856,4 +12878,4 @@ class Report {
 
 const AutoNumeric = require('@zeedhi/autonumeric/dist/autoNumeric');
 
-export { Alert, AlertService, ApexChart, AutoNumeric, Badge, Breadcrumbs, Button, ButtonGroup, CSVReport, Card, Carousel, Checkbox, CheckboxMultiple, ChildNotFoundError, Chip, CodeEditor, Col, CollapseCard, Column, Component, ComponentRender, Container, Currency, Dashboard, Date$1 as Date, DateRange, Dialog, DialogService, Divider, Dropdown, FileInput, Footer, Form, Frame, FramePage, Grid, GridColumn, GridColumnEditable, GridEditable, Header, Icon, Icons, Image, Increment, Input, Iterable, IterableColumnsButton, IterableColumnsButtonController, IterablePageComponent, IterablePageInfo, IterablePageSize, IterablePagination, List, ListGroup, ListItem, Loading, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuButton, MenuGroup, MenuLink, MenuSeparator, Modal, ModalCloseButton, ModalService, Month, Number$1 as Number, PDFReport, Password, Progress, Radio, RangeSlider, Report, Row, Search, Select, SelectMultiple, SelectTree, SelectTreeMultiple, SelectableList, SpeedDial, Steppers, SvgMap, Switch, Tab, Table, Tabs, Tag, Text, TextInput, Textarea, Time, Toggleable, Tooltip, Tree, TreeDataStructure, TreeGrid, TreeGridEditable, WatchURL, XLS2Report, XLS3Report, XLSReport, initTheme };
+export { Alert, AlertService, ApexChart, AutoNumeric, Badge, Breadcrumbs, Button, ButtonGroup, CSVReport, Card, Carousel, Checkbox, CheckboxMultiple, ChildNotFoundError, Chip, CodeEditor, Col, CollapseCard, Column, ColumnNotFoundError, Component, ComponentRender, Container, Currency, Dashboard, Date$1 as Date, DateRange, Dialog, DialogService, Divider, Dropdown, FileInput, Footer, Form, Frame, FramePage, Grid, GridColumn, GridColumnEditable, GridEditable, Header, Icon, Icons, Image, Increment, Input, Iterable, IterableColumnsButton, IterableColumnsButtonController, IterablePageComponent, IterablePageInfo, IterablePageSize, IterablePagination, List, ListGroup, ListItem, Loading, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuButton, MenuGroup, MenuLink, MenuSeparator, Modal, ModalCloseButton, ModalService, Month, Number$1 as Number, PDFReport, Password, Progress, Radio, RangeSlider, Report, Row, Search, Select, SelectMultiple, SelectTree, SelectTreeMultiple, SelectableList, SpeedDial, Steppers, SvgMap, Switch, Tab, Table, Tabs, Tag, Text, TextInput, Textarea, Time, Toggleable, Tooltip, Tree, TreeDataStructure, TreeGrid, TreeGridEditable, WatchURL, XLS2Report, XLS3Report, XLSReport, initTheme };

package/dist/zd-common.umd.js

@@ -2915,8 +2915,6 @@
           this.moveMode = false;
           /* Cards */
           this.cards = [];
-          /* Card ID to be deleted */
-          this.deleteCardId = '';
           this.overrideNamedProps = {};
           /* Remove the paddings of the dashboard */
           this.removePadding = false;
@@ -3009,7 +3007,9 @@
               persistent: true,
               title: 'EDIT_CARD',
               grid: {
-                  md: 4,
+                  cols: 10,
+                  sm: 8,
+                  lg: 6,
               },
               children: [
                   {
@@ -3031,7 +3031,12 @@
                               minValue: 1,
                               clearable: false,
                               hint: 'Min: 1, Max: 12',
-                              cssStyle: 'width: 100px',
+                              grid: {
+                                  cols: 6,
+                                  sm: 6,
+                                  md: 4,
+                                  lg: 3,
+                              },
                               mask: {
                                   decimalPlaces: 0,
                               },
@@ -3040,19 +3045,33 @@
                               name: 'inputHeight',
                               component: 'ZdTextInput',
                               label: 'HEIGHT',
-                              cssStyle: 'width: 80px',
+                              grid: {
+                                  cols: 6,
+                                  sm: 6,
+                                  md: 4,
+                                  lg: 3,
+                              },
                           },
                           {
                               name: 'inputPath',
                               component: 'ZdTextInput',
                               label: 'PATH',
-                              cssStyle: 'width: 250px',
+                              grid: {
+                                  cols: 7,
+                                  sm: 7,
+                                  md: 9,
+                              },
                           },
                           {
                               name: 'inputLocal',
                               component: 'ZdSwitch',
                               label: 'PATH_LOCAL',
                               cssClass: 'zd-mt-4',
+                              grid: {
+                                  cols: 5,
+                                  sm: 5,
+                                  md: 3,
+                              },
                           },
                       ],
                   },
@@ -3087,40 +3106,30 @@
           /* Edit header */
           this.headerLeftSlot = [
               {
-                  name: `tooltipAddCard${this.name}`,
-                  component: 'ZdTooltip',
-                  bottom: true,
+                  name: `addDashboard${this.name}`,
+                  component: 'ZdButton',
                   label: 'ADD',
-                  children: [
-                      {
-                          name: `addDashboard${this.name}`,
-                          component: 'ZdButton',
-                          icon: true,
-                          iconName: 'plus',
-                          color: 'white',
-                          events: {
-                              click: this.openModalAddCard.bind(this),
-                          },
-                      },
-                  ],
+                  iconName: 'plus',
+                  color: 'white',
+                  small: true,
+                  cssClass: 'zd-my-2',
+                  outline: true,
+                  events: {
+                      click: this.openModalAddCard.bind(this),
+                  },
               },
               {
-                  name: `tooltipSaveCard${this.name}`,
-                  component: 'ZdTooltip',
-                  bottom: true,
+                  name: `saveDashboard${this.name}`,
+                  component: 'ZdButton',
                   label: 'SAVE',
-                  children: [
-                      {
-                          name: `saveDashboard${this.name}`,
-                          component: 'ZdButton',
-                          icon: true,
-                          iconName: 'complete',
-                          color: 'white',
-                          events: {
-                              click: this.onSave.bind(this),
-                          },
-                      },
-                  ],
+                  iconName: 'complete',
+                  color: 'white',
+                  small: true,
+                  cssClass: 'zd-my-2',
+                  outline: true,
+                  events: {
+                      click: this.onSave.bind(this),
+                  },
               },
           ];
           this.editingMode = this.getInitValue('editingMode', props.editingMode, this.editingMode);
@@ -3130,6 +3139,7 @@
           this.removePadding = this.getInitValue('removePadding', props.removePadding, this.removePadding);
           this.height = this.getInitValue('height', props.height, this.height);
           this.heightAdjust = this.getInitValue('heightAdjust', props.heightAdjust, this.heightAdjust);
+          this.cardFooterSlot = this.getInitValue('cardFooterSlot', props.cardFooterSlot, this.cardFooterSlot);
           this.createAccessors();
       }
       onMounted(element) {
@@ -3159,17 +3169,19 @@
           }
       }
       /* Delete a card */
-      deleteCard() {
+      deleteCard(cardId) {
           this.cards.forEach((card, index) => {
-              if (this.deleteCardId === card.cardId) {
+              if (cardId === card.cardId) {
                   this.cards.splice(index, 1);
               }
           });
+      }
+      deleteAndCloseDialog(cardId) {
+          this.deleteCard(cardId);
           DialogService.hide();
       }
       /* Show delete card dialog */
       showDeleteCardDialog(cardId) {
-          this.deleteCardId = cardId;
           this.hideDialog();
           DialogService.show({
               name: `${this.name}-delete-dialog`,
@@ -3191,7 +3203,7 @@
                       component: 'ZdButton',
                       label: 'YES',
                       events: {
-                          click: this.deleteCard.bind(this),
+                          click: this.deleteAndCloseDialog.bind(this, cardId),
                       },
                   },
               ],
@@ -3263,6 +3275,8 @@
       }
       /* Return footer rightSlot props for view layer */
       getFooterRightSlot(cardId) {
+          if (this.cardFooterSlot)
+              return this.cardFooterSlot;
           const rightSlot = [
               {
                   name: `tooltipDelete${cardId}`,
@@ -3306,6 +3320,9 @@
       getCardId() {
           return Math.random().toString(36).substr(2, 9);
       }
+      selectCard(cardId) {
+          this.currentCardId = cardId;
+      }
   }
 
   /**
@@ -3402,9 +3419,6 @@
           this.pickerType = this.getInitValue('pickerType', props.pickerType, this.pickerType);
           this.helperOptions = this.getInitValue('helperOptions', props.helperOptions, this.helperOptions);
           this.helperValue = this.getInitValue('helperValue', props.helperValue, this.helperValue);
-          if (this.pickerType === 'month') {
-              this.isoFormat = 'YYYY-MM';
-          }
           this.width = this.getInitValue('width', props.width, this.width);
           this.mask = this.getInitValue('mask', props.mask, undefined);
           this.createAccessors();
@@ -5210,6 +5224,7 @@
            * @public
            */
           this.resizeColumns = false;
+          this.showSelectAll = true;
           this.navigationKeyMapping = {
               up: {
                   event: this.navigateUp.bind(this),
@@ -5259,6 +5274,8 @@
           this.noResultSlot = this.changeDefaultSlotNames(this.noResultSlot);
           this.noDataText = this.getInitValue('noDataText', props.noDataText, this.noDataText);
           this.noResultsText = this.getInitValue('noResultsText', props.noResultsText, this.noResultsText);
+          this.disableSelection = this.getInitValue('disableSelection', props.disableSelection, this.disableSelection);
+          this.showSelectAll = this.getInitValue('showSelectAll', props.showSelectAll, this.showSelectAll);
           this.createAccessors();
       }
       onMounted(element) {
@@ -5448,6 +5465,10 @@
           });
           return slot;
       }
+      callDisableSelection(row) {
+          return !!this.disableSelection && typeof this.disableSelection === 'function'
+              && this.disableSelection({ row, component: this });
+      }
   }
 
   /**
@@ -8169,6 +8190,7 @@
            * Defines the month input format.
            */
           this.inputFormat = core.Config.monthInputFormat;
+          this.isoFormat = 'YYYY-MM';
           /**
            * Determines the type of the picker - month for month picker.
            */
@@ -8178,19 +8200,11 @@
           this.dateFormat = this.getInitValue('dateFormat', props.dateFormat, this.dateFormat);
           this.displayFormat = this.getInitValue('displayFormat', props.displayFormat, this.displayFormat);
           this.inputFormat = this.getInitValue('inputFormat', props.inputFormat, this.inputFormat);
+          this.pickerType = this.getInitValue('pickerType', undefined, this.pickerType);
           this.createAccessors();
       }
-      maskFormat(format) {
-          const monthIndex = format.indexOf('MMM');
-          const replaced = format.replace(/[A-Za-z]/gi, '#');
-          if (monthIndex === -1)
-              return replaced;
-          const arrFormat = replaced.split('');
-          arrFormat.splice(monthIndex, 3, ...'CCC');
-          return arrFormat.join('');
-      }
   }
-  core.FormatterParserProvider.registerFormatter('ZdMonth', (value, { dateFormat = core.Config.monthFormat, displayFormat = core.Config.monthDisplayFormat, inputFormat = core.Config.monthInputFormat, mask = '', initialMask, } = {}) => {
+  core.FormatterParserProvider.registerFormatter('ZdMonth', (value, { dateFormat = core.Config.monthFormat, displayFormat = core.Config.monthDisplayFormat, inputFormat = core.Config.monthInputFormat, mask = '', initialMask, isSimpleDisplay = false, } = {}) => {
       if (!value) {
           return '';
       }
@@ -8202,14 +8216,17 @@
           if (inputFormat) {
               return core.dayjs(value, dateFormat).format(inputFormat);
           }
-          const valueToUnmask = value;
+          let valueToUnmask = value;
+          if (isSimpleDisplay) {
+              valueToUnmask = core.dayjs(value, dateFormat).format(displayFormat);
+          }
           const unmasked = core.Mask.getValueWithoutMask(valueToUnmask);
           const masked = core.Mask.getValueWithMask(unmasked, mask);
           return masked;
       }
       return core.dayjs(value, dateFormat).format(displayFormat);
   });
-  core.FormatterParserProvider.registerParser('ZdMonth', (value, { dateFormat = core.Config.monthFormat, displayFormat = core.Config.monthDisplayFormat, inputFormat = core.Config.monthInputFormat, mask = '', maskFormat, } = {}) => {
+  core.FormatterParserProvider.registerParser('ZdMonth', (value, { dateFormat = core.Config.monthFormat, displayFormat = core.Config.monthDisplayFormat, inputFormat = core.Config.monthInputFormat, mask = '', initialMask, isSimpleDisplay = false, } = {}) => {
       if (!value) {
           return null;
       }
@@ -8225,12 +8242,14 @@
           }
           const unmasked = core.Mask.getValueWithoutMask(value);
           let masked;
-          const displayFmtMask = maskFormat(displayFormat);
-          masked = core.Mask.getValueWithMask(unmasked, displayFmtMask);
-          if (core.dayjs(masked, displayFormat, true).format(displayFormat) === masked) {
-              return core.dayjs(masked, displayFormat).format(dateFormat);
+          if (!initialMask || isSimpleDisplay) {
+              const displayFmtMask = displayFormat.replace(/[A-Za-z]/gi, '#');
+              masked = core.Mask.getValueWithMask(unmasked, displayFmtMask);
+              if (core.dayjs(masked, displayFormat, true).format(displayFormat) === masked) {
+                  return core.dayjs(masked, displayFormat).format(dateFormat);
+              }
           }
-          const dateFmtMask = maskFormat(dateFormat);
+          const dateFmtMask = dateFormat.replace(/[A-Za-z]/gi, '#');
           masked = core.Mask.getValueWithMask(unmasked, dateFmtMask);
           if (core.dayjs(masked, dateFormat, true).format(dateFormat) === masked) {
               return masked;
@@ -12106,11 +12125,14 @@
               return Object.assign(Object.assign({}, result), { [col.name]: row });
           }, {});
       }
-      buildFilter(filter) {
-          return Object.keys(filter).map((key) => ({
-              label: key,
-              value: core.I18n.translate('IS_EQUAL', { value: filter[key] }),
-          }));
+      buildFilter(filter, columns) {
+          return Object.keys(filter).map((key) => {
+              var _a;
+              return ({
+                  label: ((_a = columns.find((col) => col.name === key)) === null || _a === void 0 ? void 0 : _a.label) || key,
+                  value: core.I18n.translate('IS_EQUAL', { value: filter[key] }),
+              });
+          });
       }
       formatLangCode(lang) {
           if (!lang) {
@@ -12135,7 +12157,7 @@
       }
       buildMetadata(name, title, columns, filter) {
           const builtCols = this.buildColumns(columns);
-          const builtFilters = this.buildFilter(filter || {});
+          const builtFilters = this.buildFilter(filter || {}, columns);
           const lang = this.formatLangCode(core.I18n.instance.language);
           const clientLogo = '';
           const enterpriseLogo = '';
@@ -12242,7 +12264,7 @@
       buildMetadata(name, title, columns, filter, portrait = true) {
           return __awaiter(this, void 0, void 0, function* () {
               const builtCols = this.buildColumns(columns);
-              const builtFilters = this.buildFilter(filter || {});
+              const builtFilters = this.buildFilter(filter || {}, columns);
               const lang = this.formatLangCode(core.I18n.instance.language);
               let clientLogo = '';
               let enterpriseLogo = '';
@@ -12341,7 +12363,7 @@
       }
       buildMetadata(name, title, columns, filter) {
           const builtCols = this.buildColumns(columns);
-          const builtFilters = this.buildFilter(filter || {});
+          const builtFilters = this.buildFilter(filter || {}, columns);
           const lang = this.formatLangCode(core.I18n.instance.language);
           const clientLogo = '';
           const enterpriseLogo = '';
@@ -12386,7 +12408,7 @@
       }
       buildMetadata(name, title, columns, filter) {
           const builtCols = this.buildColumns(columns);
-          const builtFilters = this.buildFilter(filter || {});
+          const builtFilters = this.buildFilter(filter || {}, columns);
           const lang = this.formatLangCode(core.I18n.instance.language);
           const clientLogo = '';
           const enterpriseLogo = '';
@@ -12583,7 +12605,7 @@
       }
       buildMetadata(name, title, columns, filter) {
           const builtCols = this.buildColumns(columns);
-          const builtFilters = this.buildFilter(filter || {});
+          const builtFilters = this.buildFilter(filter || {}, columns);
           const lang = this.formatLangCode(core.I18n.instance.language);
           const clientLogo = '';
           const enterpriseLogo = '';
@@ -12882,6 +12904,7 @@
   exports.Col = Col;
   exports.CollapseCard = CollapseCard;
   exports.Column = Column;
+  exports.ColumnNotFoundError = ColumnNotFoundError;
   exports.Component = Component;
   exports.ComponentRender = ComponentRender;
   exports.Container = Container;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.54.0",
+  "version": "1.55.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -37,5 +37,5 @@
     "lodash.times": "^4.3.2",
     "mockdate": "^3.0.2"
   },
-  "gitHead": "338fa7c142e0a73239dc51f238c7f21c6b403f2b"
+  "gitHead": "832a10a71ea046b631344b008e676c1706617cec"
 }

package/types/components/index.d.ts

@@ -72,6 +72,7 @@ export * from './zd-input/input';
 export * from './zd-input/interfaces';
 export * from './zd-iterable/column';
 export * from './zd-iterable/iterable';
+export * from './zd-iterable/column-not-found';
 export * from './zd-iterable/iterable-columns-button';
 export * from './zd-iterable/iterable-columns-button-controller';
 export * from './zd-iterable/iterable-page-component';

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

@@ -3,6 +3,7 @@ import { ComponentRender } from '../zd-component/component-render';
 import { IButton } from '../zd-button/interfaces';
 import { Modal } from '../zd-modal/modal';
 import { IModal } from '../zd-modal/interfaces';
+import { IComponentRender } from '../zd-component/interfaces';
 /**
  * Base class for Dashboard component.
  */
@@ -13,11 +14,12 @@ export declare class Dashboard extends ComponentRender implements IDashboard {
     cards: IDashboardCard[];
     addModal?: Modal;
     editModal?: Modal;
-    deleteCardId: string;
     overrideNamedProps: any;
     removePadding: boolean;
     height: string | number;
     heightAdjust: string | number;
+    cardFooterSlot?: IComponentRender[];
+    currentCardId?: string;
     addModalDef: IModal;
     editModalDef: IModal;
     /**
@@ -28,7 +30,8 @@ export declare class Dashboard extends ComponentRender implements IDashboard {
     onMounted(element: any): void;
     onBeforeDestroy(): void;
     addCard(): void;
-    deleteCard(): void;
+    deleteCard(cardId: string): void;
+    deleteAndCloseDialog(cardId: string): void;
     showDeleteCardDialog(cardId: string): void;
     private hideDialog;
     updateCard(): void;
@@ -50,7 +53,7 @@ export declare class Dashboard extends ComponentRender implements IDashboard {
         local: boolean;
         overrideNamedProps: any;
     };
-    getFooterRightSlot(cardId: string): ({
+    getFooterRightSlot(cardId: string): IComponentRender[] | ({
         name: string;
         component: string;
         bottom: boolean;
@@ -81,4 +84,5 @@ export declare class Dashboard extends ComponentRender implements IDashboard {
         }[];
     })[];
     private getCardId;
+    selectCard(cardId: string): void;
 }

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

@@ -18,6 +18,7 @@ export interface IDashboard extends IComponentRender {
     removePadding?: boolean;
     height?: string | number;
     heightAdjust?: string | number;
+    cardFooterSlot?: IComponentRender[];
 }
 export interface IDashboardCard extends Omit<ICard, 'name' | 'component'> {
     cardId: string;

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

@@ -55,7 +55,7 @@ export declare class Date extends TextInput implements IDate {
     /**
      * Determines the type of the picker - date for date picker, month for month picker.
      */
-    pickerType: string;
+    protected pickerType: string;
     /**
      * Helper options.
      */

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

@@ -16,7 +16,6 @@ export interface IDate extends ITextInput {
     fullWidth?: boolean;
     locale?: string;
     inputFormat?: string;
-    pickerType?: string;
     scrollable?: boolean;
     showDatePicker?: boolean;
     showWeek?: boolean;

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

@@ -105,6 +105,15 @@ export declare class Grid extends Iterable implements IGrid {
      * @public
      */
     resizeColumns: boolean;
+    /**
+     * Disable selection of specific rows using controller
+     * @public
+     */
+    disableSelection?: (args: {
+        row: IDictionary<any>;
+        component: Grid;
+    }) => boolean;
+    showSelectAll: boolean;
     /**
      * Creates a new Grid.
      * @param props Grid properties
@@ -167,4 +176,5 @@ export declare class Grid extends Iterable implements IGrid {
     deleteRows(): Promise<any[]>;
     getActionComponent(actionComponent: IComponent, column: GridColumn, row: IDictionary, parentPath?: string): IComponent;
     protected changeDefaultSlotNames(slot: IComponentRender[]): IComponentRender[];
+    callDisableSelection(row: IDictionary<any>): boolean;
 }

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

@@ -41,6 +41,11 @@ export interface IGrid extends IIterable {
     loadingText?: string;
     noDataText?: string;
     noResultsText?: string;
+    disableSelection?: (args: {
+        row: IDictionary<any>;
+        component: Grid;
+    }) => boolean;
+    showSelectAll?: boolean;
 }
 export interface IGridColumn extends IColumn {
     children?: IChildrenActionColumn[];

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

@@ -16,10 +16,11 @@ export declare class Month extends Date implements IMonth {
      * Defines the month input format.
      */
     inputFormat?: string;
+    protected isoFormat: string;
     /**
      * Determines the type of the picker - month for month picker.
      */
-    pickerType: string;
+    protected pickerType: string;
     protected formatterFn: Function;
     protected parserFn: Function;
     /**
@@ -27,5 +28,4 @@ export declare class Month extends Date implements IMonth {
      * @param props Month properties
      */
     constructor(props: IMonth);
-    protected maskFormat(format: string): string;
 }

package/types/utils/report/report-type/base-report.d.ts

@@ -10,7 +10,7 @@ export declare abstract class BaseReport implements IReportType {
         totalWidth: number;
     };
     protected buildColumns(columns: IColumn[]): MetadataColumn;
-    protected buildFilter(filter: IDictionary): MetadataFilter;
+    protected buildFilter(filter: IDictionary, columns: IColumn[]): MetadataFilter;
     protected formatLangCode(lang?: string): string;
     protected expressionZeedhiToXls: any;
     protected colunmXLS: string;