@zeedhi/teknisa-components-common 1.101.1 → 1.102.0

package/tests/unit/components/tek-grid/grid.spec.ts

@@ -145,7 +145,7 @@ describe('TekGrid', () => {
         showLayoutOptions: false,
       });
       instance.onCreated();
-      expect(instance.toolbarSlot.length).toBe(7);
+      expect(instance.toolbarSlot.length).toBe(3);
     });
 
     it('should overwrite toolbar', () => {
@@ -398,12 +398,15 @@ describe('TekGrid', () => {
 
       const spy = jest.spyOn(instance, 'saveEditedRows');
       instance.onCreated();
-      const button = new Button(instance.toolbarSlot[3]);
-      const event = new Event('click');
-      button.click(event, {} as HTMLElement);
-      expect(spy).toBeCalled();
-      expect(button.isVisible).toBeFalsy();
-      spy.mockReset();
+      const toolbarDiv = instance.toolbarSlot[2];
+      if (toolbarDiv.children) {
+        const button = new Button(toolbarDiv.children[1]);
+        const event = new Event('click');
+        button.click(event, {} as HTMLElement);
+        expect(spy).toBeCalled();
+        expect(button.isVisible).toBeFalsy();
+        spy.mockReset();
+      }
     });
 
     it('should call events', () => {
@@ -419,11 +422,14 @@ describe('TekGrid', () => {
       });
 
       instance.onCreated();
-      const button = new Button(instance.toolbarSlot[3]);
-      const event = new Event('click');
-      button.click(event, {} as HTMLElement);
-      expect(beforeSaveCalled).toBeTruthy();
-      expect(afterSaveCalled).toBeTruthy();
+      const toolbarDiv = instance.toolbarSlot[2];
+      if (toolbarDiv.children) {
+        const button = new Button(toolbarDiv.children[1]);
+        const event = new Event('click');
+        button.click(event, {} as HTMLElement);
+        expect(beforeSaveCalled).toBeTruthy();
+        expect(afterSaveCalled).toBeTruthy();
+      }
     });
 
     it('should not call saveEditedRows if beforeSave call preventDefault', () => {
@@ -440,12 +446,15 @@ describe('TekGrid', () => {
 
       const spy = jest.spyOn(instance, 'saveEditedRows');
       instance.onCreated();
-      const button = new Button(instance.toolbarSlot[3]);
-      button.click({ defaultPrevented: true } as Event, {} as HTMLElement);
-      expect(beforeSaveCalled).toBeTruthy();
-      expect(afterSaveCalled).toBeFalsy();
-      expect(spy).not.toBeCalled();
-      spy.mockReset();
+      const toolbarDiv = instance.toolbarSlot[2];
+      if (toolbarDiv.children) {
+        const button = new Button(toolbarDiv.children[1]);
+        button.click({ defaultPrevented: true } as Event, {} as HTMLElement);
+        expect(beforeSaveCalled).toBeTruthy();
+        expect(afterSaveCalled).toBeFalsy();
+        expect(spy).not.toBeCalled();
+        spy.mockReset();
+      }
     });
   });
 
@@ -458,12 +467,15 @@ describe('TekGrid', () => {
 
       const spy = jest.spyOn(instance, 'cancelEditedRows');
       instance.onCreated();
-      const button = new Button(instance.toolbarSlot[4]);
-      const event = new Event('click');
-      button.click(event, {} as HTMLElement);
-      expect(spy).toBeCalled();
-      expect(button.isVisible).toBeFalsy();
-      spy.mockReset();
+      const toolbarDiv = instance.toolbarSlot[2];
+      if (toolbarDiv.children) {
+        const button = new Button(toolbarDiv.children[2]);
+        const event = new Event('click');
+        button.click(event, {} as HTMLElement);
+        expect(spy).toBeCalled();
+        expect(button.isVisible).toBeFalsy();
+        spy.mockReset();
+      }
     });
 
     it('should call events', () => {
@@ -479,11 +491,14 @@ describe('TekGrid', () => {
       });
 
       instance.onCreated();
-      const button = new Button(instance.toolbarSlot[4]);
-      const event = new Event('click');
-      button.click(event, {} as HTMLElement);
-      expect(beforeCancelCalled).toBeTruthy();
-      expect(afterCancelCalled).toBeTruthy();
+      const toolbarDiv = instance.toolbarSlot[2];
+      if (toolbarDiv.children) {
+        const button = new Button(toolbarDiv.children[2]);
+        const event = new Event('click');
+        button.click(event, {} as HTMLElement);
+        expect(beforeCancelCalled).toBeTruthy();
+        expect(afterCancelCalled).toBeTruthy();
+      }
     });
 
     it('should not call cancelEditedRows if beforeSave call preventDefault', () => {
@@ -500,12 +515,15 @@ describe('TekGrid', () => {
 
       const spy = jest.spyOn(instance, 'cancelEditedRows');
       instance.onCreated();
-      const button = new Button(instance.toolbarSlot[4]);
-      button.click({ defaultPrevented: true } as Event, {} as HTMLElement);
-      expect(beforeCancelCalled).toBeTruthy();
-      expect(afterCancelCalled).toBeFalsy();
-      expect(spy).not.toBeCalled();
-      spy.mockReset();
+      const toolbarDiv = instance.toolbarSlot[2];
+      if (toolbarDiv.children) {
+        const button = new Button(toolbarDiv.children[2]);
+        button.click({ defaultPrevented: true } as Event, {} as HTMLElement);
+        expect(beforeCancelCalled).toBeTruthy();
+        expect(afterCancelCalled).toBeFalsy();
+        expect(spy).not.toBeCalled();
+        spy.mockReset();
+      }
     });
   });
 
@@ -520,27 +538,84 @@ describe('TekGrid', () => {
       });
 
       instance.onCreated();
-      const notEditingSpan = instance.toolbarSlot[2];
-      if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 0) {
-        const addTooltip = notEditingSpan.children[0];
-        if (addTooltip && addTooltip.children && addTooltip.children.length > 0) {
-          const addButton = addTooltip.children[0];
-          const button = new Button(addButton);
-          const event = new Event('click');
-          button.click(event, {} as HTMLElement);
-          expect(addClickCalled).toBeFalsy();
-          instance.events = {
-            addClick: () => { addClickCalled = true; },
-          };
-          expect(instance.editingNewRows).toBeTruthy();
-          button.click(event, {} as HTMLElement);
-          expect(addClickCalled).toBeTruthy();
-          expect(button.isVisible).toBeTruthy();
+      const toolbarDiv = instance.toolbarSlot[2];
+      if (toolbarDiv.children) {
+        const notEditingSpan = toolbarDiv.children[0];
+        if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 0) {
+          const addTooltip = notEditingSpan.children[0];
+          if (addTooltip && addTooltip.children && addTooltip.children.length > 0) {
+            const addButton = addTooltip.children[0];
+            const button = new Button(addButton);
+            const event = new Event('click');
+            button.click(event, {} as HTMLElement);
+            expect(addClickCalled).toBeFalsy();
+            instance.events = {
+              addClick: () => { addClickCalled = true; },
+            };
+            expect(instance.editingNewRows).toBeTruthy();
+            button.click(event, {} as HTMLElement);
+            expect(addClickCalled).toBeTruthy();
+            expect(button.isVisible).toBeTruthy();
+          }
         }
       }
     });
   });
 
+  describe('hideButtonClick()', () => {
+    it('should hide toolbar', () => {
+      const instance = new TekGrid({
+        name: 'grid_deleteClick2',
+        component: 'TekGrid',
+      });
+
+      instance.onCreated();
+
+      const toolbarMock = { isVisible: true };
+      jest.spyOn(Metadata, 'getInstance').mockImplementation(() => toolbarMock);
+
+      const hideTooltip = instance.toolbarSlot[1];
+      expect(toolbarMock.isVisible).toBeTruthy();
+
+      if (hideTooltip.children) {
+        const hideButton = hideTooltip.children[0];
+        const button = new Button(hideButton);
+        const event = new Event('click');
+        button.click(event, {} as HTMLElement);
+
+        expect(toolbarMock.isVisible).toBeFalsy();
+      }
+    });
+
+    it('should show toolbar', () => {
+      const instance = new TekGrid({
+        name: 'grid_deleteClick2',
+        component: 'TekGrid',
+        toolbarOpened: false,
+      });
+
+      instance.onCreated();
+
+      const toolbarMock = { isVisible: true };
+      jest.spyOn(Metadata, 'getInstance').mockImplementation(() => toolbarMock);
+
+      const hideTooltip = instance.toolbarSlot[1];
+
+      if (hideTooltip.children) {
+        const hideButton = hideTooltip.children[0];
+        const button = new Button(hideButton);
+        const event = new Event('click');
+        button.click(event, {} as HTMLElement);
+
+        expect(toolbarMock.isVisible).toBeFalsy();
+
+        button.click(event, {} as HTMLElement);
+
+        expect(toolbarMock.isVisible).toBeTruthy();
+      }
+    });
+  });
+
   describe('deleteButtonClick()', () => {
     it('should call deleteRows', () => {
       const instance = new TekGrid({
@@ -551,17 +626,20 @@ describe('TekGrid', () => {
 
       const spy = jest.spyOn(instance, 'deleteRows');
       instance.onCreated();
-      const notEditingSpan = instance.toolbarSlot[2];
-      if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 1) {
-        const deleteTooltip = notEditingSpan.children[1];
-        if (deleteTooltip && deleteTooltip.children && deleteTooltip.children.length > 0) {
-          const deleteButton = deleteTooltip.children[0];
-          const button = new Button(deleteButton);
-          const event = new Event('click');
-          button.click(event, {} as HTMLElement);
-          expect(spy).toBeCalled();
-          expect(button.isVisible).toBeTruthy();
-          expect(button.disabled).toBeTruthy();
+      const notEditingTag = instance.toolbarSlot[2];
+      if (notEditingTag.children) {
+        const notEditingSpan = notEditingTag.children[0];
+        if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 1) {
+          const deleteTooltip = notEditingSpan.children[1];
+          if (deleteTooltip && deleteTooltip.children && deleteTooltip.children.length > 0) {
+            const deleteButton = deleteTooltip.children[0];
+            const button = new Button(deleteButton);
+            const event = new Event('click');
+            button.click(event, {} as HTMLElement);
+            expect(spy).toBeCalled();
+            expect(button.isVisible).toBeTruthy();
+            expect(button.disabled).toBeTruthy();
+          }
         }
       }
       spy.mockReset();
@@ -610,14 +688,17 @@ describe('TekGrid', () => {
       instance.onCreated();
       const notEditingSpan = instance.toolbarSlot[2];
       if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 1) {
-        const deleteTooltip = notEditingSpan.children[1];
-        if (deleteTooltip && deleteTooltip.children && deleteTooltip.children.length > 0) {
-          const deleteButton = deleteTooltip.children[0];
-          const button = new Button(deleteButton);
-          button.click({ defaultPrevented: true } as Event, {} as HTMLElement);
-          expect(beforeDeleteCalled).toBeTruthy();
-          expect(afterDeleteCalled).toBeFalsy();
-          expect(spy).not.toBeCalled();
+        const deleteTooltip = notEditingSpan.children[0];
+        if (deleteTooltip.children) {
+          const teste = deleteTooltip.children[1];
+          if (teste && teste.children && teste.children.length > 0) {
+            const deleteButton = teste.children[0];
+            const button = new Button(deleteButton);
+            button.click({ defaultPrevented: true } as Event, {} as HTMLElement);
+            expect(beforeDeleteCalled).toBeTruthy();
+            expect(afterDeleteCalled).toBeFalsy();
+            expect(spy).not.toBeCalled();
+          }
         }
       }
       spy.mockReset();
@@ -637,16 +718,19 @@ describe('TekGrid', () => {
       instance.onCreated();
       const notEditingSpan = instance.toolbarSlot[2];
       if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 1) {
-        const deleteTooltip = notEditingSpan.children[1];
-        if (deleteTooltip && deleteTooltip.children && deleteTooltip.children.length > 0) {
-          const deleteButton = deleteTooltip.children[0];
-          const button = new Button(deleteButton);
-          const event = new Event('click');
-          expect(button.isVisible).toBeTruthy();
-          expect(button.disabled).toBeTruthy();
-          instance.selectAll(true);
-          expect(button.disabled).toBeFalsy();
-          expect(() => button.click(event, {} as HTMLElement)).toThrow();
+        const deleteTooltip = notEditingSpan.children[0];
+        if (deleteTooltip.children) {
+          const teste = deleteTooltip.children[1];
+          if (teste && teste.children && teste.children.length > 0) {
+            const deleteButton = teste.children[0];
+            const button = new Button(deleteButton);
+            const event = new Event('click');
+            expect(button.isVisible).toBeTruthy();
+            expect(button.disabled).toBeTruthy();
+            instance.selectAll(true);
+            expect(button.disabled).toBeFalsy();
+            expect(() => button.click(event, {} as HTMLElement)).toThrow();
+          }
         }
       }
     });
@@ -663,12 +747,15 @@ describe('TekGrid', () => {
       instance.onCreated();
       const notEditingSpan = instance.toolbarSlot[2];
       if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 1) {
-        const deleteTooltip = notEditingSpan.children[1];
-        if (deleteTooltip && deleteTooltip.children && deleteTooltip.children.length > 0) {
-          const deleteButton = deleteTooltip.children[0];
-          const button = new Button(deleteButton);
-          expect(button.isVisible).toBeFalsy();
-          expect(button.disabled).toBeFalsy();
+        const deleteTooltip = notEditingSpan.children[0];
+        if (deleteTooltip.children) {
+          const test = deleteTooltip.children[1];
+          if (test && test.children && test.children.length > 0) {
+            const deleteButton = test.children[0];
+            const button = new Button(deleteButton);
+            expect(button.isVisible).toBeFalsy();
+            expect(button.disabled).toBeFalsy();
+          }
         }
       }
     });
@@ -1005,15 +1092,18 @@ describe('TekGrid', () => {
 
       const spy = jest.spyOn(instance, 'reload');
       instance.onCreated();
-      const notEditingSpan = instance.toolbarSlot[2];
-      if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 3) {
-        const reloadTooltip = notEditingSpan.children[3];
-        if (reloadTooltip && reloadTooltip.children && reloadTooltip.children.length > 0) {
-          const reloadButton = reloadTooltip.children[0];
-          const button = new Button(reloadButton);
-          const event = new Event('click');
-          button.click(event, {} as HTMLElement);
-          expect(spy).toBeCalled();
+      const notEditingTag = instance.toolbarSlot[2];
+      if (notEditingTag.children) {
+        const notEditingSpan = notEditingTag.children[0];
+        if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 3) {
+          const reloadTooltip = notEditingSpan.children[3];
+          if (reloadTooltip && reloadTooltip.children && reloadTooltip.children.length > 0) {
+            const reloadButton = reloadTooltip.children[0];
+            const button = new Button(reloadButton);
+            const event = new Event('click');
+            button.click(event, {} as HTMLElement);
+            expect(spy).toBeCalled();
+          }
         }
       }
       spy.mockReset();
@@ -1031,15 +1121,18 @@ describe('TekGrid', () => {
 
       const spy = jest.spyOn(instance, 'reload');
       instance.onCreated();
-      const notEditingSpan = instance.toolbarSlot[2];
-      if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 3) {
-        const reloadTooltip = notEditingSpan.children[3];
-        if (reloadTooltip && reloadTooltip.children && reloadTooltip.children.length > 0) {
-          const reloadButton = reloadTooltip.children[0];
-          const button = new Button(reloadButton);
-          setClick(button, { defaultPrevented: true });
-          expect(beforeSpy).toBeCalled();
-          expect(spy).not.toBeCalled();
+      const notEditingTag = instance.toolbarSlot[2];
+      if (notEditingTag.children) {
+        const notEditingSpan = notEditingTag.children[0];
+        if (notEditingSpan && notEditingSpan.children && notEditingSpan.children.length > 3) {
+          const reloadTooltip = notEditingSpan.children[3];
+          if (reloadTooltip && reloadTooltip.children && reloadTooltip.children.length > 0) {
+            const reloadButton = reloadTooltip.children[0];
+            const button = new Button(reloadButton);
+            setClick(button, { defaultPrevented: true });
+            expect(beforeSpy).toBeCalled();
+            expect(spy).not.toBeCalled();
+          }
         }
       }
       spy.mockReset();

package/tests/unit/components/tek-grid/layout_options.spec.ts

@@ -623,6 +623,75 @@ describe('LayoutOptions', () => {
     });
   });
 
+  describe('discardChanges()', () => {
+    it('should discard changes and restore layout', async () => {
+      const layouts: ITekGridLayoutInfo = {
+        currentLayoutName: 'Name first',
+        layouts: {
+          'Name first': {
+            name: 'Name first',
+            gridWidth: '544px',
+            columns: [
+              {
+                name: 'id',
+                width: '34px',
+                isVisible: true,
+                grouped: false,
+              },
+              {
+                name: 'name',
+                width: '107px',
+                isVisible: true,
+                grouped: false,
+              },
+              {
+                name: 'salary',
+                width: '114px',
+                isVisible: true,
+                grouped: false,
+              },
+            ],
+          },
+        },
+      };
+
+      let viewCalled = false;
+
+      const tag = new Tag({
+        name: 'toolbar',
+        component: 'ZdTag',
+        tag: 'span',
+      });
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'salary' },
+        ],
+        events: {
+          loadLayouts: async () => layouts,
+        },
+      });
+      const instance = new TekGridLayoutOptions({ name: 'layout', component: 'TekGridLayoutOptions' });
+      instance.viewApplyLayout = () => { viewCalled = true; };
+      instance.parent = tag;
+      tag.parent = grid;
+
+      await instance.onMounted({} as HTMLElement);
+      instance.applyLayout('Name first');
+      expect(viewCalled).toBeTruthy();
+      expect(instance.layoutEdited).toBeFalsy();
+      expect(instance.currentLayoutName).toBe('Name first');
+
+      instance.layoutEdited = true;
+
+      instance.discardChanges();
+      expect(instance.layoutEdited).toBeFalsy();
+    });
+  });
+
   describe('updateDefaultLayout()', () => {
     it('should update default layout', async () => {
       const tag = new Tag({
@@ -718,6 +787,7 @@ describe('LayoutOptions', () => {
       expect(applyLayoutSpy).toBeCalled();
     });
   });
+
   describe('loadLayouts()/saveLayouts()', () => {
     it('should load layouts using config endpoint', async () => {
       (Config as ITekConfig).loadGridLayoutsEndPoint = '/loadLayoutsRoute';

package/tests/unit/components/tree-grid/tree-grid.spec.ts

@@ -92,7 +92,7 @@ describe('TekTreeGrid', () => {
         showLayoutOptions: false,
       });
       instance.onCreated();
-      expect(instance.toolbarSlot.length).toBe(7);
+      expect(instance.toolbarSlot.length).toBe(3);
     });
 
     it('should overwrite toolbar', () => {

package/tests/unit/utils/grid-base/grid-controller.spec.ts

@@ -36,6 +36,9 @@ describe('GridController', () => {
       expect(instance.showExportButton).toBeTruthy();
       expect(instance.showActionAndExportButton).toBeTruthy();
       expect(instance.showSearchInput).toBeTruthy();
+      expect(instance.showToolbar).toBeTruthy();
+      expect(instance.toolbarStyle).toBe('');
+      expect(instance.tooltipName).toBe('TEKGRID_HIDE');
       expect(instance.showDivider2).toBeTruthy();
       expect(instance.showDivider3).toBeTruthy();
       expect(instance.showColumnsButton).toBeTruthy();
@@ -67,6 +70,11 @@ describe('GridController', () => {
       expect(instance.showExportButton).toBeFalsy();
       expect(instance.showActionAndExportButton).toBeFalsy();
       expect(instance.showLayoutOptionsButton).toBeFalsy();
+
+      instance.showToolbar = false;
+      expect(instance.toolbarStyle).toBe('is-rotated');
+      expect(instance.tooltipName).toBe('TEKGRID_SHOW');
+      expect(instance.showToolbar).toBeFalsy();
     });
 
     it('should verify if showDivider3 is visibility', () => {

package/types/components/index.d.ts

@@ -25,6 +25,7 @@ export * from './tek-grid/interfaces';
 export * from './tek-grid/grid';
 export * from './tek-grid/grid-column';
 export * from './tek-grid/grid-columns-button';
+export * from './tek-grid/grid-columns-button-controller';
 export * from './tek-grid/grid-filter-button';
 export * from './tek-grid/layout-options';
 export * from './tek-grid/filter-helper';

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

@@ -75,6 +75,7 @@ export declare class TekGrid extends GridEditable implements ITekGrid {
     protected keyShortcutKeyMapping: any;
     showCheckboxAllFilter: boolean;
     defaultFilter: IDictionary;
+    toolbarOpened: boolean;
     /**
      * TekGrid class constructor
      * @param props TekGrid properties

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

@@ -62,6 +62,7 @@ export interface ITekGrid extends IGridEditable {
     showCheckboxAllFilter?: boolean;
     defaultFilter?: IDictionary;
     xlsDefaultType?: string;
+    toolbarOpened?: boolean;
 }
 export declare type MultiOptionParams = {
     iconName: string;

package/types/components/tek-grid/layout-options.d.ts

@@ -8,6 +8,7 @@ export declare class TekGridLayoutOptions extends ComponentRender implements ITe
     layouts: IDictionary<ITekGridLayout>;
     layoutNames: string[];
     viewApplyLayout?: Function;
+    viewGetCurrentLayout?: Function;
     originalColumnProps: ITekGridLayoutColumn[];
     originalDatasourceOrder: string[];
     originalDatasourceDynamicFilter: IDictionary<IDynamicFilterItem[]>;
@@ -20,6 +21,7 @@ export declare class TekGridLayoutOptions extends ComponentRender implements ITe
     getHelperValue(column: any): string | (string | undefined)[] | undefined;
     newLayout(layout: ITekGridLayout): void;
     addLayout(layout: ITekGridLayout): void;
+    discardChanges(): void;
     applyLayout(name: string, save?: boolean): void;
     private saveLayouts;
     deleteLayout(name: string): void;

package/types/components/tek-tree-grid/interfaces.d.ts

@@ -24,4 +24,5 @@ export interface ITekTreeGrid extends ITreeGridEditable {
     layoutOptions?: TekGridLayoutOptions;
     showCheckboxAllFilter?: boolean;
     defaultFilter?: IDictionary;
+    toolbarOpened?: boolean;
 }

package/types/components/tek-tree-grid/tree-grid.d.ts

@@ -49,6 +49,7 @@ export declare class TekTreeGrid extends TreeGridEditable implements ITekTreeGri
      * Show refresh button
      */
     showReload: boolean;
+    toolbarOpened: boolean;
     protected keyShortcutKeyMapping: any;
     /**
      * Export config