fix: add ionPopoverStopCloseOnScroll in smartable (#1231)

Co-authored-by: edson-nunes-brisa <[email protected]>
Brisanet · Jan 14, 2025 · fc0e1a4 · fc0e1a4
1 parent 2ab0b81
commit fc0e1a4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/projects/ion/src/lib/smart-table/smart-table.component.html b/projects/ion/src/lib/smart-table/smart-table.component.html
@@ -315,6 +315,9 @@
                           'bottomRight'
                         "
                         [ionPopoverKeep]="action.popover(row)['ionPopoverKeep']"
+                        [ionPopoverStopCloseOnScroll]="
+                          action.popover(row)['ionPopoverStopCloseOnScroll']
+                        "
                         [ionPopoverCustomClass]="
                           action.popover(row)['ionPopoverCustomClass']
                         "

diff --git a/projects/ion/src/lib/table/utilsTable.ts b/projects/ion/src/lib/table/utilsTable.ts
@@ -3,7 +3,7 @@ import { TemplateRef } from '@angular/core';
 import {
   FontSize,
   IconType,
-  PopoverProps,
+  PopoverDirectiveProps,
   StatusType,
   TooltipProps,
 } from '../core/types';
@@ -90,7 +90,7 @@ export interface ActionConfirm<RowType> {
   cancelText?: string;
 }
 
-export type ActionPopover = PopoverProps;
+export type ActionPopover = PopoverDirectiveProps;
 
 export interface ActionTable<RowType = SafeAny> {
   label: string;

diff --git a/stories/smart-tableActionPopover.stories.ts b/stories/smart-tableActionPopover.stories.ts
@@ -5,7 +5,7 @@ import { Meta, Story } from '@storybook/angular/types-6-0';
 import { TableActionPopoverComponent } from '../projects/ion/src/lib/smart-table/mocks/tableActionPopover';
 import {
   IonSmartTableModule,
-  PopoverProps,
+  PopoverDirectiveProps,
 } from '../projects/ion/src/public-api';
 
 const Template: Story<TableActionPopoverComponent> = (
@@ -42,7 +42,7 @@ WithPopoverAction.args = {
         tooltipConfig: {
           ionTooltipTitle: 'Tooltip customizada',
         },
-        popover: (row: { name: string }): Partial<PopoverProps> => ({
+        popover: (row: { name: string }): Partial<PopoverDirectiveProps> => ({
           ionPopoverTitle: `Detalhes do álbum ${row.name}`,
           ionPopoverBody: {
             template: `