@apia/table 3.0.10 → 3.0.12

package/dist/index.d.ts

@@ -292,6 +292,9 @@ type TResponsiveTableContextProps = TResponsiveTableStoreProps & Pick<ISelectabl
     onFilterChange?: (ev: TApiaFilter) => void | Promise<boolean>;
     onFilterBlur?: (ev: TApiaFilter) => unknown;
     onFilterPressEnter?: (ev: TApiaFilter) => unknown;
+    FiltersRenderer?: (id: string) => FC<{
+        filter: TApiaFilter;
+    }>;
     onChangeSelection?: (ev: TResponsiveTableRowsSelectionEvent) => unknown;
     /**
      * Este evento será llamado cada vez que el usuario esté
@@ -324,7 +327,7 @@ type TResponsiveTableContextProps = TResponsiveTableStoreProps & Pick<ISelectabl
  * desee informar de un evento en particular
  * pueda hacerlo en forma sencilla.
  */
-type TResponsiveTableContext = TModify<Pick<TResponsiveTableContextProps, 'avoidAutoEllipsis' | 'currentBreakPoint' | 'name' | 'onChangeSelection' | 'onFilterBlur' | 'onFilterChange' | 'onFilterPressEnter' | 'onSelectRows' | 'onRowClick' | 'onSortChange' | 'label' | 'SelectionHandler'>, {
+type TResponsiveTableContext = TModify<Pick<TResponsiveTableContextProps, 'avoidAutoEllipsis' | 'FiltersRenderer' | 'currentBreakPoint' | 'name' | 'onChangeSelection' | 'onFilterBlur' | 'onFilterChange' | 'onFilterPressEnter' | 'onSelectRows' | 'onRowClick' | 'onSortChange' | 'label' | 'SelectionHandler'>, {
     labels: typeof defaultLabels;
     name: string;
 }>;
@@ -582,7 +585,7 @@ interface IPagination {
 declare const Pagination: React__default.MemoExoticComponent<({ appliedFilters, areAllFiltersApplied, className, currentPage, disabled, disableReduced, hasMore, hideMaximizeButton, hideRefreshButton, isLoading, isPerforming, listId: outerListId, onDeleteFilters, onPageChange, onRefresh, pageCount, recordsCount: outerRecordsCount, reachedMax, showMaximizeOnSmallBreakpoints, variant, }: IPagination) => React__default.JSX.Element>;
 
 declare function useResponsiveTableContext(tableName?: string): TResponsiveTableContext;
-declare const ResponsiveTableContext: React__default.MemoExoticComponent<({ allowEdition, allowRowsKeyboardSorting, avoidAutoEllipsis, allowSelection, allowSorting, avoidReparseSelectionOnRowChange, children, className, currentBreakPoint, customLabels, columns, filters, rows, label, isMultiple, name, 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, name, onChangeSelection, onFilterBlur, onFilterChange, onFilterPressEnter, onRowClick, onSelectRows, onSortChange, reserveColumnsForStates, SelectionHandler, variant, }: TResponsiveTableContextProps) => React__default.JSX.Element>;
 
 type TypedUseSelectorHook<TState> = <TSelected>(selector: (state: TState) => TSelected, equalityFn?: (a: TSelected, b: TSelected) => boolean) => TSelected;
 declare const responsiveTableStore: _reduxjs_toolkit_dist_configureStore.ToolkitStore<{
@@ -665,16 +668,14 @@ declare const responsiveTableActions: _reduxjs_toolkit.CaseReducerActions<{
 declare class Controller2 {
     readonly tableName: string;
     constructor(tableName: string);
-    private events;
-    setEvents(events: {
-        onChangeSelection?: (newRows: TResponsiveTableRowsSelectionEvent) => unknown;
-        onSelectRows?: (newRows: TResponsiveTableRowsSelectionEvent, focusedIndex: number) => unknown;
-    }): void;
+    protected events: Pick<TKeyHandlerProps, 'onRowClick' | 'onSelectRows' | 'onChangeSelection'>;
+    setEvents(events: Pick<TKeyHandlerProps, 'onRowClick' | 'onSelectRows' | 'onChangeSelection'>): void;
     private unsubscribe;
     private el;
     setRef: (el: HTMLElement) => void;
     handleClickEvent: (ev: MouseEvent) => void;
     handleKeyDownEvent: (ev: KeyboardEvent) => void;
+    handleDoubleClickEvent: () => void;
     /**
      * Returns a copy of the current state object
      */
@@ -703,11 +704,17 @@ declare class Controller2 {
         accordionIndexColumns: TResponsiveTableIndexColumns;
         isLoading: boolean;
     };
+    getSelection(): number[];
     setState(state: Partial<TResponsiveTableState>): void;
     updateSelectionState(): void;
 }
 declare function makeController2(tableName: string): [Controller2, FC<TKeyHandlerProps>];
 
+declare const TableContextReproducer: ({ children, tableName, }: {
+    children: ReactNode;
+    tableName: string;
+}) => React.JSX.Element;
+
 type TDocNameCellRendererProps$1 = {
     docName: string;
     docUrl: string;
@@ -790,5 +797,5 @@ declare const TableRenderer: React__default.MemoExoticComponent<({ variant }: {
     variant?: string | undefined;
 }) => React__default.JSX.Element>;
 
-export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, HTMLCellRenderer, type IAccordionElement, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, Responsive, ResponsiveTable, ResponsiveTableContext, RowStatesRenderer, Sort, StatusAccordionRenderer, StatusRenderer, type TAccordionCellRenderer, type TAccordionCellRendererProps, type TColoredElement, type TDocNameCellRenderer, type TDocNameCellRendererProps, type TResponsiveTableCell, type TResponsiveTableCellRenderer, type TResponsiveTableCellRendererProps, type TResponsiveTableColumn, type TResponsiveTableContext, type TResponsiveTableContextProps, type TResponsiveTableRow, type TResponsiveTableRowRenderer, type TResponsiveTableRowRendererProps, type TResponsiveTableRowState, type TResponsiveTableRowsSelectionEvent, type TResponsiveTableSortChangeEvent, type TResponsiveTableSortValue, type TResponsiveTableStoreProps, type TResponsiveTableWithRendererElement, TableRenderer, defaultLabels, getPriorityHandler, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
+export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, HTMLCellRenderer, type IAccordionElement, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, Responsive, ResponsiveTable, ResponsiveTableContext, RowStatesRenderer, Sort, StatusAccordionRenderer, StatusRenderer, type TAccordionCellRenderer, type TAccordionCellRendererProps, type TColoredElement, type TDocNameCellRenderer, type TDocNameCellRendererProps, type TResponsiveTableCell, type TResponsiveTableCellRenderer, type TResponsiveTableCellRendererProps, type TResponsiveTableColumn, type TResponsiveTableContext, type TResponsiveTableContextProps, type TResponsiveTableRow, type TResponsiveTableRowRenderer, type TResponsiveTableRowRendererProps, type TResponsiveTableRowState, type TResponsiveTableRowsSelectionEvent, type TResponsiveTableSortChangeEvent, type TResponsiveTableSortValue, type TResponsiveTableStoreProps, type TResponsiveTableWithRendererElement, TableContextReproducer, TableRenderer, defaultLabels, getPriorityHandler, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -4,7 +4,7 @@ import { Box, getVariant, Input, Select, useBreakpointIndex, Label, Link, Spinne
 import { useMount, useUpdateEffect, useUnmount, useThrottleFn } from 'ahooks';
 import uniqueId from 'lodash-es/uniqueId';
 import { createSlice, injectReducers, shallowEqual as shallowEqual$1 } from '@apia/store';
-import { addBoundary, useLatest, useUpdateEffect as useUpdateEffect$1, getSpecificParent, isChild, autoDisconnectMutationObserver, getFocusSelector, cantFocusSelector, globalFocus, scrollParentIntoElement, customEvents, debugDispatcher, persistentStorage, EventEmitter, usePrevious, useIntermediateValue, getLabel, getDateFormat, formatMessage, noNaN, downloadUrl, arrayOrArray, useMount as useMount$1 } from '@apia/util';
+import { addBoundary, useLatest, useUpdateEffect as useUpdateEffect$1, getSpecificParent, isChild, autoDisconnectMutationObserver, getFocusSelector, cantFocusSelector, globalFocus, scrollParentIntoElement, customEvents, debugDispatcher, persistentStorage, EventEmitter, usePrevious, useIntermediateValue, getLabel, getDateFormat, formatMessage, noNaN, getIndex, downloadUrl, arrayOrArray, useMount as useMount$1 } from '@apia/util';
 import { shallowEqual } from 'react-redux';
 import { useOtherTagButton, AutoEllipsis, ApiaFilter, IconButton, AccordionItem, Accordion, RequiredMark, ApiaUtil, SimpleButton } from '@apia/components';
 import { Icon } from '@apia/icons';
@@ -468,6 +468,7 @@ const NoMemoResponsiveTableContext = ({
   customLabels,
   columns,
   filters,
+  FiltersRenderer,
   rows,
   label,
   isMultiple,
@@ -497,6 +498,7 @@ const NoMemoResponsiveTableContext = ({
       label,
       labels,
       avoidAutoEllipsis,
+      FiltersRenderer,
       name: actualName,
       onChangeSelection,
       onFilterBlur,
@@ -513,6 +515,7 @@ const NoMemoResponsiveTableContext = ({
       labels,
       avoidAutoEllipsis,
       actualName,
+      FiltersRenderer,
       onChangeSelection,
       onFilterBlur,
       onFilterChange,
@@ -1520,7 +1523,7 @@ const NoMemoRangeFilter = ({
 };
 const RangeFilter = NoMemoRangeFilter;
 
-const FilterCell = ({ columnIndex, filter }) => {
+const FilterCell = ({ columnIndex, filter, Renderer }) => {
   const { name, onFilterBlur, onFilterChange, onFilterPressEnter } = useResponsiveTableContext();
   const domProps = useDomProps(
     "filterTd",
@@ -1574,11 +1577,11 @@ const FilterCell = ({ columnIndex, filter }) => {
     }
     return /* @__PURE__ */ jsx(Input, { "aria-label": label, disabled: true });
   }
-  return /* @__PURE__ */ jsx("td", { ...domProps, children: findFilter() });
+  return /* @__PURE__ */ jsx("td", { ...domProps, children: Renderer ? /* @__PURE__ */ jsx(Renderer, { filter }) : findFilter() });
 };
 
 const NoMemoHeader = () => {
-  const { name } = useResponsiveTableContext();
+  const { name, FiltersRenderer } = useResponsiveTableContext();
   const columns = useResponsiveTable(
     (global) => global.responsiveTableSlice[name]?.columns
   );
@@ -1697,6 +1700,8 @@ const NoMemoHeader = () => {
     (filters?.length ?? 0) > 0 && /* @__PURE__ */ jsxs(
       "tr",
       {
+        "aria-rowindex": 2,
+        "data-rowindex": -1,
         ref: setRef,
         "data-focusindex": 2,
         className: `responsiveTable__filters__row ${isFiltersRowVisible ? "" : "hidden"}`,
@@ -1713,15 +1718,17 @@ const NoMemoHeader = () => {
             }
           ),
           statesIds.map((id, i) => /* @__PURE__ */ jsx(StateCell, { isHeader: true, index: i, rowIndex: 2 }, id)),
-          columns?.filter((current) => !current.showAsAdditional).map((current, columnIndex) => {
+          columns?.filter((current) => !current.showAsAdditional && !current.hidden).map((current, columnIndex) => {
             const filter = filters.find(
               (search) => search.definition.column === current.name
             );
+            const RenderComponent = filter ? FiltersRenderer?.(String(filter.definition.id)) : void 0;
             return current.showAsAdditional ? null : /* @__PURE__ */ jsx(
               FilterCell,
               {
                 columnIndex,
-                filter: filter?.definition
+                filter: filter?.definition,
+                Renderer: RenderComponent
               },
               current.name
             );
@@ -2405,12 +2412,19 @@ const NoMemoInnerRender = React.forwardRef(
     filters,
     tableName
   }, ref) => {
-    const { onFilterBlur, onFilterChange, onFilterPressEnter, name } = useResponsiveTableContext(tableName);
+    const {
+      onFilterBlur,
+      onFilterChange,
+      onFilterPressEnter,
+      name,
+      FiltersRenderer
+    } = useResponsiveTableContext(tableName);
     const [lastEmittedValue, setLastEmittedValue] = React.useState(null);
     const [lastEmittedValueByPartner, setLastEmittedValueByPartner] = React.useState(null);
     return /* @__PURE__ */ jsx(Box, { ref, className: "filtersRender", children: filters?.map((filter, key) => {
       if (filter.hide)
         return null;
+      const Renderer = FiltersRenderer?.(String(filter.id));
       const isDate = filter.type === "D" || filter.type === "date";
       const filterToId = filter.filterToId ?? `${filter.id}i`;
       const filterTo = {
@@ -2436,7 +2450,7 @@ const NoMemoInnerRender = React.forwardRef(
                   /* @__PURE__ */ jsx(Box, { as: "span", children: isDate && !filter.hideToFilter ? formatMessage(window.LBL_DATE_FILTER_FROM_TXT, {
                     TOK1: filterTitle
                   }) : filterTitle }),
-                  filter.isRange ? /* @__PURE__ */ jsx(RangeFilter, { filter }) : /* @__PURE__ */ jsx(
+                  Renderer ? /* @__PURE__ */ jsx(Renderer, { filter }) : filter.isRange ? /* @__PURE__ */ jsx(RangeFilter, { filter }) : /* @__PURE__ */ jsx(
                     ApiaFilter,
                     {
                       filter,
@@ -3008,15 +3022,23 @@ function setAriaAttributes(element, attribute, value) {
   element.setAttribute(attribute, value);
 }
 function getRowDomProps(rowIndex, state) {
+  const elementType = getIndex(
+    ["headerTr", "filtersTr", "tr"],
+    [
+      rowIndex == -2 || !state.hasNonAdditionalFilters && rowIndex == -1,
+      rowIndex == -1,
+      true
+    ]
+  );
   return getDomProps(
     getDomStoreProps(
-      rowIndex < 0 ? "headerTr" : "tr",
+      elementType,
       {
         rowIndex
       },
       () => state
     ),
-    rowIndex < 0 ? "headerTr" : "tr",
+    elementType,
     { rowIndex }
   );
 }
@@ -3059,7 +3081,7 @@ function handleMouseDownEvent(ev) {
       const rowIndex = Number.parseInt(row.dataset.rowindex || "a", 10);
       const colIndex = Number.parseInt(cell.ariaColIndex || "a", 10);
       if (!isNaN(rowIndex) && !isNaN(colIndex)) {
-        if (!ev.ctrlKey && !ev.shiftKey) {
+        if (!ev.ctrlKey && !ev.shiftKey || state.isMultiple === false) {
           state.selectedRows = [rowIndex];
         } else if (ev.ctrlKey) {
           if (state.selectedRows.includes(rowIndex)) {
@@ -3084,6 +3106,10 @@ function handleMouseDownEvent(ev) {
         applySelectionAttributes(table, this.getState(), state);
         applyFocusAttributes(table, this.getState(), state);
         this.setState(state);
+        this.events.onRowClick?.(
+          { row: state.rows[state.focusedRow], index: state.focusedRow },
+          state.focusedRow
+        );
       } else {
         console.warn("Cannot parse rowIndex or colIndex");
       }
@@ -3139,7 +3165,7 @@ function handleKeyDownEvent(ev) {
                   state.hasNonAdditionalFilters ? -2 : -1,
                   state.rows.length - 1
                 );
-                if (ev.ctrlKey) ; else if (ev.shiftKey) {
+                if (ev.ctrlKey) ; else if (ev.shiftKey && state.isMultiple !== false) {
                   state.selectedRows = [
                     ...state.selectedRows,
                     state.focusedRow
@@ -3154,7 +3180,7 @@ function handleKeyDownEvent(ev) {
                   state.hasNonAdditionalFilters ? -2 : -1,
                   state.rows.length - 1
                 );
-                if (ev.ctrlKey) ; else if (ev.shiftKey) {
+                if (ev.ctrlKey) ; else if (ev.shiftKey && state.isMultiple !== false) {
                   state.selectedRows = [
                     ...state.selectedRows,
                     state.focusedRow
@@ -3174,13 +3200,13 @@ function handleKeyDownEvent(ev) {
                 state.focusedColumn = addBoundary(
                   state.focusedColumn + 1,
                   0,
-                  state.columns.length
+                  state.columns.length + (state.hasNonAdditionalFilters ? 1 : 0)
                 );
                 break;
               case "Home":
                 if (state.focusedColumn === 0) {
                   state.focusedRow = state.hasNonAdditionalFilters ? -2 : -1;
-                  if (ev.ctrlKey) ; else if (ev.shiftKey) {
+                  if (ev.ctrlKey) ; else if (ev.shiftKey && state.isMultiple !== false) {
                     const max = Math.max(
                       state.focusedRow,
                       this.getState().focusedRow
@@ -3202,7 +3228,7 @@ function handleKeyDownEvent(ev) {
               case "End":
                 if (state.focusedColumn === 0) {
                   state.focusedRow = state.rows.length - 1;
-                  if (ev.ctrlKey) ; else if (ev.shiftKey) {
+                  if (ev.ctrlKey) ; else if (ev.shiftKey && state.isMultiple !== false) {
                     const max = Math.max(
                       state.focusedRow,
                       this.getState().focusedRow
@@ -3227,7 +3253,7 @@ function handleKeyDownEvent(ev) {
                   state.hasNonAdditionalFilters ? -2 : -1,
                   state.rows.length - 1
                 );
-                if (ev.ctrlKey) ; else if (ev.shiftKey) {
+                if (ev.ctrlKey) ; else if (ev.shiftKey && state.isMultiple !== false) {
                   const previousFocused = this.getState().focusedRow;
                   state.selectedRows = [...state.selectedRows];
                   const min = Math.min(previousFocused, state.focusedRow);
@@ -3245,7 +3271,7 @@ function handleKeyDownEvent(ev) {
                   state.hasNonAdditionalFilters ? -2 : -1,
                   state.rows.length - 1
                 );
-                if (ev.ctrlKey) ; else if (ev.shiftKey) {
+                if (ev.ctrlKey) ; else if (ev.shiftKey && state.isMultiple !== false) {
                   const previousFocused = this.getState().focusedRow;
                   state.selectedRows = [...state.selectedRows];
                   const min = Math.min(previousFocused, state.focusedRow);
@@ -3257,11 +3283,21 @@ function handleKeyDownEvent(ev) {
                   state.selectedRows = [state.focusedRow];
                 }
                 break;
-              case "Enter":
+              case "Enter": {
                 state.isEditionMode = true;
                 this.setState(state);
                 applyFocusAttributes(table, this.getState(), state);
+                if (state.focusedRow >= 0) {
+                  this.events.onSelectRows?.(
+                    this.getSelection().map((index) => ({
+                      index,
+                      row: this.getState().rows[index]
+                    })),
+                    state.focusedRow
+                  );
+                }
                 return;
+              }
             }
             state.isFocused = true;
             applySelectionAttributes(table, this.getState(), state);
@@ -3293,14 +3329,25 @@ class Controller2 {
       if (el) {
         el.addEventListener("keydown", this.handleKeyDownEvent);
         el.addEventListener("mousedown", this.handleClickEvent);
+        el.addEventListener("dblclick", this.handleDoubleClickEvent);
         this.unsubscribe = () => {
           el.removeEventListener("keydown", this.handleKeyDownEvent);
           el.removeEventListener("mousedown", this.handleClickEvent);
+          el.removeEventListener("dblclick", this.handleDoubleClickEvent);
         };
       }
     });
     __publicField(this, "handleClickEvent");
     __publicField(this, "handleKeyDownEvent");
+    __publicField(this, "handleDoubleClickEvent", () => {
+      this.events.onSelectRows?.(
+        this.getSelection().map((index) => ({
+          index,
+          row: this.getState().rows[index]
+        })),
+        this.getState().focusedRow
+      );
+    });
     this.handleClickEvent = handleMouseDownEvent.bind(this);
     this.handleKeyDownEvent = handleKeyDownEvent.bind(this);
   }
@@ -3315,6 +3362,10 @@ class Controller2 {
       ...responsiveTableStore.getState().responsiveTableSlice[this.tableName]
     };
   }
+  getSelection() {
+    const selectedRows = new Set(this.getState().selectedRows);
+    return [...selectedRows.values()];
+  }
   setState(state) {
     if (state.selectedRows && !shallowEqual$1(state.selectedRows, this.getState().selectedRows)) {
       this.events.onChangeSelection?.(
@@ -3323,13 +3374,6 @@ class Controller2 {
           row: this.getState().rows[index]
         }))
       );
-      this.events.onSelectRows?.(
-        state.selectedRows.map((index) => ({
-          index,
-          row: this.getState().rows[index]
-        })),
-        state.focusedRow
-      );
     }
     if (state.scrollIntoViewRow !== void 0 && state.scrollIntoViewRow !== this.getState().scrollIntoViewRow) {
       const row = this.el?.querySelector(
@@ -3363,7 +3407,8 @@ const Controller2Component = ({
 }) => {
   controller.setEvents({
     onChangeSelection: props.onChangeSelection,
-    onSelectRows: props.onSelectRows
+    onSelectRows: props.onSelectRows,
+    onRowClick: props.onRowClick
   });
   const previousColumns = useRef([]);
   const previousRows = useRef([]);
@@ -3405,6 +3450,14 @@ function makeController2(tableName) {
   ];
 }
 
+const TableContextReproducer = ({
+  children,
+  tableName
+}) => {
+  const context = useResponsiveTableContext(tableName);
+  return /* @__PURE__ */ jsx(ResponsiveTableReactContext.Provider, { value: context, children });
+};
+
 const NoMemoDocNameCellRenderer = React.forwardRef(
   ({
     cell: { children, Renderer, rendererProps, AccordionRenderer, ...cell },
@@ -3758,5 +3811,5 @@ const NoMemoStatusAccordionRenderer = React.forwardRef(({ cell, column }, curren
 NoMemoStatusAccordionRenderer.displayName = "StatusAccordionRenderer";
 const StatusAccordionRenderer = NoMemoStatusAccordionRenderer;
 
-export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, HTMLCellRenderer, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, Responsive, ResponsiveTable, ResponsiveTableContext, RowStatesRenderer, Sort, StatusAccordionRenderer, StatusRenderer, TableRenderer, defaultLabels, getPriorityHandler, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
+export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, HTMLCellRenderer, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, Responsive, ResponsiveTable, ResponsiveTableContext, RowStatesRenderer, Sort, StatusAccordionRenderer, StatusRenderer, TableContextReproducer, TableRenderer, defaultLabels, getPriorityHandler, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
 //# sourceMappingURL=index.js.map