@apia/table 3.0.9 → 3.0.11

package/dist/index.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from '@apia/theme/jsx-runtime';
-import React, { useMemo, useState, useRef, memo, useEffect, useCallback, createRef, forwardRef } from 'react';
-import { Box, getVariant, Input, useBreakpointIndex, Label, Select, Link, Spinner } from '@apia/theme';
+import React, { useMemo, useRef, useState, memo, useEffect, useCallback, createRef, forwardRef } from 'react';
+import { Box, getVariant, Input, Select, useBreakpointIndex, Label, Link, Spinner } from '@apia/theme';
 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, 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';
@@ -458,6 +458,7 @@ function useResponsiveTableContext(tableName) {
 const NoMemoResponsiveTableContext = ({
   allowEdition,
   allowRowsKeyboardSorting,
+  avoidAutoEllipsis,
   allowSelection,
   allowSorting,
   avoidReparseSelectionOnRowChange,
@@ -467,6 +468,7 @@ const NoMemoResponsiveTableContext = ({
   customLabels,
   columns,
   filters,
+  FiltersRenderer,
   rows,
   label,
   isMultiple,
@@ -475,6 +477,7 @@ const NoMemoResponsiveTableContext = ({
   onFilterBlur,
   onFilterChange,
   onFilterPressEnter,
+  onRowClick,
   onSelectRows,
   onSortChange,
   reserveColumnsForStates,
@@ -494,24 +497,30 @@ const NoMemoResponsiveTableContext = ({
       currentBreakPoint,
       label,
       labels,
+      avoidAutoEllipsis,
+      FiltersRenderer,
       name: actualName,
       onChangeSelection,
       onFilterBlur,
       onFilterChange,
       onFilterPressEnter,
+      onRowClick,
       onSelectRows,
       onSortChange,
       SelectionHandler
     }),
     [
-      actualName,
       currentBreakPoint,
       label,
       labels,
+      avoidAutoEllipsis,
+      actualName,
+      FiltersRenderer,
       onChangeSelection,
       onFilterBlur,
       onFilterChange,
       onFilterPressEnter,
+      onRowClick,
       onSelectRows,
       onSortChange,
       SelectionHandler
@@ -593,6 +602,7 @@ function makeKeyHandler(actions, id, config) {
   return function KeyHandler({
     children,
     onChangeSelection,
+    onRowClick: onClickRows,
     onSelectRows,
     ...props
   }) {
@@ -673,9 +683,14 @@ function makeKeyHandler(actions, id, config) {
               shiftKey: ev.shiftKey
             })
           );
+          if (onClickRows && ev.type === "mousedown")
+            onClickRows(
+              selectedRowsRef.current?.[0],
+              config.stateSelector(responsiveTableStore.getState()).focusedRow
+            );
         }
       },
-      []
+      [onClickRows, selectedRowsRef]
     );
     const handleDoubleClick = React.useCallback(
       (ev) => {
@@ -905,7 +920,13 @@ function makeKeyHandler(actions, id, config) {
 }
 
 const NoMemoKeyHandler = (props) => {
-  const { name, onChangeSelection, onSelectRows, SelectionHandler } = useResponsiveTableContext();
+  const {
+    name,
+    onChangeSelection,
+    onRowClick,
+    onSelectRows,
+    SelectionHandler
+  } = useResponsiveTableContext();
   const Handler = React.useMemo(
     () => SelectionHandler || makeKeyHandler(responsiveTableActions, name, {
       throttleOptions: { wait: 50 },
@@ -918,6 +939,7 @@ const NoMemoKeyHandler = (props) => {
     {
       onChangeSelection,
       onSelectRows,
+      onRowClick,
       ...props
     }
   );
@@ -1370,64 +1392,138 @@ const StateCell = ({ index, rowIndex, state, isHeader }) => {
   return /* @__PURE__ */ jsx(Box, { as: "td", className: "stateCell", ...domProps, children: state ? /* @__PURE__ */ jsx(RowStatesRenderer, { state }) : "" });
 };
 
+const units = ["B", "KB", "MB", "GB"];
 const NoMemoRangeFilter = ({
   filter,
-  tableName
+  tableName,
+  className
 }) => {
   const { onFilterBlur, onFilterChange, onFilterPressEnter } = useResponsiveTableContext(tableName);
   const filterLow = {
-    id: filter.id,
+    ...filter,
+    changeFiltersTimestamp: filter.changeFiltersTimestamp,
     currentValue: filter.currentValue,
-    type: "number"
+    deleteFiltersTimestamp: filter.deleteFiltersTimestamp,
+    id: filter.id,
+    toolTip: filter.toolTip,
+    type: "apiaNumber"
   };
-  const filterHigh = {
-    id: filter.filterToId ?? "",
-    currentValue: filter.filterToValue ?? "",
-    type: "number"
+  const multiplier = useRef(1);
+  const lastEmittedHigh = useRef(null);
+  const lastEmittedLow = useRef(null);
+  const lastEmittedMultiplier = useRef(1);
+  const previousChangeTimestamp = usePrevious(filter.changeFiltersTimestamp);
+  const previousDeleteTimestamp = usePrevious(filter.deleteFiltersTimestamp);
+  if (previousChangeTimestamp.current !== filter.changeFiltersTimestamp) {
+    lastEmittedLow.current = filterLow.currentValue;
+    lastEmittedHigh.current = filterLow.filterToValue || "";
+  }
+  if (previousDeleteTimestamp.current !== filter.deleteFiltersTimestamp) {
+    lastEmittedLow.current = "";
+    lastEmittedHigh.current = "";
+  }
+  const emitLow = (method, currentValue) => {
+    const numberValue = currentValue ?? "";
+    if (lastEmittedLow.current === numberValue && lastEmittedMultiplier.current === multiplier.current) {
+      return;
+    }
+    lastEmittedLow.current = numberValue;
+    lastEmittedMultiplier.current = multiplier.current;
+    const emitValue = numberValue;
+    void method?.({
+      ...filterLow,
+      currentValue: emitValue,
+      filterToValue: lastEmittedHigh.current ?? "",
+      sizeMultiplier: multiplier.current
+    });
   };
-  return /* @__PURE__ */ jsxs(Box, { className: "ApiaFilter__Range", children: [
-    /* @__PURE__ */ jsx(Box, { className: "ApiaFilter__Range__Low", children: /* @__PURE__ */ jsx(
-      ApiaFilter,
-      {
-        filter: filterLow,
-        onChange: (currentValue) => {
-          if (onFilterChange)
-            void onFilterChange({ ...filterLow, currentValue });
-        },
-        onBlur: (currentValue) => {
-          if (onFilterBlur)
-            void onFilterBlur({ ...filterLow, currentValue });
-        },
-        onPressEnter: (currentValue) => {
-          if (onFilterPressEnter)
-            void onFilterPressEnter({ ...filterLow, currentValue });
-        }
-      }
-    ) }),
-    " - ",
-    /* @__PURE__ */ jsx(Box, { className: "ApiaFilter__Range__High", children: /* @__PURE__ */ jsx(
-      ApiaFilter,
-      {
-        filter: filterHigh,
-        onChange: (currentValue) => {
-          if (onFilterChange)
-            void onFilterChange({ ...filterHigh, currentValue });
-        },
-        onBlur: (currentValue) => {
-          if (onFilterBlur)
-            void onFilterBlur({ ...filterHigh, currentValue });
-        },
-        onPressEnter: (currentValue) => {
-          if (onFilterPressEnter)
-            void onFilterPressEnter({ ...filterHigh, currentValue });
-        }
-      }
-    ) })
-  ] });
+  const emitHigh = (method, currentValue) => {
+    const numberValue = currentValue ?? "";
+    if (lastEmittedHigh.current === numberValue && lastEmittedMultiplier.current === multiplier.current) {
+      return;
+    }
+    lastEmittedHigh.current = numberValue;
+    lastEmittedMultiplier.current = multiplier.current;
+    const emitValue = numberValue;
+    void method?.({
+      ...filterLow,
+      currentValue: lastEmittedLow.current ?? "",
+      filterToValue: emitValue,
+      sizeMultiplier: multiplier.current
+    });
+  };
+  const [lowValue, setLowValue] = useIntermediateValue(filterLow.currentValue);
+  const [highValue, setHighValue] = useIntermediateValue(
+    filterLow.filterToValue
+  );
+  const [unit, setUnit] = useIntermediateValue(filterLow.sizeMultiplier);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: `ApiaFilter__Range ${className || ""}`,
+      ...getVariant("layout.common.filters.rangeFilter"),
+      children: [
+        /* @__PURE__ */ jsx(Box, { className: "ApiaFilter__Range__Low", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            onChange: ({ target: { value: currentValue } }) => {
+              setLowValue(currentValue);
+              emitLow(onFilterChange, currentValue);
+            },
+            onBlur: ({ target: { value: currentValue } }) => {
+              emitLow(onFilterBlur, currentValue);
+            },
+            onKeyDown: ({ code, target }) => {
+              if (code === "Enter") {
+                emitLow(onFilterPressEnter, target.value);
+              }
+            },
+            value: lowValue
+          }
+        ) }),
+        " - ",
+        /* @__PURE__ */ jsx(Box, { className: "ApiaFilter__Range__High", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            onChange: ({ target: { value: currentValue } }) => {
+              setHighValue(currentValue);
+              emitHigh(onFilterChange, currentValue);
+            },
+            onBlur: ({ target: { value: currentValue } }) => {
+              emitHigh(onFilterBlur, currentValue);
+            },
+            onKeyDown: ({ code, target }) => {
+              if (code === "Enter") {
+                emitHigh(onFilterPressEnter, target.value);
+              }
+            },
+            value: highValue
+          }
+        ) }),
+        filter.isSize && /* @__PURE__ */ jsx(
+          Select,
+          {
+            className: "ApiaFilter__Range__UnitSelector",
+            onChange: (ev) => {
+              const unit2 = ev.target.value;
+              const index = units.indexOf(unit2);
+              if (index !== -1) {
+                multiplier.current = 2 ** (index * 10);
+                setUnit(multiplier.current);
+                emitLow(onFilterChange, lastEmittedLow.current ?? "");
+              }
+            },
+            value: units[Math.log2(unit || 1) / 10],
+            children: units.map((c) => /* @__PURE__ */ jsx("option", { value: c, children: c }, c))
+          }
+        )
+      ]
+    }
+  );
 };
 const RangeFilter = NoMemoRangeFilter;
 
-const FilterCell = ({ columnIndex, filter }) => {
+const FilterCell = ({ columnIndex, filter, Renderer }) => {
   const { name, onFilterBlur, onFilterChange, onFilterPressEnter } = useResponsiveTableContext();
   const domProps = useDomProps(
     "filterTd",
@@ -1481,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
   );
@@ -1604,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"}`,
@@ -1620,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
             );
@@ -1704,38 +1804,41 @@ const NoMemoDefaultCellRenderer = React.forwardRef(
     column,
     row,
     ...props
-  }, currentRef) => /* @__PURE__ */ jsx(
-    Box,
-    {
-      as: "td",
-      sx: useMemo(
-        () => ({
-          "&.colored": {
-            background: cell.background,
-            color: cell.color,
-            fontWeight: "bold"
+  }, currentRef) => {
+    const { avoidAutoEllipsis } = useResponsiveTableContext();
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        as: "td",
+        sx: useMemo(
+          () => ({
+            "&.colored": {
+              background: cell.background,
+              color: cell.color,
+              fontWeight: "bold"
+            }
+          }),
+          [cell.background, cell.color]
+        ),
+        ref: currentRef,
+        ...props,
+        ...cell,
+        "aria-label": ariaLabel,
+        children: !avoidAutoEllipsis ? /* @__PURE__ */ jsx(
+          AutoEllipsis,
+          {
+            overrideStyles: (el) => {
+              const td = el.closest("td");
+              return {
+                width: window.getComputedStyle(td).width
+              };
+            },
+            children: props.children ?? cell.children
           }
-        }),
-        [cell.background, cell.color]
-      ),
-      ref: currentRef,
-      ...props,
-      ...cell,
-      "aria-label": ariaLabel,
-      children: /* @__PURE__ */ jsx(
-        AutoEllipsis,
-        {
-          overrideStyles: (el) => {
-            const td = el.closest("td");
-            return {
-              width: window.getComputedStyle(td).width
-            };
-          },
-          children: props.children ?? cell.children
-        }
-      )
-    }
-  )
+        ) : props.children ?? cell.children
+      }
+    );
+  }
 );
 NoMemoDefaultCellRenderer.displayName = "DefaultCellRenderer";
 const DefaultCellRenderer = NoMemoDefaultCellRenderer;
@@ -2309,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 = {
@@ -2340,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,
@@ -2874,7 +2984,6 @@ function applyFocusAttributes(table, _previousState, state, focus = state.isFocu
     const focusedCell = table.querySelector(
       `tr[data-rowindex="${state.focusedRow}"] td[aria-colindex="${state.focusedColumn}"], tr[data-rowindex="${state.focusedRow}"] th[aria-colindex="${state.focusedColumn}"]`
     );
-    console.log(focusedCell);
     if (focusedCell instanceof HTMLElement) {
       const widgets = [];
       if (state.isEditionMode) {
@@ -2888,7 +2997,6 @@ function applyFocusAttributes(table, _previousState, state, focus = state.isFocu
         }
       }
       if (widgets.length) {
-        console.log(widgets);
         widgets.forEach((widget, i) => {
           widget.tabIndex = 0;
           if (i === 0)
@@ -2914,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 }
   );
 }
@@ -2965,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)) {
@@ -2990,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");
       }
@@ -3045,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
@@ -3060,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
@@ -3080,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
@@ -3108,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
@@ -3133,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);
@@ -3151,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);
@@ -3163,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);
@@ -3199,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);
   }
@@ -3221,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?.(
@@ -3229,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(
@@ -3269,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([]);
@@ -3311,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 },
@@ -3664,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