@apia/table 4.0.43 → 4.0.45

package/dist/index.d.ts

@@ -325,6 +325,7 @@ type TResponsiveTableContextProps = TResponsiveTableStoreProps & Pick<ISelectabl
     SelectionHandler?: FC<TKeyHandlerProps>;
     showFilters?: boolean;
     variant?: string;
+    forceAccordion?: boolean;
 };
 /**
  * Los callbacks del responsiveTable estarán
@@ -333,7 +334,7 @@ type TResponsiveTableContextProps = TResponsiveTableStoreProps & Pick<ISelectabl
  * desee informar de un evento en particular
  * pueda hacerlo en forma sencilla.
  */
-type TResponsiveTableContext = TModify<Pick<TResponsiveTableContextProps, 'avoidAutoEllipsis' | 'FiltersRenderer' | 'currentBreakPoint' | 'name' | 'onChangeSelection' | 'onFilterBlur' | 'onFilterChange' | 'onFilterPressEnter' | 'onSelectRows' | 'onRowClick' | 'onSortChange' | 'label' | 'SelectionHandler' | 'showFilters'>, {
+type TResponsiveTableContext = TModify<Pick<TResponsiveTableContextProps, 'avoidAutoEllipsis' | 'FiltersRenderer' | 'currentBreakPoint' | 'name' | 'onChangeSelection' | 'onFilterBlur' | 'onFilterChange' | 'onFilterPressEnter' | 'onSelectRows' | 'onRowClick' | 'onSortChange' | 'label' | 'SelectionHandler' | 'showFilters' | 'forceAccordion'>, {
     labels: typeof defaultLabels;
     name: string;
 }>;
@@ -559,7 +560,7 @@ declare const Grouped: React__default.MemoExoticComponent<({ group, tableName, }
 
 declare function getResponsiveTableContext(tableName: string): TResponsiveTableContext;
 declare function useResponsiveTableContext(tableName?: string): TResponsiveTableContext;
-declare const ResponsiveTableContext: React__default.MemoExoticComponent<({ allowEdition, allowRowsKeyboardSorting, avoidAutoEllipsis, allowSelection, allowSorting, avoidReparseSelectionOnRowChange, children, className, currentBreakPoint, customLabels, columns, filters, FiltersRenderer, rows, label, isMultiple, isLoading, name, statesColumns, showFilters, onChangeSelection, onFilterBlur, onFilterChange, onFilterPressEnter, onRowClick, onSelectRows, onSortChange, reserveColumnsForStates, SelectionHandler, variant, }: TResponsiveTableContextProps) => React__default.JSX.Element>;
+declare const ResponsiveTableContext: React__default.MemoExoticComponent<({ allowEdition, allowRowsKeyboardSorting, avoidAutoEllipsis, allowSelection, allowSorting, avoidReparseSelectionOnRowChange, children, className, currentBreakPoint, customLabels, columns, filters, FiltersRenderer, rows, label, isMultiple, isLoading, name, statesColumns, showFilters, forceAccordion, onChangeSelection, onFilterBlur, onFilterChange, onFilterPressEnter, onRowClick, onSelectRows, onSortChange, reserveColumnsForStates, SelectionHandler, variant, }: TResponsiveTableContextProps) => React__default.JSX.Element>;
 
 type TPayloadWithId$1<P = Record<string, unknown>, T extends string = string, M = never, E = never> = PayloadAction$1<P & {
     id: string;

package/dist/index.js

@@ -466,6 +466,7 @@ const NoMemoResponsiveTableContext = ({
   name,
   statesColumns,
   showFilters,
+  forceAccordion,
   onChangeSelection,
   onFilterBlur,
   onFilterChange,
@@ -503,7 +504,8 @@ const NoMemoResponsiveTableContext = ({
       SelectionHandler,
       statesColumns,
       isLoading,
-      showFilters
+      showFilters,
+      forceAccordion
     }),
     [
       currentBreakPoint,
@@ -522,7 +524,8 @@ const NoMemoResponsiveTableContext = ({
       SelectionHandler,
       statesColumns,
       isLoading,
-      showFilters
+      showFilters,
+      forceAccordion
     ]
   );
   tableContexts[actualName] = contextValue;
@@ -1872,6 +1875,7 @@ const NoMemoDefaultRowRenderer = React.forwardRef(({ row, rowIndex, ...props },
       [row.background, row.color]
     ),
     ref: currentRef,
+    "data-test-id": props.id,
     ...props
   }
 ));
@@ -2437,7 +2441,7 @@ const AccordionRenderer = React.memo(NoMemoAccordionRenderer);
 const domPropsSelector = (name) => (global) => global.responsiveTableSlice[name];
 const NoMemoResponsiveTable = React.forwardRef(({ className, variant, ...props }, ref) => {
   const breakpoint = useBreakpointIndex({ defaultIndex: 3 });
-  const { currentBreakPoint } = useResponsiveTableContext();
+  const { currentBreakPoint, forceAccordion } = useResponsiveTableContext();
   const actualBreakpoint = currentBreakPoint ?? breakpoint;
   return /* @__PURE__ */ jsx(
     Box,
@@ -2446,7 +2450,7 @@ const NoMemoResponsiveTable = React.forwardRef(({ className, variant, ...props }
       ...getVariant("layout.common.tables.responsive"),
       className: `responsiveTable__wrapper ${className ?? ""}`,
       ref,
-      children: actualBreakpoint >= 3 ? /* @__PURE__ */ jsx(KeyHandler, { children: /* @__PURE__ */ jsx(TableRenderer, { variant }) }) : /* @__PURE__ */ jsx(AccordionRenderer, {})
+      children: actualBreakpoint >= 3 && !forceAccordion ? /* @__PURE__ */ jsx(KeyHandler, { children: /* @__PURE__ */ jsx(TableRenderer, { variant }) }) : /* @__PURE__ */ jsx(AccordionRenderer, {})
     }
   );
 });