@apia/table 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,3267 +1,2 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React, { useState, useMemo, forwardRef, useCallback } from 'react';
-import { Box, Button, Input, Link, Spinner } from 'theme-ui';
-import { useBreakpointIndex } from '@theme-ui/match-media';
-import { getVariant } from '@apia/theme';
-import { useThrottleFn, useMount, useUpdateEffect as useUpdateEffect$1, useUnmount } from 'ahooks';
-import { uniqueId } from 'lodash-es';
-import { createSlice, injectReducers, shallowEqual as shallowEqual$1 } from '@apia/store';
-import { addBoundary, AriaLiveEmitter, formatMessage, useLatest, useUpdateEffect, getSpecificParent, isChild, autoDisconnectMutationObserver, getFocusSelector, cantFocusSelector, globalFocus, scrollParentIntoElement, customEvents, debugDispatcher, persistentStorage, EventEmitter, downloadUrl, arrayOrArray, useMount as useMount$1, getDateFormat } from '@apia/util';
-import { shallowEqual } from 'react-redux';
-import { useOtherTagButton, ApiaFilter, IconButton } from '@apia/components';
-import { Icon } from '@apia/icons';
-import { FaSortUp, FaSortDown, FaSort, FaMinusSquare, FaPlusSquare, FaSquare } from '@meronex/icons/fa';
-import dayjs from 'dayjs';
-
-const defaultLabels = {
-  noRegisters: window.FINDER_NO_DATA
-};
-
-function getInitialState$1() {
-  return {
-    allowEdition: false,
-    allowSelection: true,
-    columns: [],
-    expandedRows: [],
-    isEditionMode: false,
-    isFocused: false,
-    filters: [],
-    focusedColumn: 0,
-    focusedRow: 0,
-    hasNonAdditionalFilters: false,
-    isMultiple: true,
-    nonAdditionalColumnsCount: 0,
-    rows: [],
-    selectedRows: [],
-    statesColumns: 0
-  };
-}
-
-function addRowBoundary(newRow, state) {
-  const hasFiltersRow = !!state.filters.find(
-    (current) => !!state.columns.find((search) => search.name === current.column)
-  );
-  return addBoundary({
-    number: newRow,
-    min: hasFiltersRow ? -2 : -1,
-    max: Math.max(0, state.rows.length - 1)
-  });
-}
-function addColumnBoundary(newColumn, state) {
-  return addBoundary({
-    number: newColumn,
-    min: 0,
-    max: state.nonAdditionalColumnsCount + state.statesColumns + (state.hasNonAdditionalFilters ? 1 : 0)
-  });
-}
-function isBasicRow(row) {
-  return typeof row === "object" && !!row && "forbidSelection" in row;
-}
-function filterNonSellectableRows(state, newSelection) {
-  let expandedRowsBefore = 0;
-  return newSelection.filter((selectedRowIndex) => {
-    const row = state.rows[selectedRowIndex + expandedRowsBefore];
-    if (state.expandedRows.includes(selectedRowIndex))
-      expandedRowsBefore += 1;
-    return !(isBasicRow(row) && row.forbidSelection);
-  });
-}
-function setNewFocused(state, {
-  /**
-   * Propiedad proveniente del evento click o keydown.
-   */
-  ctrlKey,
-  /**
-   * Propiedad proveniente del evento click o keydown.
-   */
-  shiftKey,
-  newFocusedColumn,
-  newFocusedRow,
-  /**
-   * Con este método se puede seleccionar cuál celda
-   * va a recibir el foco y la selección, o solamente
-   * el foco si esta propiedad es pasada en false.
-   */
-  shouldSelectNewFocused
-}) {
-  var _a;
-  let actualNewFocusedRow = Math.round(
-    addRowBoundary((_a = newFocusedRow != null ? newFocusedRow : state.focusedRow) != null ? _a : 0, state) * 2
-  ) / 2;
-  const actualNewFocusedColumn = addColumnBoundary(
-    newFocusedColumn != null ? newFocusedColumn : state.focusedColumn,
-    state
-  );
-  state.focusedColumn = actualNewFocusedColumn;
-  state.focusedRow = actualNewFocusedRow;
-  state.isFocused = shouldSelectNewFocused != null ? shouldSelectNewFocused : false;
-  if (shouldSelectNewFocused === false || actualNewFocusedRow < 0)
-    return;
-  if (Math.round(actualNewFocusedRow) - actualNewFocusedRow !== 0)
-    actualNewFocusedRow = Math.floor(actualNewFocusedRow);
-  const isDeselectingWithCtrl = ctrlKey && state.selectedRows.includes(actualNewFocusedRow);
-  if (state.allowSelection !== false) {
-    if (!ctrlKey && !shiftKey || state.isMultiple === false && !isDeselectingWithCtrl)
-      state.selectedRows = filterNonSellectableRows(state, [
-        actualNewFocusedRow
-      ]);
-    else if (ctrlKey && state.isMultiple || isDeselectingWithCtrl) {
-      state.selectedRows = filterNonSellectableRows(
-        state,
-        state.selectedRows.includes(actualNewFocusedRow) ? state.selectedRows.filter(
-          (current) => current !== actualNewFocusedRow
-        ) : [...state.selectedRows, actualNewFocusedRow]
-      );
-    } else if (shiftKey && state.isMultiple) {
-      const sortedSelectedRows = [...state.selectedRows].sort((a, b) => a - b);
-      let minSelectedRow = sortedSelectedRows[0];
-      let maxSelectedRow = sortedSelectedRows[sortedSelectedRows.length - 1];
-      if (minSelectedRow === void 0) {
-        state.selectedRows = filterNonSellectableRows(state, [
-          actualNewFocusedRow
-        ]);
-        return;
-      }
-      if (actualNewFocusedRow < minSelectedRow)
-        minSelectedRow = actualNewFocusedRow;
-      if (actualNewFocusedRow > maxSelectedRow)
-        maxSelectedRow = actualNewFocusedRow;
-      const newSelectedRows = filterNonSellectableRows(
-        state,
-        new Array(maxSelectedRow - minSelectedRow + 1).fill("").map((_, i) => i + (minSelectedRow != null ? minSelectedRow : 0))
-      );
-      state.selectedRows = filterNonSellectableRows(state, newSelectedRows);
-    }
-  }
-}
-
-var __defProp$p = Object.defineProperty;
-var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
-var __hasOwnProp$p = Object.prototype.hasOwnProperty;
-var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$p = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$p.call(b, prop))
-      __defNormalProp$p(a, prop, b[prop]);
-  if (__getOwnPropSymbols$p)
-    for (var prop of __getOwnPropSymbols$p(b)) {
-      if (__propIsEnum$p.call(b, prop))
-        __defNormalProp$p(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$d = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$p)
-    for (var prop of __getOwnPropSymbols$p(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function willHandleKey(ev, state) {
-  const actualKey = ev.key.toLowerCase();
-  if (state.isEditionMode)
-    return false;
-  if (actualKey === " " && ev.ctrlKey)
-    return true;
-  if (actualKey === "a" && ev.ctrlKey)
-    return true;
-  if (actualKey === "m" && ev.ctrlKey)
-    return true;
-  if (state.draggingRow !== void 0) {
-    return ["Escape", "Enter"].includes(ev.key);
-  }
-  return [
-    "arrowup",
-    "arrowdown",
-    "arrowleft",
-    "arrowright",
-    "end",
-    "enter",
-    "home",
-    "pageup",
-    "pagedown"
-  ].includes(ev.key.toLowerCase());
-}
-function handleKey(state, { ev }) {
-  const {
-    altKey: isAltPressed,
-    ctrlKey: isCtrlPressed,
-    key,
-    shiftKey: isShiftPressed
-  } = ev;
-  if (willHandleKey(ev, state))
-    ev.preventDefault();
-  const actualKey = key.toLowerCase();
-  const setFocus = (_a) => {
-    var _b = _a, {
-      newFocusedColumn,
-      newFocusedRow
-    } = _b, rest = __objRest$d(_b, [
-      "newFocusedColumn",
-      "newFocusedRow"
-    ]);
-    return setNewFocused(state, __spreadValues$p({
-      altKey: isAltPressed,
-      ctrlKey: isCtrlPressed,
-      shiftKey: isShiftPressed,
-      newFocusedColumn,
-      newFocusedRow
-    }, rest));
-  };
-  if (!state.isEditionMode) {
-    if (actualKey === "enter" && (state.allowEdition === true || state.focusedRow < 0))
-      state.isEditionMode = true;
-    else
-      switch (actualKey) {
-        case "arrowup": {
-          let sumRate = state.expandedRows.includes(state.focusedRow - 1) ? 0.6 : 1;
-          if (Math.round(state.focusedRow) - state.focusedRow !== 0)
-            sumRate = 0.5;
-          setFocus({
-            newFocusedRow: state.focusedRow - sumRate,
-            shouldSelectNewFocused: !isCtrlPressed
-          });
-          break;
-        }
-        case "arrowdown": {
-          let sumRate = state.expandedRows.includes(state.focusedRow) ? 0.6 : 1;
-          if (Math.round(state.focusedRow) - state.focusedRow !== 0)
-            sumRate = 0.5;
-          setFocus({
-            newFocusedRow: state.focusedRow + sumRate,
-            shouldSelectNewFocused: !isCtrlPressed
-          });
-          break;
-        }
-        case "arrowleft":
-        case "arrowright": {
-          setFocus({
-            newFocusedColumn: state.focusedColumn + (actualKey === "arrowleft" ? -1 : 1),
-            shouldSelectNewFocused: !isCtrlPressed
-          });
-          break;
-        }
-        case "home": {
-          if (isCtrlPressed)
-            setFocus({ newFocusedColumn: 0, newFocusedRow: 0, ctrlKey: false });
-          else
-            setFocus({ newFocusedColumn: 0 });
-          break;
-        }
-        case "end": {
-          if (isCtrlPressed)
-            setFocus({
-              newFocusedRow: Number.POSITIVE_INFINITY,
-              newFocusedColumn: Number.POSITIVE_INFINITY,
-              ctrlKey: false
-            });
-          else
-            setFocus({
-              newFocusedColumn: Number.POSITIVE_INFINITY
-            });
-          break;
-        }
-        case "pageup": {
-          setFocus({
-            newFocusedRow: state.focusedRow - 5,
-            shouldSelectNewFocused: !isCtrlPressed
-          });
-          break;
-        }
-        case "pagedown": {
-          setFocus({
-            newFocusedRow: state.focusedRow + 5,
-            shouldSelectNewFocused: !isCtrlPressed
-          });
-          break;
-        }
-        case " ": {
-          if (isCtrlPressed)
-            setFocus({
-              newFocusedRow: state.focusedRow
-            });
-          break;
-        }
-        case "a": {
-          if (isCtrlPressed && state.allowSelection)
-            state.selectedRows = state.rows.map((_, i) => i);
-          break;
-        }
-      }
-  } else
-    switch (actualKey) {
-      case "escape":
-      case "enter": {
-        if (state.isEditionMode)
-          state.isEditionMode = false;
-        ev.stopPropagation();
-        break;
-      }
-    }
-}
-
-var __defProp$o = Object.defineProperty;
-var __defProps$k = Object.defineProperties;
-var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
-var __hasOwnProp$o = Object.prototype.hasOwnProperty;
-var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$o = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$o.call(b, prop))
-      __defNormalProp$o(a, prop, b[prop]);
-  if (__getOwnPropSymbols$o)
-    for (var prop of __getOwnPropSymbols$o(b)) {
-      if (__propIsEnum$o.call(b, prop))
-        __defNormalProp$o(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
-var __objRest$c = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$o)
-    for (var prop of __getOwnPropSymbols$o(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function shoutKeyhandlerLive(liveType, additionalData) {
-  var _a;
-  switch (liveType) {
-    case "howToEndDrag":
-      AriaLiveEmitter.emit("live", {
-        type: "assertive",
-        message: window.ARIA_HOW_TO_END_DRAG
-      });
-      break;
-    case "whichIsTheNewIndex":
-      AriaLiveEmitter.emit("live", {
-        type: "assertive",
-        message: formatMessage(window.ARIA_HOW_TO_WHICH_IS_THE_NEW_POSITION, {
-          TOK1: String((_a = additionalData == null ? void 0 : additionalData.newIndex) != null ? _a : 0)
-        })
-      });
-      break;
-    case "reset":
-      AriaLiveEmitter.emit("live", {
-        type: "reset",
-        message: ""
-      });
-      break;
-    default:
-      AriaLiveEmitter.emit("live", {
-        type: "assertive",
-        message: window.ARIA_HOW_TO_START_DRAG
-      });
-  }
-}
-let scrollTimeout;
-function makeKeyHandler(actions, id, config) {
-  return function KeyHandler(_a) {
-    var _b = _a, {
-      children,
-      onChangeSelection,
-      onSelectRows
-    } = _b, props = __objRest$c(_b, [
-      "children",
-      "onChangeSelection",
-      "onSelectRows"
-    ]);
-    var _a2, _b2;
-    const { run: keyHandler } = useThrottleFn((ev) => {
-      if (!["shift", "alt", "control"].includes(ev.key.toLowerCase())) {
-        responsiveTableStore.dispatch(actions.handleKey({ id, ev }));
-      }
-    }, (_a2 = config == null ? void 0 : config.throttleOptions) != null ? _a2 : { wait: 100 });
-    const [ref, setRef] = React.useState(null);
-    const selectedRows = useResponsiveTable(
-      (global) => {
-        var _a3;
-        const state = config.stateSelector(global);
-        return ((_a3 = state == null ? void 0 : state.selectedRows) != null ? _a3 : []).map((current) => ({
-          index: current,
-          row: state.rows[current]
-        }));
-      },
-      (a, b) => shallowEqual(
-        a.map((current) => current.index),
-        b.map((current) => current.index)
-      )
-    );
-    const selectedRowsRef = useLatest(selectedRows);
-    const focusedRow = useResponsiveTable((global) => {
-      var _a3;
-      const state = config.stateSelector(global);
-      return (_a3 = state == null ? void 0 : state.focusedRow) != null ? _a3 : -1;
-    });
-    const { allowKeyboardSorting, focusedCell, isEditionMode, isFocused } = useResponsiveTable((global) => {
-      const state = config.stateSelector(global);
-      return {
-        focusedCell: (state == null ? void 0 : state.focusedRow) !== void 0 ? `${state == null ? void 0 : state.focusedRow}_${state == null ? void 0 : state.focusedColumn}` : void 0,
-        isEditionMode: state == null ? void 0 : state.isEditionMode,
-        rows: state == null ? void 0 : state.rows,
-        isFocused: state == null ? void 0 : state.isFocused,
-        allowKeyboardSorting: state == null ? void 0 : state.allowRowsKeyboardSorting
-      };
-    }, shallowEqual);
-    useUpdateEffect(() => {
-      if (onChangeSelection)
-        onChangeSelection(selectedRows);
-    }, [onChangeSelection, selectedRows]);
-    const handleClick = React.useCallback(
-      (ev) => {
-        var _a3;
-        if (ev.target.closest(".moreInformationButton"))
-          return;
-        if (ev.shiftKey) {
-          (_a3 = document.getSelection()) == null ? void 0 : _a3.removeAllRanges();
-        }
-        const parentRow = getSpecificParent(
-          ev.target,
-          (current) => {
-            if (current.tagName.toLowerCase() === "table")
-              return null;
-            if (current.matches("tr")) {
-              return true;
-            }
-            return false;
-          }
-        );
-        const parentCell = getSpecificParent(
-          ev.target,
-          (current) => {
-            if (current.tagName.toLowerCase() === "table")
-              return null;
-            if (current.matches("td,th")) {
-              return true;
-            }
-            return false;
-          }
-        );
-        if (parentCell && parentRow) {
-          responsiveTableStore.dispatch(
-            actions.updateByClick({
-              altKey: ev.altKey,
-              id,
-              ctrlKey: ev.ctrlKey,
-              ariaColIndex: Number(parentCell.getAttribute("aria-colindex")),
-              rowIndex: Number(parentRow.getAttribute("data-focusindex")),
-              shiftKey: ev.shiftKey
-            })
-          );
-        }
-      },
-      []
-    );
-    const handleDoubleClick = React.useCallback(
-      (ev) => {
-        if (isChild(
-          ev.target,
-          (current) => current.tagName === "THEAD"
-        ))
-          return;
-        ev.preventDefault();
-        if (onSelectRows)
-          onSelectRows(selectedRowsRef.current, focusedRow);
-      },
-      [focusedRow, onSelectRows, selectedRowsRef]
-    );
-    const initialized = React.useRef(true);
-    const running = React.useRef(false);
-    const doFocusThings = React.useCallback(() => {
-      if (!running.current) {
-        running.current = true;
-        if (focusedCell === void 0) {
-          running.current = false;
-          return () => {
-          };
-        }
-        if (ref) {
-          const disconnectObserver = autoDisconnectMutationObserver(
-            ref,
-            () => {
-              scrollTimeout = setTimeout(() => {
-                var _a3;
-                const focusedElement = ref.querySelector(
-                  '[data-focused="true"]'
-                );
-                let tableCellElement = null;
-                let tableCellWidget = null;
-                if (["td", "th"].includes(
-                  (_a3 = focusedElement == null ? void 0 : focusedElement.tagName.toLowerCase()) != null ? _a3 : ""
-                )) {
-                  tableCellElement = focusedElement;
-                  tableCellWidget = focusedElement == null ? void 0 : focusedElement.querySelector(
-                    getFocusSelector(":not(.debug_info__button)")
-                  );
-                }
-                if ((focusedElement == null ? void 0 : focusedElement.tagName.toLowerCase()) === "tr") {
-                  tableCellElement = focusedElement.querySelector("td,th");
-                  tableCellWidget = focusedElement.querySelector(
-                    getFocusSelector(":not(.debug_info__button)")
-                  ) || tableCellElement;
-                }
-                if (tableCellWidget) {
-                  tableCellElement == null ? void 0 : tableCellElement.setAttribute("tabIndex", "-1");
-                  tableCellWidget.setAttribute("tabIndex", "0");
-                } else
-                  tableCellElement == null ? void 0 : tableCellElement.setAttribute("tabIndex", "0");
-                if (!isEditionMode) {
-                  const allFocusableElements = ref == null ? void 0 : ref.querySelectorAll(
-                    getFocusSelector(
-                      `${cantFocusSelector}:not([data-focused="true"])`
-                    )
-                  );
-                  allFocusableElements == null ? void 0 : allFocusableElements.forEach((current) => {
-                    if (current !== tableCellWidget) {
-                      current.setAttribute("tabIndex", "-1");
-                    }
-                    if ((tableCellWidget == null ? void 0 : tableCellWidget.tagName) === "BUTTON")
-                      tableCellWidget.setAttribute("role", "gridcell");
-                  });
-                } else {
-                  const focusableElements = tableCellElement == null ? void 0 : tableCellElement.querySelectorAll('[tabindex="-1"]');
-                  focusableElements == null ? void 0 : focusableElements.forEach(
-                    (current) => current.setAttribute("tabIndex", "0")
-                  );
-                }
-                const focusElement = tableCellWidget != null ? tableCellWidget : tableCellElement;
-                const row = getSpecificParent(
-                  focusElement,
-                  (current) => current.tagName === "TR"
-                );
-                if (focusElement && initialized.current && config.stateSelector(responsiveTableStore.getState()).isFocused) {
-                  globalFocus.focus = focusElement;
-                  focusElement.focus();
-                }
-                if (row) {
-                  scrollParentIntoElement(row, 55, 2, 100, "makeKeyHandler");
-                }
-                if (!initialized.current) {
-                  initialized.current = true;
-                }
-              }, 0);
-            },
-            { timeout: 5e3 }
-          );
-          running.current = false;
-          return () => {
-            disconnectObserver();
-            clearTimeout(scrollTimeout);
-          };
-        }
-        running.current = false;
-      }
-      return () => {
-      };
-    }, [focusedCell, ref, isEditionMode]);
-    React.useLayoutEffect(doFocusThings, [
-      focusedCell,
-      isFocused,
-      isEditionMode
-    ]);
-    React.useEffect(() => {
-      function handleFocus(ev) {
-        const targetTable = getSpecificParent(
-          ev.target,
-          (current) => current.tagName.toLowerCase() === "table"
-        );
-        const relatedTargetTable = getSpecificParent(
-          ev.relatedTarget,
-          (current) => current.tagName.toLowerCase() === "table"
-        );
-        if (!relatedTargetTable || relatedTargetTable !== targetTable)
-          handleClick(ev);
-      }
-      ref == null ? void 0 : ref.addEventListener("dblclick", handleDoubleClick);
-      ref == null ? void 0 : ref.addEventListener("mousedown", handleClick);
-      ref == null ? void 0 : ref.addEventListener("focusin", handleFocus);
-      ref == null ? void 0 : ref.addEventListener(customEvents.focus, handleClick);
-      return () => {
-        ref == null ? void 0 : ref.removeEventListener("mousedown", handleClick);
-        ref == null ? void 0 : ref.removeEventListener("dblclick", handleDoubleClick);
-        ref == null ? void 0 : ref.removeEventListener("focusin", handleFocus);
-        ref == null ? void 0 : ref.removeEventListener(customEvents.focus, handleClick);
-      };
-    }, [ref]);
-    const isDragging = React.useRef(false);
-    const isFocusedRef = React.useRef(false);
-    return /* @__PURE__ */ jsx(
-      Box,
-      __spreadProps$k(__spreadValues$o({
-        ref: setRef
-      }, props), {
-        className: `selection__keyHandler ${(_b2 = props.className) != null ? _b2 : ""}`,
-        onBlur: React.useCallback(
-          (ev) => {
-            if (!ev.relatedTarget || !getSpecificParent(
-              ev.relatedTarget,
-              (current) => current === ref
-            )) {
-              responsiveTableStore.dispatch(
-                actions.selectionStateUpdate({ id, isFocused: false })
-              );
-              shoutKeyhandlerLive("reset");
-              isFocusedRef.current = false;
-            }
-          },
-          [ref]
-        ),
-        onFocus: React.useCallback(() => {
-          if (!isFocusedRef.current)
-            shoutKeyhandlerLive("howToStartDrag");
-          isFocusedRef.current = true;
-        }, []),
-        sx: React.useMemo(
-          () => ({ overflow: "auto", position: "relative" }),
-          []
-        ),
-        onKeyDown: React.useCallback(
-          (ev) => {
-            var _a3;
-            const state = config.stateSelector(responsiveTableStore.getState());
-            if (willHandleKey(
-              ev,
-              config.stateSelector(responsiveTableStore.getState())
-            )) {
-              ev.preventDefault();
-              ev.stopPropagation();
-            }
-            if (actions.swapFocusedRow && isDragging.current && allowKeyboardSorting) {
-              if ((ev.key === "Enter" || ev.key === "Escape") && isDragging.current) {
-                shoutKeyhandlerLive("howToStartDrag");
-                isDragging.current = false;
-                responsiveTableStore.dispatch(
-                  actions.swapFocusedRow({
-                    tableName: id,
-                    newIndex: state.focusedRow
-                  })
-                );
-              } else if (["ArrowDown", "ArrowUp"].includes(ev.key)) {
-                if (ev.key === "ArrowDown") {
-                  responsiveTableStore.dispatch(
-                    actions.swapFocusedRow({
-                      tableName: id,
-                      newIndex: state.focusedRow + 1
-                    })
-                  );
-                } else {
-                  responsiveTableStore.dispatch(
-                    actions.swapFocusedRow({
-                      tableName: id,
-                      newIndex: state.focusedRow - 1
-                    })
-                  );
-                }
-              }
-            } else if (ev.key === "m" && ev.ctrlKey && !isDragging.current && state.focusedRow >= 0 && actions.swapFocusedRow) {
-              isDragging.current = true;
-              shoutKeyhandlerLive("howToEndDrag");
-              responsiveTableStore.dispatch(
-                actions.swapFocusedRow({
-                  tableName: id,
-                  newIndex: state.focusedRow
-                })
-              );
-            } else {
-              const currentSelectedRows = ((_a3 = state == null ? void 0 : state.selectedRows) != null ? _a3 : []).map((current) => ({
-                index: current,
-                row: state.rows[current]
-              }));
-              if (props.onKeyDown)
-                props.onKeyDown(ev);
-              if (ev.key === "Enter" && onSelectRows && state.focusedRow >= 0) {
-                onSelectRows(currentSelectedRows, focusedRow);
-              }
-              keyHandler(ev);
-            }
-          },
-          [allowKeyboardSorting, focusedRow, keyHandler, onSelectRows, props]
-        ),
-        children
-      })
-    );
-  };
-}
-
-var __defProp$n = Object.defineProperty;
-var __defProps$j = Object.defineProperties;
-var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
-var __hasOwnProp$n = Object.prototype.hasOwnProperty;
-var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$n = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$n.call(b, prop))
-      __defNormalProp$n(a, prop, b[prop]);
-  if (__getOwnPropSymbols$n)
-    for (var prop of __getOwnPropSymbols$n(b)) {
-      if (__propIsEnum$n.call(b, prop))
-        __defNormalProp$n(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
-var __objRest$b = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$n)
-    for (var prop of __getOwnPropSymbols$n(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function getReduxActions() {
-  return {
-    handleKey(state, { payload }) {
-      handleKey(state[payload.id], payload);
-    },
-    selectionStateUpdate(state, _a) {
-      var { payload: _b } = _a, _c = _b, { id } = _c, payload = __objRest$b(_c, ["id"]);
-      state[id] = __spreadValues$n(__spreadValues$n({}, state[id]), payload);
-    },
-    setNewFocused(state, _d) {
-      var { payload: _e } = _d, _f = _e, { id } = _f, payload = __objRest$b(_f, ["id"]);
-      setNewFocused(state[id], payload);
-    },
-    updateByClick(state, _g) {
-      var {
-        payload: _h
-      } = _g, _i = _h, {
-        id,
-        colIndex,
-        rowIndex,
-        ariaColIndex,
-        ariaRowIndex,
-        isFocused
-      } = _i, payload = __objRest$b(_i, [
-        "id",
-        "colIndex",
-        "rowIndex",
-        "ariaColIndex",
-        "ariaRowIndex",
-        "isFocused"
-      ]);
-      var _a;
-      const hasFiltersRow = state[id].hasNonAdditionalFilters;
-      state[id].isEditionMode = false;
-      const newFocusedColumn = (_a = colIndex != null ? colIndex : ariaColIndex) != null ? _a : 1;
-      const newFocusedRow = ariaRowIndex !== void 0 ? ariaRowIndex : (rowIndex != null ? rowIndex : 0) - (1 + (hasFiltersRow ? 2 : 1));
-      setNewFocused(state[id], __spreadProps$j(__spreadValues$n({}, payload), {
-        newFocusedColumn,
-        newFocusedRow
-      }));
-      if (isFocused !== void 0)
-        state[id].isFocused = isFocused;
-    }
-  };
-}
-
-var __defProp$m = Object.defineProperty;
-var __defProps$i = Object.defineProperties;
-var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
-var __hasOwnProp$m = Object.prototype.hasOwnProperty;
-var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$m = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$m.call(b, prop))
-      __defNormalProp$m(a, prop, b[prop]);
-  if (__getOwnPropSymbols$m)
-    for (var prop of __getOwnPropSymbols$m(b)) {
-      if (__propIsEnum$m.call(b, prop))
-        __defNormalProp$m(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
-var __objRest$a = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$m)
-    for (var prop of __getOwnPropSymbols$m(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function getInitialState() {
-  const newState = __spreadProps$i(__spreadValues$m({}, getInitialState$1()), {
-    allowSelection: true,
-    allowSorting: true,
-    filters: [],
-    isLoading: false,
-    isMultiple: true,
-    accordionIndexColumns: {},
-    expandedRows: []
-  });
-  return newState;
-}
-const responsiveTableSlice = createSlice({
-  name: "responsiveTableSlice",
-  initialState: {},
-  reducers: __spreadValues$m({
-    update(state, _a) {
-      var {
-        payload: _b
-      } = _a, _c = _b, { tableName } = _c, rest = __objRest$a(_c, ["tableName"]);
-      var _a2, _b2, _c2, _d, _e, _f;
-      if (!state[tableName])
-        state[tableName] = getInitialState();
-      state[tableName] = __spreadValues$m(__spreadValues$m({}, state[tableName]), rest);
-      setNewFocused(state[tableName], {
-        altKey: false,
-        ctrlKey: false,
-        shiftKey: false,
-        shouldSelectNewFocused: (_a2 = rest.isFocused) != null ? _a2 : state[tableName].isFocused
-      });
-      if (rest.columns) {
-        state[tableName].nonAdditionalColumnsCount = rest.columns.filter(
-          (current) => !current.showAsAdditional
-        ).length;
-      }
-      if (rest.rows) {
-        state[tableName].statesColumns = Math.max(
-          (_c2 = (_b2 = state[tableName]) == null ? void 0 : _b2.reserveColumnsForStates) != null ? _c2 : 0,
-          ...(_f = (_e = (_d = state[tableName]) == null ? void 0 : _d.rows) == null ? void 0 : _e.map(
-            (current) => {
-              var _a3, _b3;
-              return (_b3 = (_a3 = current.states) == null ? void 0 : _a3.length) != null ? _b3 : 0;
-            }
-          )) != null ? _f : [0]
-        );
-      }
-      if (rest.filters) {
-        state[tableName].hasNonAdditionalFilters = rest.filters.filter(
-          (current) => {
-            var _a3, _b3;
-            return !current.asAdditional && ((_b3 = (_a3 = rest.columns) != null ? _a3 : state[tableName].columns) == null ? void 0 : _b3.find(
-              (search) => search.name === current.column
-            ));
-          }
-        ).length > 0;
-      }
-    },
-    addRows(state, { payload }) {
-      if (!state[payload.tableName])
-        state[payload.tableName] = getInitialState();
-      state[payload.tableName].rows = state[payload.tableName].rows.concat(
-        ...payload.newRows
-      );
-      setNewFocused(state[payload.tableName], {
-        altKey: false,
-        ctrlKey: false,
-        shiftKey: false,
-        shouldSelectNewFocused: true,
-        newFocusedRow: state[payload.tableName].rows.length
-      });
-    },
-    deleteRows(state, { payload }) {
-      const table = state[payload.tableName];
-      const minIndex = payload.rowIndices.reduce((min, current) => {
-        return current < min ? current : min;
-      }, Infinity);
-      table.rows = table.rows.filter(
-        (_, index) => !payload.rowIndices.includes(index)
-      );
-      setNewFocused(state[payload.tableName], {
-        altKey: false,
-        ctrlKey: false,
-        shiftKey: false,
-        shouldSelectNewFocused: true,
-        newFocusedRow: minIndex
-      });
-      state[payload.tableName].isFocused = false;
-    },
-    destroy(state, { payload: { tableName } }) {
-      delete state[tableName];
-    },
-    swapFocusedRow(state, {
-      payload: { newIndex, tableName }
-    }) {
-      const tableState = state[tableName];
-      const focusedIndex = tableState.focusedRow;
-      if (focusedIndex === void 0 || newIndex < 0 || newIndex >= tableState.rows.length)
-        return;
-      if (focusedIndex === newIndex) {
-        if (tableState.draggingRow === newIndex)
-          tableState.draggingRow = void 0;
-        else
-          tableState.draggingRow = newIndex;
-        return;
-      }
-      shoutKeyhandlerLive("whichIsTheNewIndex", { newIndex });
-      const isSelected = tableState.selectedRows.includes(focusedIndex);
-      if (isSelected) {
-        tableState.selectedRows = [
-          ...tableState.selectedRows.filter(
-            (current) => current !== focusedIndex
-          ),
-          newIndex
-        ];
-      }
-      const aux = tableState.rows[newIndex];
-      tableState.rows[newIndex] = tableState.rows[focusedIndex];
-      tableState.rows[focusedIndex] = aux;
-      tableState.focusedRow = newIndex;
-      tableState.draggingRow = newIndex;
-    }
-  }, getReduxActions())
-});
-const { store: responsiveTableStore, useSelector: useResponsiveTable } = injectReducers({
-  responsiveTableSlice: responsiveTableSlice.reducer
-});
-const responsiveTableActions = responsiveTableSlice.actions;
-
-var __defProp$l = Object.defineProperty;
-var __defProps$h = Object.defineProperties;
-var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
-var __hasOwnProp$l = Object.prototype.hasOwnProperty;
-var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$l = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$l.call(b, prop))
-      __defNormalProp$l(a, prop, b[prop]);
-  if (__getOwnPropSymbols$l)
-    for (var prop of __getOwnPropSymbols$l(b)) {
-      if (__propIsEnum$l.call(b, prop))
-        __defNormalProp$l(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
-const ResponsiveTableReactContext = React.createContext({});
-function useResponsiveTableContext() {
-  const context = React.useContext(ResponsiveTableReactContext);
-  if (!context)
-    throw new Error("There is no ResponsiveTableContext");
-  return context;
-}
-const NoMemoResponsiveTableContext = ({
-  allowEdition,
-  allowRowsKeyboardSorting,
-  allowSelection,
-  allowSorting,
-  avoidReparseSelectionOnRowChange,
-  children = /* @__PURE__ */ jsx(ResponsiveTable, {}),
-  className,
-  currentBreakPoint,
-  customLabels,
-  columns,
-  filters,
-  rows,
-  label,
-  isMultiple,
-  name,
-  onChangeSelection,
-  onFilterBlur,
-  onFilterChange,
-  onFilterPressEnter,
-  onSelectRows,
-  onSortChange,
-  reserveColumnsForStates,
-  variant
-}) => {
-  const actualName = React.useMemo(
-    () => name != null ? name : uniqueId("responsiveTable"),
-    [name]
-  );
-  const labels = React.useMemo(
-    () => __spreadValues$l(__spreadValues$l({}, defaultLabels), customLabels),
-    [customLabels]
-  );
-  const contextValue = React.useMemo(
-    () => ({
-      currentBreakPoint,
-      label,
-      labels,
-      name: actualName,
-      onChangeSelection,
-      onFilterBlur,
-      onFilterChange,
-      onFilterPressEnter,
-      onSelectRows,
-      onSortChange
-    }),
-    [
-      actualName,
-      currentBreakPoint,
-      label,
-      labels,
-      onChangeSelection,
-      onFilterBlur,
-      onFilterChange,
-      onFilterPressEnter,
-      onSelectRows,
-      onSortChange
-    ]
-  );
-  useMount(() => {
-    responsiveTableStore.dispatch(
-      responsiveTableActions.update({
-        allowEdition,
-        allowRowsKeyboardSorting,
-        allowSelection,
-        allowSorting,
-        columns,
-        filters: filters != null ? filters : [],
-        rows,
-        isMultiple,
-        tableName: actualName,
-        reserveColumnsForStates
-      })
-    );
-  });
-  useUpdateEffect$1(() => {
-    responsiveTableStore.dispatch(
-      responsiveTableActions.update({
-        tableName: actualName,
-        columns
-      })
-    );
-  }, [columns]);
-  useUpdateEffect$1(() => {
-    responsiveTableStore.dispatch(
-      responsiveTableActions.update({
-        tableName: actualName,
-        rows
-      })
-    );
-    if (avoidReparseSelectionOnRowChange !== true) {
-      const selected = rows.map((current, i) => __spreadProps$h(__spreadValues$l({}, current), { i })).filter((current) => current.initiallySelected);
-      responsiveTableStore.dispatch(
-        responsiveTableActions.update({
-          tableName: actualName,
-          selectedRows: selected.map((current) => current.i)
-        })
-      );
-    }
-  }, [rows]);
-  useUpdateEffect$1(() => {
-    responsiveTableStore.dispatch(
-      responsiveTableActions.update({
-        tableName: actualName,
-        filters
-      })
-    );
-  }, [filters]);
-  useUnmount(() => {
-  });
-  return /* @__PURE__ */ jsx(ResponsiveTableReactContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    Box,
-    __spreadProps$h(__spreadValues$l({
-      id: name,
-      className: `responsiveTableContext__wrapper ${className != null ? className : ""}`
-    }, variant ? getVariant(variant) : null), {
-      children
-    })
-  ) });
-};
-const ResponsiveTableContext = React.memo(NoMemoResponsiveTableContext);
-
-var __defProp$k = Object.defineProperty;
-var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
-var __hasOwnProp$k = Object.prototype.hasOwnProperty;
-var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$k = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$k.call(b, prop))
-      __defNormalProp$k(a, prop, b[prop]);
-  if (__getOwnPropSymbols$k)
-    for (var prop of __getOwnPropSymbols$k(b)) {
-      if (__propIsEnum$k.call(b, prop))
-        __defNormalProp$k(a, prop, b[prop]);
-    }
-  return a;
-};
-const NoMemoKeyHandler = (props) => {
-  const { name, onChangeSelection, onSelectRows } = useResponsiveTableContext();
-  const Handler = React.useMemo(
-    () => makeKeyHandler(responsiveTableActions, name, {
-      throttleOptions: { wait: 50 },
-      stateSelector: (global) => global.responsiveTableSlice[name]
-    }),
-    [name]
-  );
-  return /* @__PURE__ */ jsx(
-    Handler,
-    __spreadValues$k({
-      onChangeSelection,
-      onSelectRows
-    }, props)
-  );
-};
-const KeyHandler = React.memo(NoMemoKeyHandler);
-
-function useDomProps(element, elementProps, stateSelector) {
-  const state = useResponsiveTable((globalState) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const tableState = stateSelector(globalState);
-    const hasNonAdditionalFilters = tableState == null ? void 0 : tableState.hasNonAdditionalFilters;
-    const startDataRowIndex = hasNonAdditionalFilters ? 2 : 1;
-    const statesColumns = (_a = tableState == null ? void 0 : tableState.statesColumns) != null ? _a : 0;
-    let expandedBeforeThisRow = 0;
-    if (element === "tr")
-      expandedBeforeThisRow = tableState == null ? void 0 : tableState.expandedRows.filter(
-        (current) => current < elementProps.rowIndex
-      ).length;
-    let isFocused = false;
-    let isSelected = false;
-    switch (element) {
-      case "filterTd": {
-        const castedProps = elementProps;
-        isFocused = (tableState == null ? void 0 : tableState.focusedRow) === 1 - startDataRowIndex && addBoundary((_b = tableState == null ? void 0 : tableState.focusedColumn) != null ? _b : 0, 0) - statesColumns === castedProps.columnIndex + 1 + (hasNonAdditionalFilters ? 1 : 0);
-        break;
-      }
-      case "tr": {
-        const castedProps = elementProps;
-        isFocused = !tableState ? false : tableState.focusedRow === castedProps.rowIndex && (tableState == null ? void 0 : tableState.focusedColumn) === 0 || Math.floor(tableState == null ? void 0 : tableState.focusedRow) === castedProps.rowIndex && Math.round(tableState == null ? void 0 : tableState.focusedRow) - tableState.focusedRow !== 0 && !!castedProps.isTheExpandedRow;
-        isSelected = !castedProps.isTheExpandedRow && (tableState == null ? void 0 : tableState.selectedRows.includes(castedProps.rowIndex));
-        break;
-      }
-      case "stateCell": {
-        const castedProps = elementProps;
-        isFocused = (tableState == null ? void 0 : tableState.focusedRow) === castedProps.rowIndex && ((_c = tableState == null ? void 0 : tableState.focusedColumn) != null ? _c : 0) === castedProps.columnIndex + 1 + (hasNonAdditionalFilters ? 1 : 0);
-        break;
-      }
-      case "additionalTd": {
-        const castedProps = elementProps;
-        isFocused = (tableState == null ? void 0 : tableState.focusedRow) === castedProps.rowIndex && ((_d = tableState == null ? void 0 : tableState.focusedColumn) != null ? _d : 0) === 1;
-        break;
-      }
-      case "td": {
-        const castedProps = elementProps;
-        isFocused = (tableState == null ? void 0 : tableState.focusedRow) === castedProps.rowIndex && ((_e = tableState == null ? void 0 : tableState.focusedColumn) != null ? _e : 0) - statesColumns === castedProps.columnIndex + 1 + (hasNonAdditionalFilters ? 1 : 0);
-        break;
-      }
-      case "headerStateCell": {
-        const castedProps = elementProps;
-        isFocused = (tableState == null ? void 0 : tableState.focusedRow) === castedProps.rowIndex - 1 - startDataRowIndex && addBoundary(tableState == null ? void 0 : tableState.focusedColumn, 0) === castedProps.columnIndex + 1 + (hasNonAdditionalFilters ? 1 : 0);
-        break;
-      }
-      case "th": {
-        const castedProps = elementProps;
-        isFocused = (tableState == null ? void 0 : tableState.focusedRow) === 0 - startDataRowIndex && addBoundary(((_f = tableState == null ? void 0 : tableState.focusedColumn) != null ? _f : 0) - statesColumns, 0) === castedProps.columnIndex + 1 + (hasNonAdditionalFilters ? 1 : 0);
-        break;
-      }
-      case "separator": {
-        const castedProps = elementProps;
-        isFocused = !tableState ? false : tableState.focusedRow === castedProps.rowIndex;
-        break;
-      }
-    }
-    return {
-      columns: (_g = tableState == null ? void 0 : tableState.columns) != null ? _g : [],
-      expandedBeforeThisRow,
-      isEditionMode: tableState == null ? void 0 : tableState.isEditionMode,
-      hasNonAdditionalFilters,
-      rowsLength: element === "table" ? tableState == null ? void 0 : tableState.rows.length : "",
-      isSelected,
-      isFocused,
-      startDataRowIndex,
-      statesColumns: tableState == null ? void 0 : tableState.statesColumns
-    };
-  }, shallowEqual);
-  let returnObject = React.useMemo(() => ({}), []);
-  switch (element) {
-    case "filterTd": {
-      const castedProps = elementProps;
-      returnObject = {
-        "aria-colindex": castedProps.columnIndex + 1 + state.statesColumns + (state.hasNonAdditionalFilters ? 1 : 0),
-        "data-editionmode": state.isEditionMode && state.isFocused,
-        "data-focused": state.isFocused,
-        tabIndex: state.isFocused ? 0 : -1,
-        "data-rowindex": 2
-      };
-      break;
-    }
-    case "separator": {
-      const castedProps = elementProps;
-      returnObject = {
-        "aria-rowindex": castedProps.rowIndex + state.startDataRowIndex + 1 + state.expandedBeforeThisRow,
-        "data-focusindex": castedProps.rowIndex + state.startDataRowIndex + 1,
-        "aria-selected": state.isSelected,
-        "data-focused": state.isFocused,
-        "aria-expanded": false
-      };
-      break;
-    }
-    case "table": {
-      returnObject = {
-        role: "treegrid",
-        "aria-colcount": state.columns.length,
-        "aria-rowcount": state.rowsLength
-      };
-      break;
-    }
-    case "tr": {
-      const castedProps = elementProps;
-      returnObject = {
-        "aria-rowindex": castedProps.rowIndex + state.startDataRowIndex + 1 + state.expandedBeforeThisRow + (castedProps.isTheExpandedRow ? 1 : 0),
-        "data-focusindex": castedProps.rowIndex + state.startDataRowIndex + 1 + (castedProps.isTheExpandedRow ? 0.5 : 0),
-        "aria-selected": state.isSelected,
-        "data-focused": state.isFocused,
-        "aria-expanded": castedProps.isThisRowExpanded,
-        tabIndex: state.isFocused ? 0 : -1
-      };
-      break;
-    }
-    case "td": {
-      const castedProps = elementProps;
-      returnObject = {
-        "aria-colindex": castedProps.columnIndex + 1 + state.statesColumns + (state.hasNonAdditionalFilters ? 1 : 0),
-        "data-editionmode": state.isEditionMode && state.isFocused,
-        "data-focused": state.isFocused,
-        tabIndex: state.isFocused ? 0 : -1,
-        "data-rowindex": castedProps.rowIndex + state.startDataRowIndex + 1
-      };
-      break;
-    }
-    case "additionalTd": {
-      const castedProps = elementProps;
-      returnObject = {
-        "aria-colindex": 1,
-        "data-editionmode": state.isEditionMode && state.isFocused,
-        "data-focused": state.isFocused,
-        tabIndex: state.isFocused ? 0 : -1,
-        "data-rowindex": castedProps.rowIndex + state.startDataRowIndex + 1
-      };
-      break;
-    }
-    case "stateCell": {
-      const castedProps = elementProps;
-      returnObject = {
-        "aria-colindex": castedProps.columnIndex + 1 + (state.hasNonAdditionalFilters ? 1 : 0),
-        "data-editionmode": state.isEditionMode && state.isFocused,
-        "data-focused": state.isFocused,
-        tabIndex: state.isFocused ? 0 : -1,
-        "data-rowindex": castedProps.rowIndex + state.startDataRowIndex + 1
-      };
-      break;
-    }
-    case "headerStateCell": {
-      const castedProps = elementProps;
-      returnObject = {
-        "aria-colindex": castedProps.columnIndex + 1 + (state.hasNonAdditionalFilters ? 1 : 0),
-        "aria-sort": "none",
-        "data-editionmode": state.isEditionMode && state.isFocused,
-        "data-focused": state.isFocused,
-        tabIndex: state.isFocused ? 0 : -1,
-        "data-rowindex": castedProps.rowIndex
-      };
-      break;
-    }
-    case "th": {
-      const castedProps = elementProps;
-      returnObject = {
-        "aria-colindex": castedProps.columnIndex + 1 + state.statesColumns + (state.hasNonAdditionalFilters ? 1 : 0),
-        "aria-sort": ["ascending", "descending", "none"][["Asc", "Desc", null].findIndex(
-          (current) => current === state.columns[castedProps.columnIndex].currentSorting
-        )],
-        "data-editionmode": state.isEditionMode && state.isFocused,
-        "data-focused": state.isFocused,
-        tabIndex: state.isFocused ? 0 : -1,
-        "data-rowindex": 1
-      };
-      break;
-    }
-  }
-  return React.useMemo(() => returnObject, Object.values(returnObject));
-}
-
-var __defProp$j = Object.defineProperty;
-var __defProps$g = Object.defineProperties;
-var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
-var __hasOwnProp$j = Object.prototype.hasOwnProperty;
-var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$j = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$j.call(b, prop))
-      __defNormalProp$j(a, prop, b[prop]);
-  if (__getOwnPropSymbols$j)
-    for (var prop of __getOwnPropSymbols$j(b)) {
-      if (__propIsEnum$j.call(b, prop))
-        __defNormalProp$j(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
-const widthStorageName = "tablesWidths";
-function getColumnWidth(width) {
-  if (typeof width === "string") {
-    if (width.match(/(%|px|vw|vh|vmin|vmax|cm|mm|in|pt|pc)/))
-      return width;
-    return Number.parseInt(width, 10);
-  }
-  if (typeof width === "number")
-    return width;
-  return width;
-}
-debugDispatcher.on(
-  "cleanTableSizes",
-  ([tableName]) => {
-    const currentWidths = persistentStorage[widthStorageName];
-    delete currentWidths[tableName];
-    persistentStorage[widthStorageName] = currentWidths;
-  },
-  'Se usa para borrar el estado de una tabla. Uso: dd.cleanTableSizes("TableName")'
-);
-function makeColumnName(tableName, columnName) {
-  return `${tableName}${columnName}`;
-}
-const thWidthEmitter = new class ThWidthEmitter extends EventEmitter {
-}();
-const NoMemoHeaderCell = ({
-  apiaColumnIndex,
-  columnIndex,
-  inTableColumnIndex
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const { name, onSortChange } = useResponsiveTableContext();
-  const uniqueId = (_d = (_c = (_a = window.location.href.match(/busEntId=(\d+)/)) == null ? void 0 : _a[1]) != null ? _c : (_b = window.location.href.match(/query=(\d+)/)) == null ? void 0 : _b[1]) != null ? _d : "";
-  const isGlobal = window.isGlobal ? "isGlobal" : "notGlobal";
-  const actualName = name + uniqueId + String(isGlobal);
-  const column = useResponsiveTable((global) => {
-    const tableState = global.responsiveTableSlice[name];
-    return tableState == null ? void 0 : tableState.columns[columnIndex];
-  }, shallowEqual);
-  const storedWidth = (_f = (_e = persistentStorage[widthStorageName]) == null ? void 0 : _e[actualName]) == null ? void 0 : _f[column.name];
-  const [width, setWidth] = React.useState(storedWidth != null ? storedWidth : 200);
-  const [isResize, setIsResize] = React.useState(storedWidth !== void 0);
-  React.useEffect(() => {
-    return void thWidthEmitter.on("resize", (ev) => {
-      if (ev.name === makeColumnName(actualName, column.name)) {
-        setIsResize(true);
-        setWidth(ev.width);
-      }
-    });
-  }, [column.name, actualName]);
-  const isFilterRequired = useResponsiveTable((global) => {
-    const tableState = global.responsiveTableSlice[name];
-    const columnFilter = tableState == null ? void 0 : tableState.filters.find(
-      (current) => current.column === column.title
-    );
-    return columnFilter == null ? void 0 : columnFilter.required;
-  }, shallowEqual);
-  const isSortingAllowed = useResponsiveTable((global) => {
-    const tableState = global.responsiveTableSlice[name];
-    return tableState == null ? void 0 : tableState.allowSorting;
-  });
-  const domProps = useDomProps(
-    "th",
-    {
-      columnIndex: inTableColumnIndex
-    },
-    domPropsSelector(name)
-  );
-  const sx = React.useMemo(
-    () => {
-      var _a2;
-      return !isResize ? {
-        minWidth: getColumnWidth((_a2 = column.minWidth) != null ? _a2 : column.width),
-        maxWidth: column.maxWidth !== void 0 ? getColumnWidth(column.maxWidth) : void 0,
-        width: getColumnWidth(column.width),
-        position: "relative"
-      } : {
-        width: `${width}px`,
-        minWidth: `${width}px`,
-        position: "relative"
-      };
-    },
-    [column.maxWidth, column.minWidth, column.width, isResize, width]
-  );
-  const buttonProps = useOtherTagButton(
-    React.useMemo(
-      () => ({
-        className: "headButton",
-        onClick: (ev) => {
-          if (isChild(
-            ev.target,
-            (current) => current.classList.contains("headButton__resizer")
-          ))
-            return;
-          console.warn("Buttons slice is not defined");
-          if (onSortChange && column.allowSorting !== false && isSortingAllowed !== false)
-            onSortChange({
-              column,
-              columnIndex: apiaColumnIndex,
-              name: column.name,
-              sortValue: ["Asc", "Desc"][column.currentSorting !== "A" ? 0 : 1]
-            });
-        }
-      }),
-      [apiaColumnIndex, column, isSortingAllowed, onSortChange]
-    )
-  );
-  return /* @__PURE__ */ jsx(
-    Box,
-    __spreadProps$g(__spreadValues$j(__spreadValues$j({
-      as: "th",
-      style: sx,
-      "data-columnname": column.name,
-      title: (_h = (_g = column.title) != null ? _g : column.label) != null ? _h : column.name
-    }, buttonProps), domProps), {
-      role: "rowheader",
-      className: `${isFilterRequired && window.SHOW_REQUIRED_POSITION ? "requiredFilterColumn" : ""}`,
-      children: /* @__PURE__ */ jsxs(Box, { as: "span", className: "headButton__container", children: [
-        /* @__PURE__ */ jsx(Box, { as: "span", className: "headButton__label", children: /* @__PURE__ */ jsx(
-          Box,
-          {
-            as: "span",
-            className: `${isFilterRequired ? "requiredFilter__Column" : ""}`,
-            children: column.label
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(Box, { as: "span", className: "headButton__sortIcon", children: [
-          column.allowSorting !== false && column.currentSorting === "A" && /* @__PURE__ */ jsx(FaSortUp, {}),
-          column.allowSorting !== false && column.currentSorting === "D" && /* @__PURE__ */ jsx(FaSortDown, {}),
-          column.allowSorting !== false && !column.currentSorting && /* @__PURE__ */ jsx(FaSort, {})
-        ] }),
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            className: "headButton__resizer",
-            onMouseDown: (ev) => {
-              if (!isResize) {
-                const trElement = getSpecificParent(
-                  ev.target,
-                  (current) => current.tagName === "TR"
-                );
-                trElement == null ? void 0 : trElement.querySelectorAll("th").forEach((current) => {
-                  thWidthEmitter.emit("resize", {
-                    name: makeColumnName(
-                      actualName,
-                      current.dataset.columnname
-                    ),
-                    width: current.clientWidth
-                  });
-                });
-                setIsResize(true);
-              }
-              const th = getSpecificParent(
-                ev.target,
-                (current) => current.tagName === "TH"
-              );
-              if (!th)
-                throw new Error("There is no th");
-              const initialX = ev.clientX;
-              const initialWidth = th.clientWidth;
-              const resize = (mousemoveEv) => {
-                const dif = mousemoveEv.clientX - initialX;
-                setWidth(initialWidth + dif);
-              };
-              const unsuscribe = () => {
-                const trElement = getSpecificParent(
-                  ev.target,
-                  (current) => current.tagName === "TR"
-                );
-                trElement == null ? void 0 : trElement.querySelectorAll("th").forEach((current) => {
-                  var _a2;
-                  persistentStorage[widthStorageName] = __spreadProps$g(__spreadValues$j({}, persistentStorage[widthStorageName]), {
-                    [actualName]: __spreadProps$g(__spreadValues$j({}, (_a2 = persistentStorage[widthStorageName]) == null ? void 0 : _a2[actualName]), {
-                      [current.dataset.columnname]: current.clientWidth
-                    })
-                  });
-                });
-                document.removeEventListener("mousemove", resize);
-                document.removeEventListener("mouseup", unsuscribe);
-              };
-              document.addEventListener("mousemove", resize);
-              document.addEventListener("mouseup", unsuscribe);
-              return false;
-            }
-          }
-        )
-      ] })
-    })
-  );
-};
-const HeaderCell = React.memo(NoMemoHeaderCell);
-
-var __defProp$i = Object.defineProperty;
-var __defProps$f = Object.defineProperties;
-var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
-var __hasOwnProp$i = Object.prototype.hasOwnProperty;
-var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$i = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$i.call(b, prop))
-      __defNormalProp$i(a, prop, b[prop]);
-  if (__getOwnPropSymbols$i)
-    for (var prop of __getOwnPropSymbols$i(b)) {
-      if (__propIsEnum$i.call(b, prop))
-        __defNormalProp$i(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
-const NoMemoRowStatesRenderer = ({
-  state
-}) => {
-  var _a;
-  const { Icon } = state;
-  return /* @__PURE__ */ jsx(
-    Button,
-    __spreadProps$f(__spreadValues$i({}, getVariant("inherit")), {
-      title: state.tooltip,
-      className: `${(_a = state.className) != null ? _a : "state"}_icon state_icon`,
-      sx: React.useMemo(
-        () => {
-          var _a2;
-          return {
-            "svg, path": {
-              color: (_a2 = state.color) != null ? _a2 : ""
-            }
-          };
-        },
-        [state.color]
-      ),
-      children: /* @__PURE__ */ jsx(Icon, {})
-    })
-  );
-};
-const RowStatesRenderer = React.memo(NoMemoRowStatesRenderer);
-
-var __defProp$h = Object.defineProperty;
-var __defProps$e = Object.defineProperties;
-var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
-var __hasOwnProp$h = Object.prototype.hasOwnProperty;
-var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$h = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$h.call(b, prop))
-      __defNormalProp$h(a, prop, b[prop]);
-  if (__getOwnPropSymbols$h)
-    for (var prop of __getOwnPropSymbols$h(b)) {
-      if (__propIsEnum$h.call(b, prop))
-        __defNormalProp$h(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
-const StateCell = ({ index, rowIndex, state, isHeader }) => {
-  const { name } = useResponsiveTableContext();
-  const domProps = useDomProps(
-    isHeader ? "headerStateCell" : "stateCell",
-    { columnIndex: index, rowIndex },
-    domPropsSelector(name)
-  );
-  return /* @__PURE__ */ jsx(Box, __spreadProps$e(__spreadValues$h({ as: "td", className: "stateCell" }, domProps), { children: state ? /* @__PURE__ */ jsx(RowStatesRenderer, { state }) : "" }));
-};
-
-var __defProp$g = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$g = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$g.call(b, prop))
-      __defNormalProp$g(a, prop, b[prop]);
-  if (__getOwnPropSymbols$g)
-    for (var prop of __getOwnPropSymbols$g(b)) {
-      if (__propIsEnum$g.call(b, prop))
-        __defNormalProp$g(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
-const NoMemoRangeFilter = ({ filter }) => {
-  var _a, _b;
-  const { onFilterBlur, onFilterChange, onFilterPressEnter } = useResponsiveTableContext();
-  const filterLow = {
-    id: filter.id,
-    currentValue: filter.currentValue,
-    type: "number"
-  };
-  const filterHigh = {
-    id: (_a = filter.filterToId) != null ? _a : "",
-    currentValue: (_b = filter.filterToValue) != null ? _b : "",
-    type: "number"
-  };
-  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(__spreadProps$d(__spreadValues$g({}, filterLow), { currentValue }));
-        },
-        onBlur: (currentValue) => {
-          if (onFilterBlur)
-            void onFilterBlur(__spreadProps$d(__spreadValues$g({}, filterLow), { currentValue }));
-        },
-        onPressEnter: (currentValue) => {
-          if (onFilterPressEnter)
-            void onFilterPressEnter(__spreadProps$d(__spreadValues$g({}, filterLow), { currentValue }));
-        }
-      }
-    ) }),
-    " - ",
-    /* @__PURE__ */ jsx(Box, { className: "ApiaFilter__Range__High", children: /* @__PURE__ */ jsx(
-      ApiaFilter,
-      {
-        filter: filterHigh,
-        onChange: (currentValue) => {
-          if (onFilterChange)
-            void onFilterChange(__spreadProps$d(__spreadValues$g({}, filterHigh), { currentValue }));
-        },
-        onBlur: (currentValue) => {
-          if (onFilterBlur)
-            void onFilterBlur(__spreadProps$d(__spreadValues$g({}, filterHigh), { currentValue }));
-        },
-        onPressEnter: (currentValue) => {
-          if (onFilterPressEnter)
-            void onFilterPressEnter(__spreadProps$d(__spreadValues$g({}, filterHigh), { currentValue }));
-        }
-      }
-    ) })
-  ] });
-};
-const RangeFilter = NoMemoRangeFilter;
-
-var __defProp$f = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$f = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$f.call(b, prop))
-      __defNormalProp$f(a, prop, b[prop]);
-  if (__getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(b)) {
-      if (__propIsEnum$f.call(b, prop))
-        __defNormalProp$f(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
-const FilterCell = ({ columnIndex, filter }) => {
-  const { name, onFilterBlur, onFilterChange, onFilterPressEnter } = useResponsiveTableContext();
-  const domProps = useDomProps(
-    "filterTd",
-    {
-      columnIndex
-    },
-    domPropsSelector(name)
-  );
-  const handleOnBlur = React.useCallback(
-    (currentValue) => {
-      if (filter && onFilterBlur)
-        onFilterBlur(__spreadProps$c(__spreadValues$f({}, filter), { currentValue }));
-    },
-    [filter, onFilterBlur]
-  );
-  const handleOnChange = React.useCallback(
-    (currentValue) => {
-      if (filter && onFilterChange)
-        return onFilterChange(__spreadProps$c(__spreadValues$f({}, filter), { currentValue }));
-      return true;
-    },
-    [filter, onFilterChange]
-  );
-  const handleOnPressEnter = React.useCallback(
-    (currentValue) => {
-      if (filter && onFilterPressEnter)
-        onFilterPressEnter(__spreadProps$c(__spreadValues$f({}, filter), { currentValue }));
-    },
-    [filter, onFilterPressEnter]
-  );
-  function findFilter() {
-    if (filter == null ? void 0 : filter.isRange) {
-      return /* @__PURE__ */ jsx(RangeFilter, { filter });
-    }
-    if (filter && !(filter.asAdditional || !filter.column || filter.isRange)) {
-      return /* @__PURE__ */ jsx(
-        ApiaFilter,
-        {
-          onBlur: handleOnBlur,
-          onChange: handleOnChange,
-          onPressEnter: handleOnPressEnter,
-          filter
-        }
-      );
-    }
-    let label;
-    if (filter && (filter.asAdditional || !filter.column || filter.isRange)) {
-      label = window.LBL_ADDITIONAL_FILTER;
-    } else {
-      label = window.LBL_NO_COLUMN_FILTER;
-    }
-    return /* @__PURE__ */ jsx(Input, { "aria-label": label, disabled: true });
-  }
-  return /* @__PURE__ */ jsx("td", __spreadProps$c(__spreadValues$f({}, domProps), { children: findFilter() }));
-};
-
-var __defProp$e = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$e = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$e.call(b, prop))
-      __defNormalProp$e(a, prop, b[prop]);
-  if (__getOwnPropSymbols$e)
-    for (var prop of __getOwnPropSymbols$e(b)) {
-      if (__propIsEnum$e.call(b, prop))
-        __defNormalProp$e(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
-const NoMemoHeader = () => {
-  const { name } = useResponsiveTableContext();
-  const { columns, hasNonAdditionalFilters, focusedColumn, focusedRow } = useResponsiveTable((global) => {
-    var _a;
-    const tableState = global.responsiveTableSlice[name];
-    window.focusedRow = tableState == null ? void 0 : tableState.focusedRow;
-    window.focusedColumn = tableState == null ? void 0 : tableState.focusedColumn;
-    window.hasNonAdditionalFilters = (tableState == null ? void 0 : tableState.hasNonAdditionalFilters) || false;
-    return {
-      columns: (_a = tableState == null ? void 0 : tableState.columns) != null ? _a : [],
-      focusedColumn: tableState == null ? void 0 : tableState.focusedColumn,
-      focusedRow: tableState == null ? void 0 : tableState.focusedRow,
-      hasNonAdditionalFilters: tableState == null ? void 0 : tableState.hasNonAdditionalFilters
-    };
-  }, shallowEqual$1);
-  const filters = useResponsiveTable(
-    (global) => {
-      var _a;
-      const tableState = global.responsiveTableSlice[name];
-      const returnObject = ((_a = tableState == null ? void 0 : tableState.filters) != null ? _a : []).map((current) => ({
-        columnIndex: tableState.columns.findIndex(
-          (search) => search.name === current.column
-        ),
-        definition: current
-      })).filter((current) => current.columnIndex >= 0);
-      return returnObject;
-    },
-    (a, b) => {
-      return a.length === b.length && a.reduce((result, current, index) => {
-        return result && shallowEqual$1(current.definition, b[index].definition);
-      }, true);
-    }
-  );
-  const statesCount = useResponsiveTable((globalState) => {
-    var _a;
-    const state = globalState.responsiveTableSlice[name];
-    return (_a = state == null ? void 0 : state.statesColumns) != null ? _a : 0;
-  }, shallowEqual$1);
-  const additionalColumns = React.useMemo(
-    () => columns.reduce(
-      (count, column) => count + (column.showAsAdditional ? 1 : 0),
-      0
-    ),
-    [columns]
-  );
-  const statesIds = React.useMemo(() => {
-    return Array(statesCount).fill("").map(() => uniqueId());
-  }, [statesCount]);
-  const [isFiltersRowVisible, setIsFiltersRowVisible] = React.useState(
-    /* (persistentStorage.showResponsiveTableFilters as boolean) ??  */
-    false
-  );
-  React.useEffect(() => {
-    persistentStorage.showResponsiveTableFilters = isFiltersRowVisible;
-  }, [isFiltersRowVisible]);
-  const buttonProps = useOtherTagButton(
-    React.useMemo(
-      () => ({
-        className: "additionalColumn",
-        onClick: () => setIsFiltersRowVisible((current) => !current)
-      }),
-      []
-    )
-  );
-  const [ref, setRef] = useState(null);
-  useUpdateEffect$1(() => {
-    const handleFocus = (ev) => {
-      ev.stopPropagation();
-      setIsFiltersRowVisible(true);
-    };
-    ref == null ? void 0 : ref.addEventListener(customEvents.focus, handleFocus);
-    return () => {
-      ref == null ? void 0 : ref.removeEventListener(customEvents.focus, handleFocus);
-    };
-  }, [ref]);
-  return /* @__PURE__ */ jsxs("thead", { children: [
-    /* @__PURE__ */ jsxs("tr", { "data-focusindex": 1, children: [
-      (additionalColumns > 0 || hasNonAdditionalFilters) && /* @__PURE__ */ jsx(
-        "th",
-        __spreadProps$b(__spreadValues$e({
-          "aria-colindex": 1,
-          "aria-rowindex": 1,
-          "data-focused": focusedColumn === 1 && focusedRow === -1 - (hasNonAdditionalFilters ? 1 : 0)
-        }, buttonProps), {
-          tabIndex: focusedColumn === 1 && focusedRow === -1 - (hasNonAdditionalFilters ? 1 : 0) ? 0 : -1,
-          role: "rowheader",
-          children: hasNonAdditionalFilters ? /* @__PURE__ */ jsx(
-            Icon,
-            {
-              className: "filterButton",
-              name: "Filter",
-              title: isFiltersRowVisible ? window.LBL_HIDE_FILTERS : window.LBL_SHOW_FILTERS,
-              "aria-label": isFiltersRowVisible ? window.LBL_HIDE_FILTERS : window.LBL_SHOW_FILTERS
-            }
-          ) : /* @__PURE__ */ jsx(Fragment, { children: "\xA0" })
-        })
-      ),
-      statesIds.map((id, i) => /* @__PURE__ */ jsx(StateCell, { isHeader: true, index: i, rowIndex: 1 }, id)),
-      columns.map((current, actualColumnIndex) => __spreadProps$b(__spreadValues$e({}, current), {
-        actualTableColumnIndex: actualColumnIndex
-      })).filter((current) => !current.showAsAdditional).map((current, columnIndex) => {
-        if (current.hidden)
-          return null;
-        return /* @__PURE__ */ jsx(
-          HeaderCell,
-          {
-            apiaColumnIndex: current.actualTableColumnIndex,
-            columnIndex: current.actualTableColumnIndex,
-            inTableColumnIndex: columnIndex
-          },
-          current.name
-        );
-      })
-    ] }),
-    filters.length > 0 && /* @__PURE__ */ jsxs(
-      "tr",
-      {
-        ref: setRef,
-        "data-focusindex": 2,
-        className: `responsiveTable__filters__row ${isFiltersRowVisible ? "" : "hidden"}`,
-        children: [
-          (additionalColumns > 0 || hasNonAdditionalFilters) && /* @__PURE__ */ jsx(
-            "td",
-            {
-              className: "noFilter",
-              "aria-colindex": 1,
-              "aria-rowindex": 2,
-              tabIndex: focusedColumn === 1 && focusedRow === -1 ? 0 : -1,
-              "data-focused": focusedColumn === 1 && focusedRow === -1,
-              children: "\xA0"
-            }
-          ),
-          statesIds.map((id, i) => /* @__PURE__ */ jsx(StateCell, { isHeader: true, index: i, rowIndex: 2 }, id)),
-          columns.filter((current) => !current.showAsAdditional).map((current, columnIndex) => {
-            const filter = filters.find(
-              (search) => search.definition.column === current.name
-            );
-            return current.showAsAdditional ? null : /* @__PURE__ */ jsx(
-              FilterCell,
-              {
-                columnIndex,
-                filter: filter == null ? void 0 : filter.definition
-              },
-              current.name
-            );
-          })
-        ]
-      }
-    )
-  ] });
-};
-const Header = React.memo(NoMemoHeader);
-
-const NoMemoAdditionalColumnDefaultRenderer = ({
-  column,
-  cell
-}) => {
-  var _a;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: `${(_a = cell.className) != null ? _a : ""} responsiveTable__additionalInfoItem`,
-      id: cell.id,
-      title: cell.title,
-      children: [
-        /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
-          column.name,
-          ":"
-        ] }),
-        " ",
-        cell.children
-      ]
-    }
-  );
-};
-const AdditionalColumnDefaultRenderer = React.memo(
-  NoMemoAdditionalColumnDefaultRenderer
-);
-
-var __defProp$d = Object.defineProperty;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$d = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$d(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$d(a, prop, b[prop]);
-    }
-  return a;
-};
-const SeparatorCell = ({
-  colSpan,
-  rowIndex
-}) => {
-  const { name } = useResponsiveTableContext();
-  const domProps = useDomProps(
-    "separator",
-    { rowIndex },
-    domPropsSelector(name)
-  );
-  return /* @__PURE__ */ jsx("td", __spreadValues$d({ className: "row__separator__cell", colSpan }, domProps));
-};
-
-var __defProp$c = Object.defineProperty;
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$c = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$c.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(b)) {
-      if (__propIsEnum$c.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$9 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const NoMemoDefaultRowRenderer = React.forwardRef((_a, currentRef) => {
-  var _b = _a, { row, rowIndex } = _b, props = __objRest$9(_b, ["row", "rowIndex"]);
-  return /* @__PURE__ */ jsx(
-    Box,
-    __spreadValues$c({
-      as: "tr",
-      sx: useMemo(
-        () => ({
-          "&.colored, & > *": {
-            color: row.color,
-            background: row.background
-          }
-        }),
-        [row.background, row.color]
-      ),
-      ref: currentRef
-    }, props)
-  );
-});
-NoMemoDefaultRowRenderer.displayName = "DefaultRowRenderer";
-const DefaultRowRenderer = NoMemoDefaultRowRenderer;
-
-var __defProp$b = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$b = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-var __objRest$8 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const NoMemoDefaultCellRenderer = React.forwardRef(
-  (_a, currentRef) => {
-    var _b = _a, {
-      cell: _c
-    } = _b, _d = _c, { Renderer, rendererProps, AccordionRenderer, ariaLabel } = _d, cell = __objRest$8(_d, ["Renderer", "rendererProps", "AccordionRenderer", "ariaLabel"]), _e = _b, props = __objRest$8(_e, [
-      "cell",
-      "column",
-      "row"
-    ]);
-    return /* @__PURE__ */ jsx(
-      Box,
-      __spreadProps$a(__spreadValues$b(__spreadValues$b({
-        as: "td",
-        sx: useMemo(
-          () => ({
-            "&.colored": {
-              background: cell.background,
-              color: cell.color
-            }
-          }),
-          [cell.background, cell.color]
-        ),
-        ref: currentRef
-      }, props), cell), {
-        "aria-label": ariaLabel
-      })
-    );
-  }
-);
-NoMemoDefaultCellRenderer.displayName = "DefaultCellRenderer";
-const DefaultCellRenderer = NoMemoDefaultCellRenderer;
-
-var __defProp$a = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-const NoMemoCell = ({
-  columnIndex,
-  inTableColumnIndex,
-  rowIndex
-}) => {
-  const { name } = useResponsiveTableContext();
-  const domProps = useDomProps(
-    "td",
-    { columnIndex: inTableColumnIndex, rowIndex },
-    domPropsSelector(name)
-  );
-  const cell = useResponsiveTable((global) => {
-    var _a;
-    const tableState = global.responsiveTableSlice[name];
-    return (_a = tableState == null ? void 0 : tableState.rows[rowIndex]) == null ? void 0 : _a.cells[columnIndex];
-  }, shallowEqual);
-  const column = useResponsiveTable((global) => {
-    const tableState = global.responsiveTableSlice[name];
-    return tableState == null ? void 0 : tableState.columns[columnIndex];
-  }, shallowEqual);
-  const row = useResponsiveTable((global) => {
-    const tableState = global.responsiveTableSlice[name];
-    return tableState == null ? void 0 : tableState.rows[rowIndex];
-  }, shallowEqual);
-  const Renderer = React.useMemo(
-    () => {
-      var _a;
-      return (_a = cell == null ? void 0 : cell.Renderer) != null ? _a : DefaultCellRenderer;
-    },
-    [cell == null ? void 0 : cell.Renderer]
-  );
-  if (!Renderer || !cell)
-    return row.separator ? /* @__PURE__ */ jsx("div", { className: "separator" }) : null;
-  return /* @__PURE__ */ jsx(
-    Renderer,
-    __spreadProps$9(__spreadValues$a({}, domProps), {
-      cell,
-      column,
-      row
-    })
-  );
-};
-const Cell = React.memo(NoMemoCell);
-
-var __defProp$9 = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
-var __objRest$7 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const NoMemoRow = ({ rowIndex }) => {
-  var _b;
-  const { name } = useResponsiveTableContext();
-  const { columns, hasNonAdditionalFilters } = useResponsiveTable((global) => {
-    var _a2;
-    const tableState = global.responsiveTableSlice[name];
-    return {
-      columns: (_a2 = tableState == null ? void 0 : tableState.columns) != null ? _a2 : [],
-      hasNonAdditionalFilters: tableState == null ? void 0 : tableState.hasNonAdditionalFilters
-    };
-  }, shallowEqual);
-  const row = useResponsiveTable(
-    (global) => global.responsiveTableSlice[name].rows[rowIndex],
-    shallowEqual
-  );
-  const additionalCells = useResponsiveTable(
-    (global) => {
-      const tableState = global.responsiveTableSlice[name];
-      return tableState.columns.map(
-        (current, index) => current.showAsAdditional ? {
-          index,
-          column: current
-        } : null
-      ).filter(
-        (current) => !!current
-      ).map((current) => {
-        var _a2;
-        return {
-          cell: (_a2 = tableState.rows[rowIndex]) == null ? void 0 : _a2.cells[current.index],
-          column: current.column,
-          columnIndex: current.index
-        };
-      });
-    },
-    (currentValue, newValue) => {
-      return currentValue.reduce(
-        (accumulatedBoolean, currentCell, cellIndex) => {
-          return accumulatedBoolean && shallowEqual(currentCell, newValue[cellIndex]);
-        },
-        true
-      );
-    }
-  );
-  const { isDragging, isExpanded, shouldForbidSelection } = useResponsiveTable(
-    (global) => {
-      var _a2;
-      const tableState = global.responsiveTableSlice[name];
-      return {
-        isExpanded: tableState.expandedRows.includes(rowIndex),
-        isDragging: tableState.draggingRow === rowIndex,
-        shouldForbidSelection: (_a2 = tableState.rows[rowIndex]) == null ? void 0 : _a2.forbidSelection
-      };
-    },
-    shallowEqual
-  );
-  const domProps = useDomProps(
-    "tr",
-    {
-      isThisRowExpanded: isExpanded,
-      rowIndex
-    },
-    domPropsSelector(name)
-  );
-  const expandedRowDomProps = useDomProps(
-    "tr",
-    {
-      isTheExpandedRow: true,
-      rowIndex
-    },
-    domPropsSelector(name)
-  );
-  const handleExpandedState = React.useCallback(
-    (ev) => {
-      const willBeExpanded = typeof ev === "boolean" ? ev : !isExpanded;
-      if (!willBeExpanded)
-        responsiveTableStore.dispatch(
-          responsiveTableActions.update({
-            tableName: name,
-            expandedRows: responsiveTableStore.getState().responsiveTableSlice[name].expandedRows.filter(
-              (current) => current !== rowIndex
-            )
-          })
-        );
-      else
-        responsiveTableStore.dispatch(
-          responsiveTableActions.update({
-            tableName: name,
-            expandedRows: [
-              ...responsiveTableStore.getState().responsiveTableSlice[name].expandedRows,
-              rowIndex
-            ]
-          })
-        );
-    },
-    [isExpanded, name, rowIndex]
-  );
-  const statesCount = useResponsiveTable((globalState) => {
-    var _a2;
-    const state = globalState.responsiveTableSlice[name];
-    return (_a2 = state == null ? void 0 : state.statesColumns) != null ? _a2 : 0;
-  }, shallowEqual);
-  const states = React.useMemo(
-    () => {
-      var _a2;
-      return ((_a2 = row.states) != null ? _a2 : []).map((current) => __spreadProps$8(__spreadValues$9({}, current), { id: uniqueId() }));
-    },
-    [row.states]
-  );
-  const _a = useDomProps(
-    "additionalTd",
-    { rowIndex },
-    domPropsSelector(name)
-  ), additionalCellDomProps = __objRest$7(_a, ["ref"]);
-  const Renderer = React.useMemo(
-    () => {
-      var _a2;
-      return (_a2 = row.renderer) != null ? _a2 : DefaultRowRenderer;
-    },
-    [row.renderer]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Renderer,
-      __spreadProps$8(__spreadValues$9({}, domProps), {
-        row,
-        rowIndex,
-        className: `responsiveTable__row ${row.isHidden ? "hidden" : ""} ${domProps["aria-selected"] ? "selected" : ""} ${shouldForbidSelection ? "non-selectable" : ""} ${states.map((current) => current.className).join(" ")} ${(_b = row.className) != null ? _b : ""} ${row.separator ? "row__separator" : ""} ${isDragging ? "draggingRow" : ""}`,
-        onKeyDown: React.useCallback(
-          (ev) => {
-            if (ev.key.toLowerCase() === "arrowleft" && ev.ctrlKey) {
-              ev.preventDefault();
-              ev.stopPropagation();
-              handleExpandedState(false);
-            }
-            if (ev.key.toLowerCase() === "arrowright" && ev.ctrlKey) {
-              ev.preventDefault();
-              ev.stopPropagation();
-              handleExpandedState(true);
-            }
-          },
-          [handleExpandedState]
-        ),
-        children: row.separator ? /* @__PURE__ */ jsx(
-          SeparatorCell,
-          {
-            colSpan: (additionalCells.length > 0 || hasNonAdditionalFilters ? 1 : 0) + statesCount + columns.filter((current) => !current.showAsAdditional).length,
-            rowIndex
-          }
-        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          (additionalCells.length > 0 || hasNonAdditionalFilters) && /* @__PURE__ */ jsx("td", __spreadProps$8(__spreadValues$9({ className: "additionalInfo__cell" }, additionalCellDomProps), { children: additionalCells.length > 0 && /* @__PURE__ */ jsx(
-            IconButton,
-            __spreadProps$8(__spreadValues$9({}, getVariant("icon-outline")), {
-              icon: isExpanded ? FaMinusSquare : FaPlusSquare,
-              "aria-label": isExpanded ? window.LBL_COLLAPSE_ROW : window.LBL_EXPAND_ROW,
-              className: "moreInformationButton",
-              onClick: handleExpandedState
-            })
-          ) })),
-          Array(statesCount).fill("").map((_, i) => {
-            var _a2, _b2;
-            return /* @__PURE__ */ jsx(
-              StateCell,
-              {
-                index: i,
-                state: states[i],
-                rowIndex
-              },
-              (_b2 = (_a2 = states[i]) == null ? void 0 : _a2.id) != null ? _b2 : i
-            );
-          }),
-          columns.map((current, actualColumnIndex) => __spreadProps$8(__spreadValues$9({}, current), {
-            actualColumnIndex
-          })).filter((current) => !current.showAsAdditional).map((current, inTableColumnIndex) => {
-            if (current.hidden)
-              return null;
-            return /* @__PURE__ */ jsx(
-              Cell,
-              {
-                columnIndex: current.actualColumnIndex,
-                rowIndex,
-                inTableColumnIndex
-              },
-              current.name
-            );
-          })
-        ] })
-      })
-    ),
-    isExpanded && /* @__PURE__ */ jsx("tr", __spreadProps$8(__spreadValues$9({ className: "expandedRow" }, expandedRowDomProps), { children: /* @__PURE__ */ jsx(
-      "td",
-      {
-        colSpan: columns.length - additionalCells.length + states.length + 1,
-        children: /* @__PURE__ */ jsx(Box, { className: "responsiveTable__additionalInfoContainer", children: additionalCells.map((current) => {
-          const { Renderer: ColumnRenderer } = current.column;
-          if (ColumnRenderer)
-            return /* @__PURE__ */ jsx(
-              ColumnRenderer,
-              {
-                cell: current.cell,
-                column: current.column,
-                row
-              },
-              current.column.name
-            );
-          return /* @__PURE__ */ jsx(
-            AdditionalColumnDefaultRenderer,
-            {
-              cell: current.cell,
-              column: current.column,
-              row
-            },
-            current.column.name
-          );
-        }) })
-      }
-    ) }))
-  ] });
-};
-const Row = React.memo(NoMemoRow);
-
-const NoRegistersRenderer = () => {
-  const { labels } = useResponsiveTableContext();
-  return /* @__PURE__ */ jsx(Box, { className: "no__registers", children: labels.noRegisters });
-};
-
-var __defProp$8 = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-const NoMemoTableRenderer = () => {
-  const { name, label } = useResponsiveTableContext();
-  const domProps = useDomProps(
-    "table",
-    {},
-    (global) => global.responsiveTableSlice[name]
-  );
-  const rows = useResponsiveTable((global) => {
-    var _a;
-    const tableState = global.responsiveTableSlice[name];
-    return ((_a = tableState == null ? void 0 : tableState.rows) != null ? _a : []).map((current) => current.id);
-  }, shallowEqual);
-  const { columnsCount, rowsCount } = useResponsiveTable((global) => {
-    var _a, _b, _c;
-    const tableState = global.responsiveTableSlice[name];
-    return {
-      rowsCount: (_a = tableState == null ? void 0 : tableState.rows.length) != null ? _a : 0,
-      columnsCount: ((_b = tableState == null ? void 0 : tableState.nonAdditionalColumnsCount) != null ? _b : 0) + ((tableState == null ? void 0 : tableState.hasNonAdditionalFilters) ? 1 : 0) + ((_c = tableState == null ? void 0 : tableState.statesColumns) != null ? _c : 0)
-    };
-  }, shallowEqual);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    __spreadProps$7(__spreadValues$8(__spreadProps$7(__spreadValues$8({}, domProps), {
-      as: "table",
-      className: "responsiveTable__table"
-    }), getVariant("layout.common.tables.primary")), {
-      "aria-label": label,
-      children: [
-        /* @__PURE__ */ jsx(Header, {}),
-        /* @__PURE__ */ jsx("tbody", { children: rowsCount > 0 ? rows.map((row, index) => {
-          return /* @__PURE__ */ jsx(Row, { rowIndex: index }, row != null ? row : `${row}-${index}`);
-        }) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columnsCount, children: /* @__PURE__ */ jsx(NoRegistersRenderer, {}) }) }) })
-      ]
-    })
-  );
-};
-const TableRenderer = React.memo(NoMemoTableRenderer);
-
-const NoMemoAccordionCell = ({ cell, column }) => {
-  var _a;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: "responsiveTable__accordionElement__column",
-      children: [
-        /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
-          (_a = column.label) != null ? _a : column.name,
-          ": "
-        ] }),
-        /* @__PURE__ */ jsx(Box, { as: "span", children: cell == null ? void 0 : cell.children })
-      ]
-    },
-    column.name
-  );
-};
-const AccordionCell = NoMemoAccordionCell;
-
-const PrimitiveAccordionElement = ({ children }) => /* @__PURE__ */ jsx(Box, { className: "accordion", children });
-const NoMemoAccordionElement = ({ row, rowIndex }) => {
-  const { name } = useResponsiveTableContext();
-  const indexColumns = useResponsiveTable((global) => {
-    const tableState = global.responsiveTableSlice[name];
-    return tableState == null ? void 0 : tableState.accordionIndexColumns;
-  }, shallowEqual);
-  const columns = useResponsiveTable((global) => {
-    const tableState = global.responsiveTableSlice[name];
-    return tableState == null ? void 0 : tableState.columns;
-  }, shallowEqual);
-  const title = React.useMemo(() => {
-    var _a;
-    if (row.title)
-      return row.title;
-    if (Array.isArray(indexColumns))
-      return indexColumns.map(
-        (current) => {
-          var _a2;
-          return (_a2 = row.cells[current.index].title) != null ? _a2 : row.cells[current.index].children;
-        }
-      ).join(" | ");
-    return (_a = row.cells[0].title) != null ? _a : row.cells[0].children;
-  }, [indexColumns, row.cells, row.title]);
-  if (!Array.isArray(indexColumns) || !columns)
-    return null;
-  return /* @__PURE__ */ jsxs(
-    PrimitiveAccordionElement,
-    {
-      ButtonComponent: Button,
-      className: "responsiveTable__accordionElement",
-      contentClassName: "responsiveTable__accordionElement__content",
-      id: row.id,
-      title,
-      children: [
-        columns.map((currentColumn, columnIndex) => {
-          var _a, _b;
-          const Renderer = (_b = (_a = row.cells[columnIndex].AccordionRenderer) != null ? _a : currentColumn.AccordionRenderer) != null ? _b : AccordionCell;
-          return currentColumn.hideFromAccordion || currentColumn.showAsAdditional ? null : /* @__PURE__ */ jsx(
-            Renderer,
-            {
-              cell: row.cells[columnIndex],
-              column: currentColumn,
-              columnIndex,
-              row,
-              rowIndex
-            },
-            currentColumn.name
-          );
-        }),
-        columns.filter((current) => !!current.showAsAdditional).map((currentColumn, columnIndex) => {
-          var _a, _b;
-          const Renderer = (_b = (_a = row.cells[columnIndex].AccordionRenderer) != null ? _a : currentColumn.AccordionRenderer) != null ? _b : AccordionCell;
-          return currentColumn.hideFromAccordion ? null : /* @__PURE__ */ jsx(
-            Renderer,
-            {
-              cell: row.cells[columnIndex],
-              column: currentColumn,
-              columnIndex,
-              row,
-              rowIndex
-            },
-            currentColumn.name
-          );
-        })
-      ]
-    }
-  );
-};
-const AccordionElement = NoMemoAccordionElement;
-
-var __defProp$7 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-const isDebugging = false;
-const NoMemoAccordionRenderer = () => {
-  const { name } = useResponsiveTableContext();
-  const { columns, rows } = useResponsiveTable((global) => {
-    const tableState = global.responsiveTableSlice[name];
-    return {
-      columns: tableState == null ? void 0 : tableState.columns,
-      rows: tableState == null ? void 0 : tableState.rows
-    };
-  }, shallowEqual);
-  React.useEffect(() => {
-    if (columns && rows) {
-      const markedAsTitleColumns = [];
-      columns.forEach((column, index) => {
-        if (column.showInAccordionTitle)
-          markedAsTitleColumns.push({ column, index });
-      });
-      if (markedAsTitleColumns.length > 0) {
-        responsiveTableStore.dispatch(
-          responsiveTableActions.update({
-            tableName: name,
-            accordionIndexColumns: markedAsTitleColumns
-          })
-        );
-      } else {
-        const columnsLength = columns.length;
-        let indexColumn = null;
-        let currentIndex = 0;
-        while (!indexColumn && !isDebugging && currentIndex < columns.length || isDebugging ) {
-          let isAnyEmptyRow = false;
-          for (const row of rows) {
-            if (!row.cells[currentIndex].children) {
-              isAnyEmptyRow = true;
-              break;
-            }
-          }
-          if (!isAnyEmptyRow && columns[currentIndex]) {
-            indexColumn = columns[currentIndex];
-          } else {
-            currentIndex += 1;
-            if (currentIndex === columnsLength)
-              break;
-          }
-        }
-        if (!indexColumn) {
-          [indexColumn] = columns;
-          currentIndex = 0;
-        }
-        responsiveTableStore.dispatch(
-          responsiveTableActions.update({
-            tableName: name,
-            accordionIndexColumns: [
-              { column: indexColumn, index: currentIndex }
-            ]
-          })
-        );
-      }
-    }
-  }, [columns, name, rows]);
-  const [ref, setRef] = React.useState(null);
-  React.useEffect(() => {
-    const observer = new MutationObserver(([mutation]) => {
-      if (mutation.addedNodes) {
-        mutation.addedNodes.forEach((current) => {
-          var _a, _b;
-          if ((_a = current.classList) == null ? void 0 : _a.contains(
-            "responsiveTable__accordionElement"
-          ))
-            (_b = current.scrollIntoView) == null ? void 0 : _b.call(current);
-        });
-      }
-    });
-    if (ref)
-      observer.observe(ref, { childList: true, subtree: true });
-    return () => {
-      observer.disconnect();
-    };
-  }, [ref]);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    __spreadProps$6(__spreadValues$7({
-      className: "responsiveTable__accordion"
-    }, getVariant("layout.common.tables.accordion")), {
-      ref: setRef,
-      children: [
-        !rows || rows.length === 0 && /* @__PURE__ */ jsx(NoRegistersRenderer, {}),
-        rows == null ? void 0 : rows.slice(0, void 0).map((current, rowIndex) => /* @__PURE__ */ jsx(
-          AccordionElement,
-          {
-            row: current,
-            rowIndex
-          },
-          current.id
-        ))
-      ]
-    })
-  );
-};
-const AccordionRenderer = React.memo(NoMemoAccordionRenderer);
-
-var __defProp$6 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
-var __objRest$6 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const domPropsSelector = (name) => (global) => global.responsiveTableSlice[name];
-const NoMemoResponsiveTable = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest$6(_b, ["className"]);
-  const breakpoint = useBreakpointIndex({ defaultIndex: 3 });
-  const { currentBreakPoint } = useResponsiveTableContext();
-  const actualBreakpoint = currentBreakPoint != null ? currentBreakPoint : breakpoint;
-  return /* @__PURE__ */ jsx(KeyHandler, { children: /* @__PURE__ */ jsx(
-    Box,
-    __spreadProps$5(__spreadValues$6(__spreadValues$6({}, props), getVariant("layout.common.tables.responsive")), {
-      className: `responsiveTable__wrapper ${className != null ? className : ""}`,
-      ref,
-      children: actualBreakpoint >= 3 ? /* @__PURE__ */ jsx(TableRenderer, {}) : /* @__PURE__ */ jsx(AccordionRenderer, {})
-    })
-  ) });
-});
-NoMemoResponsiveTable.displayName = "ResponsiveTable";
-const ResponsiveTable = React.memo(NoMemoResponsiveTable);
-
-var __defProp$5 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$5 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const NoMemoDocNameCellRenderer = React.forwardRef(
-  (_a, currentRef) => {
-    var _b = _a, {
-      cell: _c
-    } = _b, _d = _c, { children, Renderer, rendererProps, AccordionRenderer } = _d, cell = __objRest$5(_d, ["children", "Renderer", "rendererProps", "AccordionRenderer"]), _e = _b, props = __objRest$5(_e, [
-      "cell",
-      "column",
-      "row"
-    ]);
-    return /* @__PURE__ */ jsx(
-      "td",
-      __spreadProps$4(__spreadValues$5(__spreadValues$5({
-        ref: currentRef
-      }, props), cell), {
-        children: /* @__PURE__ */ jsxs(
-          Link,
-          {
-            className: "cell__download__document",
-            title: rendererProps == null ? void 0 : rendererProps.docName,
-            href: rendererProps == null ? void 0 : rendererProps.docUrl,
-            onClick: (ev) => {
-              ev.preventDefault();
-              if (rendererProps == null ? void 0 : rendererProps.docUrl)
-                void downloadUrl(rendererProps == null ? void 0 : rendererProps.docUrl);
-            },
-            children: [
-              /* @__PURE__ */ jsx(Icon, { title: "", name: "Download" }),
-              rendererProps == null ? void 0 : rendererProps.docName
-            ]
-          }
-        )
-      })
-    );
-  }
-);
-NoMemoDocNameCellRenderer.displayName = "DocNameCellRenderer";
-const DocNameCellRenderer = NoMemoDocNameCellRenderer;
-
-var __defProp$4 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-var __objRest$4 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const NoMemoAccordionDocNameCellRenderer = React.forwardRef(
-  (_a, currentRef) => {
-    var _b = _a, {
-      cell: _c
-    } = _b, _d = _c, { children, Renderer, rendererProps, AccordionRenderer } = _d, cell = __objRest$4(_d, ["children", "Renderer", "rendererProps", "AccordionRenderer"]), {
-      column
-    } = _b;
-    var _a2;
-    return /* @__PURE__ */ jsxs(Box, __spreadProps$3(__spreadValues$4({ ref: currentRef }, cell), { children: [
-      /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
-        (_a2 = column.label) != null ? _a2 : column.name,
-        ": "
-      ] }),
-      /* @__PURE__ */ jsxs(
-        Link,
-        {
-          className: "cell__download__document",
-          title: rendererProps == null ? void 0 : rendererProps.docName,
-          href: rendererProps == null ? void 0 : rendererProps.docUrl,
-          onClick: (ev) => {
-            ev.preventDefault();
-            if (rendererProps == null ? void 0 : rendererProps.docUrl)
-              void downloadUrl(rendererProps == null ? void 0 : rendererProps.docUrl);
-          },
-          children: [
-            /* @__PURE__ */ jsx(Icon, { title: "", name: "Download" }),
-            rendererProps == null ? void 0 : rendererProps.docName
-          ]
-        }
-      )
-    ] }));
-  }
-);
-NoMemoAccordionDocNameCellRenderer.displayName = "AccordionDocNameCellRenderer";
-const AccordionDocNameCellRenderer = NoMemoAccordionDocNameCellRenderer;
-
-var __defProp$3 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __objRest$3 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const NoMemoAccordionHTMLCellRenderer = React.forwardRef(
-  (_a, currentRef) => {
-    var _b = _a, {
-      cell: _c
-    } = _b, _d = _c, { children, Renderer, rendererProps, AccordionRenderer } = _d, cell = __objRest$3(_d, ["children", "Renderer", "rendererProps", "AccordionRenderer"]), _e = _b, props = __objRest$3(_e, [
-      "cell",
-      "column",
-      "row"
-    ]);
-    return (
-      /**
-       * Aca falta el title de la columna
-       */
-      /* @__PURE__ */ jsx(
-        Box,
-        __spreadProps$2(__spreadValues$3(__spreadValues$3(__spreadValues$3({
-          ref: currentRef
-        }, props), cell), (rendererProps == null ? void 0 : rendererProps.html) ? {
-          dangerouslySetInnerHTML: {
-            __html: rendererProps.html.replaceAll(/<TOK(\d+)/g, "&lt;TOK$1")
-          }
-        } : { children }), {
-          as: "span"
-        })
-      )
-    );
-  }
-);
-NoMemoAccordionHTMLCellRenderer.displayName = "AccordionHTMLCellRenderer";
-const AccordionHTMLCellRenderer = NoMemoAccordionHTMLCellRenderer;
-
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$2 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const NoMemoHTMLCellRenderer = React.forwardRef(
-  (_a, currentRef) => {
-    var _b = _a, {
-      cell: _c
-    } = _b, _d = _c, { children, Renderer, rendererProps, AccordionRenderer } = _d, cell = __objRest$2(_d, ["children", "Renderer", "rendererProps", "AccordionRenderer"]), _e = _b, props = __objRest$2(_e, [
-      "cell",
-      "column",
-      "row"
-    ]);
-    return /* @__PURE__ */ jsx(
-      "td",
-      __spreadValues$2(__spreadValues$2(__spreadValues$2({
-        ref: currentRef
-      }, props), cell), (rendererProps == null ? void 0 : rendererProps.html) ? {
-        dangerouslySetInnerHTML: {
-          __html: rendererProps.html.replaceAll(
-            /<TOK(\d+)/g,
-            "&lt;TOK$1"
-          )
-        }
-      } : { children })
-    );
-  }
-);
-NoMemoHTMLCellRenderer.displayName = "HTMLCellRenderer";
-const HTMLCellRenderer = NoMemoHTMLCellRenderer;
-
-const IsLoadingRenderer = () => {
-  return /* @__PURE__ */ jsx(Box, { className: "responsiveTable__isLoading", children: /* @__PURE__ */ jsx(Spinner, {}) });
-};
-
-var __async$1 = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-function makeAccordionAsyncRenderer(additionalInfoGetter) {
-  const InnerRender = forwardRef(({ row }, ref) => {
-    const [moreInfo, setMoreInfo] = useState(null);
-    const loadMore = useCallback(() => __async$1(this, null, function* () {
-      const result = yield additionalInfoGetter(row);
-      setMoreInfo(result);
-    }), [row]);
-    return /* @__PURE__ */ jsx(Fragment, { children: moreInfo ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(IconButton, { icon: "Minus", onClick: () => setMoreInfo(null) }),
-      arrayOrArray(moreInfo).map(
-        (dataCell) => {
-          return /* @__PURE__ */ jsxs(Box, { ref, as: "div", children: [
-            /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
-              dataCell.name,
-              ":"
-            ] }),
-            " ",
-            dataCell.label
-          ] }, dataCell.name);
-        }
-      )
-    ] }) : /* @__PURE__ */ jsx(IconButton, { icon: "Plus", onClick: () => void loadMore() }) });
-  });
-  InnerRender.displayName = "MakeAccordionAsyncRenderer";
-  return InnerRender;
-}
-
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-function makeAsyncRenderer(additionalInfoGetter) {
-  const InnerRender = forwardRef(({ row }, ref) => {
-    const [moreInfo, setMoreInfo] = useState(null);
-    useMount$1(() => {
-      void (() => __async(this, null, function* () {
-        const result = yield additionalInfoGetter(row);
-        setMoreInfo(result);
-      }))();
-    });
-    return /* @__PURE__ */ jsx(Fragment, { children: moreInfo ? arrayOrArray(moreInfo).map((dataCell) => {
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          ref,
-          className: `responsiveTable__additionalInfoItem ${dataCell.newline ? "separator" : ""}`,
-          children: dataCell.newline ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(Box, { sx: { height: "20px" }, as: "strong", children: [
-              dataCell.name,
-              ":"
-            ] }),
-            " ",
-            dataCell.label
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
-              dataCell.name,
-              ":"
-            ] }),
-            " ",
-            dataCell.label
-          ] })
-        },
-        `${dataCell.name}-${uniqueId()}`
-      );
-    }) : /* @__PURE__ */ jsx(Spinner, { size: 15 }) });
-  });
-  InnerRender.displayName = "MakeAsyncRenderer";
-  return InnerRender;
-}
-
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __objRest$1 = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function getPriorityHandler(priority) {
-  let prio;
-  if (priority == null ? void 0 : priority.includes("priority0"))
-    prio = "priorityNone";
-  if (priority == null ? void 0 : priority.includes("priority1"))
-    prio = "priorityLow";
-  if (priority == null ? void 0 : priority.includes("priority2"))
-    prio = "priorityNormal";
-  if (priority == null ? void 0 : priority.includes("priority3"))
-    prio = "priorityHigh";
-  if (priority == null ? void 0 : priority.includes("priority4"))
-    prio = "priorityUrgent";
-  return prio;
-}
-const NoMemoPriorityRenderer = React.forwardRef(
-  (_a, currentRef) => {
-    var _b = _a, {
-      cell: _c
-    } = _b, _d = _c, { children, Renderer, rendererProps, AccordionRenderer } = _d, cell = __objRest$1(_d, ["children", "Renderer", "rendererProps", "AccordionRenderer"]), _e = _b, props = __objRest$1(_e, [
-      "cell",
-      "column",
-      "row"
-    ]);
-    const taskPriorityColor = getPriorityHandler(rendererProps == null ? void 0 : rendererProps.src);
-    return /* @__PURE__ */ jsx(
-      "td",
-      __spreadProps$1(__spreadValues$1(__spreadValues$1({}, props), cell), {
-        ref: currentRef,
-        className: "priority",
-        sx: {
-          color: taskPriorityColor
-        },
-        children: /* @__PURE__ */ jsx(FaSquare, {})
-      })
-    );
-  }
-);
-NoMemoPriorityRenderer.displayName = "PriorityRenderer";
-const PriorityRenderer = NoMemoPriorityRenderer;
-
-const NoMemoPriorityAccordionRenderer = React.forwardRef(
-  ({ cell, column }, currentRef) => {
-    var _a, _b, _c;
-    const taskPriorityColor = getPriorityHandler(
-      (_a = cell.rendererProps) == null ? void 0 : _a.src
-    );
-    const title = (_b = column.label) != null ? _b : column.name;
-    return /* @__PURE__ */ jsxs(Box, { ref: currentRef, className: "priority_container", children: [
-      title && /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
-        (_c = column.label) != null ? _c : column.name,
-        ": "
-      ] }),
-      /* @__PURE__ */ jsx(
-        Box,
-        {
-          as: "span",
-          className: "priority",
-          sx: {
-            color: taskPriorityColor
-          },
-          children: /* @__PURE__ */ jsx(FaSquare, {})
-        }
-      )
-    ] });
-  }
-);
-NoMemoPriorityAccordionRenderer.displayName = "PriorityAccordionRenderer";
-const PriorityAccordionRenderer = NoMemoPriorityAccordionRenderer;
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function getStatusRendererClassName(cellValue, columnName) {
-  var _a;
-  if (cellValue === void 0)
-    return "";
-  const cellValueDate = cellValue.split(" ")[0];
-  const cellValueHour = (_a = cellValue.split(" ")[1]) != null ? _a : "00:00:00";
-  const dateFormat = getDateFormat();
-  const currentDate = dayjs();
-  const currentHour = Number(dayjs().format("HHmm"));
-  const queriedDate = dayjs(cellValueDate, dateFormat);
-  const queriedHour = Number(dayjs(cellValueHour, dateFormat));
-  let statusClassName = "";
-  if (currentDate >= queriedDate) {
-    statusClassName = columnName;
-  }
-  if (!queriedHour)
-    return statusClassName;
-  if (currentDate <= queriedDate && currentHour < queriedHour) {
-    statusClassName = columnName;
-  }
-  return statusClassName;
-}
-const NoMemoStatusRenderer = React.forwardRef(
-  (_a, currentRef) => {
-    var _b = _a, {
-      cell: _c
-    } = _b, _d = _c, { children, Renderer, rendererProps, AccordionRenderer } = _d, cell = __objRest(_d, ["children", "Renderer", "rendererProps", "AccordionRenderer"]), _e = _b, {
-      column,
-      row
-    } = _e, props = __objRest(_e, [
-      "cell",
-      "column",
-      "row"
-    ]);
-    const taskStatusClassName = getStatusRendererClassName(
-      children,
-      column.name
-    );
-    return /* @__PURE__ */ jsx(
-      "td",
-      __spreadProps(__spreadValues(__spreadValues({}, props), cell), {
-        ref: currentRef,
-        className: taskStatusClassName,
-        children
-      })
-    );
-  }
-);
-NoMemoStatusRenderer.displayName = "StatusRenderer";
-const StatusRenderer = NoMemoStatusRenderer;
-
-const NoMemoStatusAccordionRenderer = React.forwardRef(({ cell, column }, currentRef) => {
-  var _a;
-  const taskStatusClassName = getStatusRendererClassName(
-    cell.children,
-    column.name
-  );
-  return /* @__PURE__ */ jsxs(Box, { ref: currentRef, children: [
-    /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
-      (_a = column.label) != null ? _a : column.name,
-      ": "
-    ] }),
-    /* @__PURE__ */ jsx(Box, { as: "span", className: taskStatusClassName, children: cell.children })
-  ] });
-});
-NoMemoStatusAccordionRenderer.displayName = "StatusAccordionRenderer";
-const StatusAccordionRenderer = NoMemoStatusAccordionRenderer;
-
-export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, AdditionalColumnDefaultRenderer, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, HTMLCellRenderer, IsLoadingRenderer, NoRegistersRenderer, PriorityAccordionRenderer, PriorityRenderer, ResponsiveTable, ResponsiveTableContext, RowStatesRenderer, StatusAccordionRenderer, StatusRenderer, TableRenderer, defaultLabels, getPriorityHandler, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, responsiveTableActions, responsiveTableStore, useResponsiveTable };
+import{jsx as d,jsxs as S,Fragment as V}from"react/jsx-runtime";import b,{useState as je,useMemo as Ge,forwardRef as Xe,useCallback as sn}from"react";import{Box as $,Button as Ye,Input as cn,Link as Qe,Spinner as Je}from"theme-ui";import{useBreakpointIndex as dn}from"@theme-ui/match-media";import{getVariant as X}from"@apia/theme";import{useThrottleFn as un,useMount as mn,useUpdateEffect as se,useUnmount as pn}from"ahooks";import{uniqueId as ie}from"lodash-es";import{createSlice as fn,injectReducers as wn,shallowEqual as Te}from"@apia/store";import{addBoundary as ne,AriaLiveEmitter as ce,formatMessage as vn,useLatest as bn,useUpdateEffect as hn,getSpecificParent as q,isChild as Ze,autoDisconnectMutationObserver as yn,getFocusSelector as Ae,cantFocusSelector as On,globalFocus as gn,scrollParentIntoElement as Rn,customEvents as de,debugDispatcher as xn,persistentStorage as G,EventEmitter as $n,downloadUrl as er,arrayOrArray as rr,useMount as In,getDateFormat as Sn}from"@apia/util";import{shallowEqual as E}from"react-redux";import{useOtherTagButton as or,ApiaFilter as Ee,IconButton as _e}from"@apia/components";import{Icon as ke}from"@apia/icons";import{FaSortUp as Nn,FaSortDown as Cn,FaSort as Pn,FaMinusSquare as Fn,FaPlusSquare as jn,FaSquare as nr}from"@meronex/icons/fa";import ue from"dayjs";const lr={noRegisters:window.FINDER_NO_DATA};function Tn(){return{allowEdition:!1,allowSelection:!0,columns:[],expandedRows:[],isEditionMode:!1,isFocused:!1,filters:[],focusedColumn:0,focusedRow:0,hasNonAdditionalFilters:!1,isMultiple:!0,nonAdditionalColumnsCount:0,rows:[],selectedRows:[],statesColumns:0}}function An(e,r){const o=!!r.filters.find(n=>!!r.columns.find(a=>a.name===n.column));return ne({number:e,min:o?-2:-1,max:Math.max(0,r.rows.length-1)})}function En(e,r){return ne({number:e,min:0,max:r.nonAdditionalColumnsCount+r.statesColumns+(r.hasNonAdditionalFilters?1:0)})}function _n(e){return typeof e=="object"&&!!e&&"forbidSelection"in e}function le(e,r){let o=0;return r.filter(n=>{const a=e.rows[n+o];return e.expandedRows.includes(n)&&(o+=1),!(_n(a)&&a.forbidSelection)})}function Y(e,{ctrlKey:r,shiftKey:o,newFocusedColumn:n,newFocusedRow:a,shouldSelectNewFocused:t}){var s;let l=Math.round(An((s=a??e.focusedRow)!=null?s:0,e)*2)/2;const i=En(n??e.focusedColumn,e);if(e.focusedColumn=i,e.focusedRow=l,e.isFocused=t??!1,t===!1||l<0)return;Math.round(l)-l!==0&&(l=Math.floor(l));const c=r&&e.selectedRows.includes(l);if(e.allowSelection!==!1){if(!r&&!o||e.isMultiple===!1&&!c)e.selectedRows=le(e,[l]);else if(r&&e.isMultiple||c)e.selectedRows=le(e,e.selectedRows.includes(l)?e.selectedRows.filter(u=>u!==l):[...e.selectedRows,l]);else if(o&&e.isMultiple){const u=[...e.selectedRows].sort((f,g)=>f-g);let h=u[0],v=u[u.length-1];if(h===void 0){e.selectedRows=le(e,[l]);return}l<h&&(h=l),l>v&&(v=l);const p=le(e,new Array(v-h+1).fill("").map((f,g)=>g+(h??0)));e.selectedRows=le(e,p)}}}var kn=Object.defineProperty,me=Object.getOwnPropertySymbols,tr=Object.prototype.hasOwnProperty,ar=Object.prototype.propertyIsEnumerable,sr=(e,r,o)=>r in e?kn(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Dn=(e,r)=>{for(var o in r||(r={}))tr.call(r,o)&&sr(e,o,r[o]);if(me)for(var o of me(r))ar.call(r,o)&&sr(e,o,r[o]);return e},Ln=(e,r)=>{var o={};for(var n in e)tr.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&me)for(var n of me(e))r.indexOf(n)<0&&ar.call(e,n)&&(o[n]=e[n]);return o};function ir(e,r){const o=e.key.toLowerCase();return r.isEditionMode?!1:o===" "&&e.ctrlKey||o==="a"&&e.ctrlKey||o==="m"&&e.ctrlKey?!0:r.draggingRow!==void 0?["Escape","Enter"].includes(e.key):["arrowup","arrowdown","arrowleft","arrowright","end","enter","home","pageup","pagedown"].includes(e.key.toLowerCase())}function Mn(e,{ev:r}){const{altKey:o,ctrlKey:n,key:a,shiftKey:t}=r;ir(r,e)&&r.preventDefault();const s=a.toLowerCase(),l=i=>{var c=i,{newFocusedColumn:u,newFocusedRow:h}=c,v=Ln(c,["newFocusedColumn","newFocusedRow"]);return Y(e,Dn({altKey:o,ctrlKey:n,shiftKey:t,newFocusedColumn:u,newFocusedRow:h},v))};if(e.isEditionMode)switch(s){case"escape":case"enter":{e.isEditionMode&&(e.isEditionMode=!1),r.stopPropagation();break}}else if(s==="enter"&&(e.allowEdition===!0||e.focusedRow<0))e.isEditionMode=!0;else switch(s){case"arrowup":{let i=e.expandedRows.includes(e.focusedRow-1)?.6:1;Math.round(e.focusedRow)-e.focusedRow!==0&&(i=.5),l({newFocusedRow:e.focusedRow-i,shouldSelectNewFocused:!n});break}case"arrowdown":{let i=e.expandedRows.includes(e.focusedRow)?.6:1;Math.round(e.focusedRow)-e.focusedRow!==0&&(i=.5),l({newFocusedRow:e.focusedRow+i,shouldSelectNewFocused:!n});break}case"arrowleft":case"arrowright":{l({newFocusedColumn:e.focusedColumn+(s==="arrowleft"?-1:1),shouldSelectNewFocused:!n});break}case"home":{l(n?{newFocusedColumn:0,newFocusedRow:0,ctrlKey:!1}:{newFocusedColumn:0});break}case"end":{l(n?{newFocusedRow:Number.POSITIVE_INFINITY,newFocusedColumn:Number.POSITIVE_INFINITY,ctrlKey:!1}:{newFocusedColumn:Number.POSITIVE_INFINITY});break}case"pageup":{l({newFocusedRow:e.focusedRow-5,shouldSelectNewFocused:!n});break}case"pagedown":{l({newFocusedRow:e.focusedRow+5,shouldSelectNewFocused:!n});break}case" ":{n&&l({newFocusedRow:e.focusedRow});break}case"a":{n&&e.allowSelection&&(e.selectedRows=e.rows.map((i,c)=>c));break}}}var Kn=Object.defineProperty,Bn=Object.defineProperties,Hn=Object.getOwnPropertyDescriptors,pe=Object.getOwnPropertySymbols,cr=Object.prototype.hasOwnProperty,dr=Object.prototype.propertyIsEnumerable,ur=(e,r,o)=>r in e?Kn(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Wn=(e,r)=>{for(var o in r||(r={}))cr.call(r,o)&&ur(e,o,r[o]);if(pe)for(var o of pe(r))dr.call(r,o)&&ur(e,o,r[o]);return e},qn=(e,r)=>Bn(e,Hn(r)),Un=(e,r)=>{var o={};for(var n in e)cr.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&pe)for(var n of pe(e))r.indexOf(n)<0&&dr.call(e,n)&&(o[n]=e[n]);return o};function te(e,r){var o;switch(e){case"howToEndDrag":ce.emit("live",{type:"assertive",message:window.ARIA_HOW_TO_END_DRAG});break;case"whichIsTheNewIndex":ce.emit("live",{type:"assertive",message:vn(window.ARIA_HOW_TO_WHICH_IS_THE_NEW_POSITION,{TOK1:String((o=r?.newIndex)!=null?o:0)})});break;case"reset":ce.emit("live",{type:"reset",message:""});break;default:ce.emit("live",{type:"assertive",message:window.ARIA_HOW_TO_START_DRAG})}}let mr;function Vn(e,r,o){return function(n){var a=n,{children:t,onChangeSelection:s,onSelectRows:l}=a,i=Un(a,["children","onChangeSelection","onSelectRows"]),c,u;const{run:h}=un(O=>{["shift","alt","control"].includes(O.key.toLowerCase())||T.dispatch(e.handleKey({id:r,ev:O}))},(c=o?.throttleOptions)!=null?c:{wait:100}),[v,p]=b.useState(null),f=F(O=>{var R;const I=o.stateSelector(O);return((R=I?.selectedRows)!=null?R:[]).map(P=>({index:P,row:I.rows[P]}))},(O,R)=>E(O.map(I=>I.index),R.map(I=>I.index))),g=bn(f),w=F(O=>{var R;const I=o.stateSelector(O);return(R=I?.focusedRow)!=null?R:-1}),{allowKeyboardSorting:j,focusedCell:m,isEditionMode:x,isFocused:y}=F(O=>{const R=o.stateSelector(O);return{focusedCell:R?.focusedRow!==void 0?`${R?.focusedRow}_${R?.focusedColumn}`:void 0,isEditionMode:R?.isEditionMode,rows:R?.rows,isFocused:R?.isFocused,allowKeyboardSorting:R?.allowRowsKeyboardSorting}},E);hn(()=>{s&&s(f)},[s,f]);const A=b.useCallback(O=>{var R;if(O.target.closest(".moreInformationButton"))return;O.shiftKey&&((R=document.getSelection())==null||R.removeAllRanges());const I=q(O.target,C=>C.tagName.toLowerCase()==="table"?null:!!C.matches("tr")),P=q(O.target,C=>C.tagName.toLowerCase()==="table"?null:!!C.matches("td,th"));P&&I&&T.dispatch(e.updateByClick({altKey:O.altKey,id:r,ctrlKey:O.ctrlKey,ariaColIndex:Number(P.getAttribute("aria-colindex")),rowIndex:Number(I.getAttribute("data-focusindex")),shiftKey:O.shiftKey}))},[]),K=b.useCallback(O=>{Ze(O.target,R=>R.tagName==="THEAD")||(O.preventDefault(),l&&l(g.current,w))},[w,l,g]),_=b.useRef(!0),B=b.useRef(!1),oe=b.useCallback(()=>{if(!B.current){if(B.current=!0,m===void 0)return B.current=!1,()=>{};if(v){const O=yn(v,()=>{mr=setTimeout(()=>{var R;const I=v.querySelector('[data-focused="true"]');let P=null,C=null;if(["td","th"].includes((R=I?.tagName.toLowerCase())!=null?R:"")&&(P=I,C=I?.querySelector(Ae(":not(.debug_info__button)"))),I?.tagName.toLowerCase()==="tr"&&(P=I.querySelector("td,th"),C=I.querySelector(Ae(":not(.debug_info__button)"))||P),C?(P?.setAttribute("tabIndex","-1"),C.setAttribute("tabIndex","0")):P?.setAttribute("tabIndex","0"),x){const H=P?.querySelectorAll('[tabindex="-1"]');H?.forEach(ae=>ae.setAttribute("tabIndex","0"))}else{const H=v?.querySelectorAll(Ae(`${On}:not([data-focused="true"])`));H?.forEach(ae=>{ae!==C&&ae.setAttribute("tabIndex","-1"),C?.tagName==="BUTTON"&&C.setAttribute("role","gridcell")})}const k=C??P,D=q(k,H=>H.tagName==="TR");k&&_.current&&o.stateSelector(T.getState()).isFocused&&(gn.focus=k,k.focus()),D&&Rn(D,55,2,100,"makeKeyHandler"),_.current||(_.current=!0)},0)},{timeout:5e3});return B.current=!1,()=>{O(),clearTimeout(mr)}}B.current=!1}return()=>{}},[m,v,x]);b.useLayoutEffect(oe,[m,y,x]),b.useEffect(()=>{function O(R){const I=q(R.target,C=>C.tagName.toLowerCase()==="table"),P=q(R.relatedTarget,C=>C.tagName.toLowerCase()==="table");(!P||P!==I)&&A(R)}return v?.addEventListener("dblclick",K),v?.addEventListener("mousedown",A),v?.addEventListener("focusin",O),v?.addEventListener(de.focus,A),()=>{v?.removeEventListener("mousedown",A),v?.removeEventListener("dblclick",K),v?.removeEventListener("focusin",O),v?.removeEventListener(de.focus,A)}},[v]);const W=b.useRef(!1),N=b.useRef(!1);return d($,qn(Wn({ref:p},i),{className:`selection__keyHandler ${(u=i.className)!=null?u:""}`,onBlur:b.useCallback(O=>{(!O.relatedTarget||!q(O.relatedTarget,R=>R===v))&&(T.dispatch(e.selectionStateUpdate({id:r,isFocused:!1})),te("reset"),N.current=!1)},[v]),onFocus:b.useCallback(()=>{N.current||te("howToStartDrag"),N.current=!0},[]),sx:b.useMemo(()=>({overflow:"auto",position:"relative"}),[]),onKeyDown:b.useCallback(O=>{var R;const I=o.stateSelector(T.getState());if(ir(O,o.stateSelector(T.getState()))&&(O.preventDefault(),O.stopPropagation()),e.swapFocusedRow&&W.current&&j)(O.key==="Enter"||O.key==="Escape")&&W.current?(te("howToStartDrag"),W.current=!1,T.dispatch(e.swapFocusedRow({tableName:r,newIndex:I.focusedRow}))):["ArrowDown","ArrowUp"].includes(O.key)&&(O.key==="ArrowDown"?T.dispatch(e.swapFocusedRow({tableName:r,newIndex:I.focusedRow+1})):T.dispatch(e.swapFocusedRow({tableName:r,newIndex:I.focusedRow-1})));else if(O.key==="m"&&O.ctrlKey&&!W.current&&I.focusedRow>=0&&e.swapFocusedRow)W.current=!0,te("howToEndDrag"),T.dispatch(e.swapFocusedRow({tableName:r,newIndex:I.focusedRow}));else{const P=((R=I?.selectedRows)!=null?R:[]).map(C=>({index:C,row:I.rows[C]}));i.onKeyDown&&i.onKeyDown(O),O.key==="Enter"&&l&&I.focusedRow>=0&&l(P,w),h(O)}},[j,w,h,l,i]),children:t}))}}var zn=Object.defineProperty,Gn=Object.defineProperties,Xn=Object.getOwnPropertyDescriptors,fe=Object.getOwnPropertySymbols,pr=Object.prototype.hasOwnProperty,fr=Object.prototype.propertyIsEnumerable,wr=(e,r,o)=>r in e?zn(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,De=(e,r)=>{for(var o in r||(r={}))pr.call(r,o)&&wr(e,o,r[o]);if(fe)for(var o of fe(r))fr.call(r,o)&&wr(e,o,r[o]);return e},Yn=(e,r)=>Gn(e,Xn(r)),Le=(e,r)=>{var o={};for(var n in e)pr.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&fe)for(var n of fe(e))r.indexOf(n)<0&&fr.call(e,n)&&(o[n]=e[n]);return o};function Qn(){return{handleKey(e,{payload:r}){Mn(e[r.id],r)},selectionStateUpdate(e,r){var{payload:o}=r,n=o,{id:a}=n,t=Le(n,["id"]);e[a]=De(De({},e[a]),t)},setNewFocused(e,r){var{payload:o}=r,n=o,{id:a}=n,t=Le(n,["id"]);Y(e[a],t)},updateByClick(e,r){var{payload:o}=r,n=o,{id:a,colIndex:t,rowIndex:s,ariaColIndex:l,ariaRowIndex:i,isFocused:c}=n,u=Le(n,["id","colIndex","rowIndex","ariaColIndex","ariaRowIndex","isFocused"]),h;const v=e[a].hasNonAdditionalFilters;e[a].isEditionMode=!1;const p=(h=t??l)!=null?h:1,f=i!==void 0?i:(s??0)-(1+(v?2:1));Y(e[a],Yn(De({},u),{newFocusedColumn:p,newFocusedRow:f})),c!==void 0&&(e[a].isFocused=c)}}}var Jn=Object.defineProperty,Zn=Object.defineProperties,el=Object.getOwnPropertyDescriptors,we=Object.getOwnPropertySymbols,vr=Object.prototype.hasOwnProperty,br=Object.prototype.propertyIsEnumerable,hr=(e,r,o)=>r in e?Jn(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,ve=(e,r)=>{for(var o in r||(r={}))vr.call(r,o)&&hr(e,o,r[o]);if(we)for(var o of we(r))br.call(r,o)&&hr(e,o,r[o]);return e},rl=(e,r)=>Zn(e,el(r)),ol=(e,r)=>{var o={};for(var n in e)vr.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&we)for(var n of we(e))r.indexOf(n)<0&&br.call(e,n)&&(o[n]=e[n]);return o};function yr(){return rl(ve({},Tn()),{allowSelection:!0,allowSorting:!0,filters:[],isLoading:!1,isMultiple:!0,accordionIndexColumns:{},expandedRows:[]})}const Or=fn({name:"responsiveTableSlice",initialState:{},reducers:ve({update(e,r){var{payload:o}=r,n=o,{tableName:a}=n,t=ol(n,["tableName"]),s,l,i,c,u,h;e[a]||(e[a]=yr()),e[a]=ve(ve({},e[a]),t),Y(e[a],{altKey:!1,ctrlKey:!1,shiftKey:!1,shouldSelectNewFocused:(s=t.isFocused)!=null?s:e[a].isFocused}),t.columns&&(e[a].nonAdditionalColumnsCount=t.columns.filter(v=>!v.showAsAdditional).length),t.rows&&(e[a].statesColumns=Math.max((i=(l=e[a])==null?void 0:l.reserveColumnsForStates)!=null?i:0,...(h=(u=(c=e[a])==null?void 0:c.rows)==null?void 0:u.map(v=>{var p,f;return(f=(p=v.states)==null?void 0:p.length)!=null?f:0}))!=null?h:[0])),t.filters&&(e[a].hasNonAdditionalFilters=t.filters.filter(v=>{var p,f;return!v.asAdditional&&((f=(p=t.columns)!=null?p:e[a].columns)==null?void 0:f.find(g=>g.name===v.column))}).length>0)},addRows(e,{payload:r}){e[r.tableName]||(e[r.tableName]=yr()),e[r.tableName].rows=e[r.tableName].rows.concat(...r.newRows),Y(e[r.tableName],{altKey:!1,ctrlKey:!1,shiftKey:!1,shouldSelectNewFocused:!0,newFocusedRow:e[r.tableName].rows.length})},deleteRows(e,{payload:r}){const o=e[r.tableName],n=r.rowIndices.reduce((a,t)=>t<a?t:a,1/0);o.rows=o.rows.filter((a,t)=>!r.rowIndices.includes(t)),Y(e[r.tableName],{altKey:!1,ctrlKey:!1,shiftKey:!1,shouldSelectNewFocused:!0,newFocusedRow:n}),e[r.tableName].isFocused=!1},destroy(e,{payload:{tableName:r}}){delete e[r]},swapFocusedRow(e,{payload:{newIndex:r,tableName:o}}){const n=e[o],a=n.focusedRow;if(a===void 0||r<0||r>=n.rows.length)return;if(a===r){n.draggingRow===r?n.draggingRow=void 0:n.draggingRow=r;return}te("whichIsTheNewIndex",{newIndex:r}),n.selectedRows.includes(a)&&(n.selectedRows=[...n.selectedRows.filter(s=>s!==a),r]);const t=n.rows[r];n.rows[r]=n.rows[a],n.rows[a]=t,n.focusedRow=r,n.draggingRow=r}},Qn())}),{store:T,useSelector:F}=wn({responsiveTableSlice:Or.reducer}),M=Or.actions;var nl=Object.defineProperty,ll=Object.defineProperties,tl=Object.getOwnPropertyDescriptors,gr=Object.getOwnPropertySymbols,al=Object.prototype.hasOwnProperty,sl=Object.prototype.propertyIsEnumerable,Rr=(e,r,o)=>r in e?nl(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,be=(e,r)=>{for(var o in r||(r={}))al.call(r,o)&&Rr(e,o,r[o]);if(gr)for(var o of gr(r))sl.call(r,o)&&Rr(e,o,r[o]);return e},xr=(e,r)=>ll(e,tl(r));const $r=b.createContext({});function L(){const e=b.useContext($r);if(!e)throw new Error("There is no ResponsiveTableContext");return e}const il=({allowEdition:e,allowRowsKeyboardSorting:r,allowSelection:o,allowSorting:n,avoidReparseSelectionOnRowChange:a,children:t=d(So,{}),className:s,currentBreakPoint:l,customLabels:i,columns:c,filters:u,rows:h,label:v,isMultiple:p,name:f,onChangeSelection:g,onFilterBlur:w,onFilterChange:j,onFilterPressEnter:m,onSelectRows:x,onSortChange:y,reserveColumnsForStates:A,variant:K})=>{const _=b.useMemo(()=>f??ie("responsiveTable"),[f]),B=b.useMemo(()=>be(be({},lr),i),[i]),oe=b.useMemo(()=>({currentBreakPoint:l,label:v,labels:B,name:_,onChangeSelection:g,onFilterBlur:w,onFilterChange:j,onFilterPressEnter:m,onSelectRows:x,onSortChange:y}),[_,l,v,B,g,w,j,m,x,y]);return mn(()=>{T.dispatch(M.update({allowEdition:e,allowRowsKeyboardSorting:r,allowSelection:o,allowSorting:n,columns:c,filters:u??[],rows:h,isMultiple:p,tableName:_,reserveColumnsForStates:A}))}),se(()=>{T.dispatch(M.update({tableName:_,columns:c}))},[c]),se(()=>{if(T.dispatch(M.update({tableName:_,rows:h})),a!==!0){const W=h.map((N,O)=>xr(be({},N),{i:O})).filter(N=>N.initiallySelected);T.dispatch(M.update({tableName:_,selectedRows:W.map(N=>N.i)}))}},[h]),se(()=>{T.dispatch(M.update({tableName:_,filters:u}))},[u]),pn(()=>{}),d($r.Provider,{value:oe,children:d($,xr(be({id:f,className:`responsiveTableContext__wrapper ${s??""}`},K?X(K):null),{children:t}))})},cl=b.memo(il);var dl=Object.defineProperty,Ir=Object.getOwnPropertySymbols,ul=Object.prototype.hasOwnProperty,ml=Object.prototype.propertyIsEnumerable,Sr=(e,r,o)=>r in e?dl(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,pl=(e,r)=>{for(var o in r||(r={}))ul.call(r,o)&&Sr(e,o,r[o]);if(Ir)for(var o of Ir(r))ml.call(r,o)&&Sr(e,o,r[o]);return e};const fl=e=>{const{name:r,onChangeSelection:o,onSelectRows:n}=L(),a=b.useMemo(()=>Vn(M,r,{throttleOptions:{wait:50},stateSelector:t=>t.responsiveTableSlice[r]}),[r]);return d(a,pl({onChangeSelection:o,onSelectRows:n},e))},wl=b.memo(fl);function U(e,r,o){const n=F(t=>{var s,l,i,c,u,h,v;const p=o(t),f=p?.hasNonAdditionalFilters,g=f?2:1,w=(s=p?.statesColumns)!=null?s:0;let j=0;e==="tr"&&(j=p?.expandedRows.filter(y=>y<r.rowIndex).length);let m=!1,x=!1;switch(e){case"filterTd":{const y=r;m=p?.focusedRow===1-g&&ne((l=p?.focusedColumn)!=null?l:0,0)-w===y.columnIndex+1+(f?1:0);break}case"tr":{const y=r;m=p?p.focusedRow===y.rowIndex&&p?.focusedColumn===0||Math.floor(p?.focusedRow)===y.rowIndex&&Math.round(p?.focusedRow)-p.focusedRow!==0&&!!y.isTheExpandedRow:!1,x=!y.isTheExpandedRow&&p?.selectedRows.includes(y.rowIndex);break}case"stateCell":{const y=r;m=p?.focusedRow===y.rowIndex&&((i=p?.focusedColumn)!=null?i:0)===y.columnIndex+1+(f?1:0);break}case"additionalTd":{const y=r;m=p?.focusedRow===y.rowIndex&&((c=p?.focusedColumn)!=null?c:0)===1;break}case"td":{const y=r;m=p?.focusedRow===y.rowIndex&&((u=p?.focusedColumn)!=null?u:0)-w===y.columnIndex+1+(f?1:0);break}case"headerStateCell":{const y=r;m=p?.focusedRow===y.rowIndex-1-g&&ne(p?.focusedColumn,0)===y.columnIndex+1+(f?1:0);break}case"th":{const y=r;m=p?.focusedRow===0-g&&ne(((h=p?.focusedColumn)!=null?h:0)-w,0)===y.columnIndex+1+(f?1:0);break}case"separator":{const y=r;m=p?p.focusedRow===y.rowIndex:!1;break}}return{columns:(v=p?.columns)!=null?v:[],expandedBeforeThisRow:j,isEditionMode:p?.isEditionMode,hasNonAdditionalFilters:f,rowsLength:e==="table"?p?.rows.length:"",isSelected:x,isFocused:m,startDataRowIndex:g,statesColumns:p?.statesColumns}},E);let a=b.useMemo(()=>({}),[]);switch(e){case"filterTd":{a={"aria-colindex":r.columnIndex+1+n.statesColumns+(n.hasNonAdditionalFilters?1:0),"data-editionmode":n.isEditionMode&&n.isFocused,"data-focused":n.isFocused,tabIndex:n.isFocused?0:-1,"data-rowindex":2};break}case"separator":{const t=r;a={"aria-rowindex":t.rowIndex+n.startDataRowIndex+1+n.expandedBeforeThisRow,"data-focusindex":t.rowIndex+n.startDataRowIndex+1,"aria-selected":n.isSelected,"data-focused":n.isFocused,"aria-expanded":!1};break}case"table":{a={role:"treegrid","aria-colcount":n.columns.length,"aria-rowcount":n.rowsLength};break}case"tr":{const t=r;a={"aria-rowindex":t.rowIndex+n.startDataRowIndex+1+n.expandedBeforeThisRow+(t.isTheExpandedRow?1:0),"data-focusindex":t.rowIndex+n.startDataRowIndex+1+(t.isTheExpandedRow?.5:0),"aria-selected":n.isSelected,"data-focused":n.isFocused,"aria-expanded":t.isThisRowExpanded,tabIndex:n.isFocused?0:-1};break}case"td":{const t=r;a={"aria-colindex":t.columnIndex+1+n.statesColumns+(n.hasNonAdditionalFilters?1:0),"data-editionmode":n.isEditionMode&&n.isFocused,"data-focused":n.isFocused,tabIndex:n.isFocused?0:-1,"data-rowindex":t.rowIndex+n.startDataRowIndex+1};break}case"additionalTd":{const t=r;a={"aria-colindex":1,"data-editionmode":n.isEditionMode&&n.isFocused,"data-focused":n.isFocused,tabIndex:n.isFocused?0:-1,"data-rowindex":t.rowIndex+n.startDataRowIndex+1};break}case"stateCell":{const t=r;a={"aria-colindex":t.columnIndex+1+(n.hasNonAdditionalFilters?1:0),"data-editionmode":n.isEditionMode&&n.isFocused,"data-focused":n.isFocused,tabIndex:n.isFocused?0:-1,"data-rowindex":t.rowIndex+n.startDataRowIndex+1};break}case"headerStateCell":{const t=r;a={"aria-colindex":t.columnIndex+1+(n.hasNonAdditionalFilters?1:0),"aria-sort":"none","data-editionmode":n.isEditionMode&&n.isFocused,"data-focused":n.isFocused,tabIndex:n.isFocused?0:-1,"data-rowindex":t.rowIndex};break}case"th":{const t=r;a={"aria-colindex":t.columnIndex+1+n.statesColumns+(n.hasNonAdditionalFilters?1:0),"aria-sort":["ascending","descending","none"][["Asc","Desc",null].findIndex(s=>s===n.columns[t.columnIndex].currentSorting)],"data-editionmode":n.isEditionMode&&n.isFocused,"data-focused":n.isFocused,tabIndex:n.isFocused?0:-1,"data-rowindex":1};break}}return b.useMemo(()=>a,Object.values(a))}var vl=Object.defineProperty,bl=Object.defineProperties,hl=Object.getOwnPropertyDescriptors,Nr=Object.getOwnPropertySymbols,yl=Object.prototype.hasOwnProperty,Ol=Object.prototype.propertyIsEnumerable,Cr=(e,r,o)=>r in e?vl(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,he=(e,r)=>{for(var o in r||(r={}))yl.call(r,o)&&Cr(e,o,r[o]);if(Nr)for(var o of Nr(r))Ol.call(r,o)&&Cr(e,o,r[o]);return e},Me=(e,r)=>bl(e,hl(r));const Q="tablesWidths";function Ke(e){return typeof e=="string"?e.match(/(%|px|vw|vh|vmin|vmax|cm|mm|in|pt|pc)/)?e:Number.parseInt(e,10):e}xn.on("cleanTableSizes",([e])=>{const r=G[Q];delete r[e],G[Q]=r},'Se usa para borrar el estado de una tabla. Uso: dd.cleanTableSizes("TableName")');function Pr(e,r){return`${e}${r}`}const Fr=new class extends $n{},gl=({apiaColumnIndex:e,columnIndex:r,inTableColumnIndex:o})=>{var n,a,t,s,l,i,c,u;const{name:h,onSortChange:v}=L(),p=(s=(t=(n=window.location.href.match(/busEntId=(\d+)/))==null?void 0:n[1])!=null?t:(a=window.location.href.match(/query=(\d+)/))==null?void 0:a[1])!=null?s:"",f=window.isGlobal?"isGlobal":"notGlobal",g=h+p+String(f),w=F(N=>{const O=N.responsiveTableSlice[h];return O?.columns[r]},E),j=(i=(l=G[Q])==null?void 0:l[g])==null?void 0:i[w.name],[m,x]=b.useState(j??200),[y,A]=b.useState(j!==void 0);b.useEffect(()=>void Fr.on("resize",N=>{N.name===Pr(g,w.name)&&(A(!0),x(N.width))}),[w.name,g]);const K=F(N=>{const O=N.responsiveTableSlice[h],R=O?.filters.find(I=>I.column===w.title);return R?.required},E),_=F(N=>{const O=N.responsiveTableSlice[h];return O?.allowSorting}),B=U("th",{columnIndex:o},z(h)),oe=b.useMemo(()=>{var N;return y?{width:`${m}px`,minWidth:`${m}px`,position:"relative"}:{minWidth:Ke((N=w.minWidth)!=null?N:w.width),maxWidth:w.maxWidth!==void 0?Ke(w.maxWidth):void 0,width:Ke(w.width),position:"relative"}},[w.maxWidth,w.minWidth,w.width,y,m]),W=or(b.useMemo(()=>({className:"headButton",onClick:N=>{Ze(N.target,O=>O.classList.contains("headButton__resizer"))||(console.warn("Buttons slice is not defined"),v&&w.allowSorting!==!1&&_!==!1&&v({column:w,columnIndex:e,name:w.name,sortValue:["Asc","Desc"][w.currentSorting!=="A"?0:1]}))}}),[e,w,_,v]));return d($,Me(he(he({as:"th",style:oe,"data-columnname":w.name,title:(u=(c=w.title)!=null?c:w.label)!=null?u:w.name},W),B),{role:"rowheader",className:`${K&&window.SHOW_REQUIRED_POSITION?"requiredFilterColumn":""}`,children:S($,{as:"span",className:"headButton__container",children:[d($,{as:"span",className:"headButton__label",children:d($,{as:"span",className:`${K?"requiredFilter__Column":""}`,children:w.label})}),S($,{as:"span",className:"headButton__sortIcon",children:[w.allowSorting!==!1&&w.currentSorting==="A"&&d(Nn,{}),w.allowSorting!==!1&&w.currentSorting==="D"&&d(Cn,{}),w.allowSorting!==!1&&!w.currentSorting&&d(Pn,{})]}),d($,{className:"headButton__resizer",onMouseDown:N=>{if(!y){const k=q(N.target,D=>D.tagName==="TR");k?.querySelectorAll("th").forEach(D=>{Fr.emit("resize",{name:Pr(g,D.dataset.columnname),width:D.clientWidth})}),A(!0)}const O=q(N.target,k=>k.tagName==="TH");if(!O)throw new Error("There is no th");const R=N.clientX,I=O.clientWidth,P=k=>{const D=k.clientX-R;x(I+D)},C=()=>{const k=q(N.target,D=>D.tagName==="TR");k?.querySelectorAll("th").forEach(D=>{var H;G[Q]=Me(he({},G[Q]),{[g]:Me(he({},(H=G[Q])==null?void 0:H[g]),{[D.dataset.columnname]:D.clientWidth})})}),document.removeEventListener("mousemove",P),document.removeEventListener("mouseup",C)};return document.addEventListener("mousemove",P),document.addEventListener("mouseup",C),!1}})]})}))},Rl=b.memo(gl);var xl=Object.defineProperty,$l=Object.defineProperties,Il=Object.getOwnPropertyDescriptors,jr=Object.getOwnPropertySymbols,Sl=Object.prototype.hasOwnProperty,Nl=Object.prototype.propertyIsEnumerable,Tr=(e,r,o)=>r in e?xl(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Cl=(e,r)=>{for(var o in r||(r={}))Sl.call(r,o)&&Tr(e,o,r[o]);if(jr)for(var o of jr(r))Nl.call(r,o)&&Tr(e,o,r[o]);return e},Pl=(e,r)=>$l(e,Il(r));const Fl=({state:e})=>{var r;const{Icon:o}=e;return d(Ye,Pl(Cl({},X("inherit")),{title:e.tooltip,className:`${(r=e.className)!=null?r:"state"}_icon state_icon`,sx:b.useMemo(()=>{var n;return{"svg, path":{color:(n=e.color)!=null?n:""}}},[e.color]),children:d(o,{})}))},Ar=b.memo(Fl);var jl=Object.defineProperty,Tl=Object.defineProperties,Al=Object.getOwnPropertyDescriptors,Er=Object.getOwnPropertySymbols,El=Object.prototype.hasOwnProperty,_l=Object.prototype.propertyIsEnumerable,_r=(e,r,o)=>r in e?jl(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,kl=(e,r)=>{for(var o in r||(r={}))El.call(r,o)&&_r(e,o,r[o]);if(Er)for(var o of Er(r))_l.call(r,o)&&_r(e,o,r[o]);return e},Dl=(e,r)=>Tl(e,Al(r));const Be=({index:e,rowIndex:r,state:o,isHeader:n})=>{const{name:a}=L(),t=U(n?"headerStateCell":"stateCell",{columnIndex:e,rowIndex:r},z(a));return d($,Dl(kl({as:"td",className:"stateCell"},t),{children:o?d(Ar,{state:o}):""}))};var Ll=Object.defineProperty,Ml=Object.defineProperties,Kl=Object.getOwnPropertyDescriptors,kr=Object.getOwnPropertySymbols,Bl=Object.prototype.hasOwnProperty,Hl=Object.prototype.propertyIsEnumerable,Dr=(e,r,o)=>r in e?Ll(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,J=(e,r)=>{for(var o in r||(r={}))Bl.call(r,o)&&Dr(e,o,r[o]);if(kr)for(var o of kr(r))Hl.call(r,o)&&Dr(e,o,r[o]);return e},Z=(e,r)=>Ml(e,Kl(r));const Wl=({filter:e})=>{var r,o;const{onFilterBlur:n,onFilterChange:a,onFilterPressEnter:t}=L(),s={id:e.id,currentValue:e.currentValue,type:"number"},l={id:(r=e.filterToId)!=null?r:"",currentValue:(o=e.filterToValue)!=null?o:"",type:"number"};return S($,{className:"ApiaFilter__Range",children:[d($,{className:"ApiaFilter__Range__Low",children:d(Ee,{filter:s,onChange:i=>{a&&a(Z(J({},s),{currentValue:i}))},onBlur:i=>{n&&n(Z(J({},s),{currentValue:i}))},onPressEnter:i=>{t&&t(Z(J({},s),{currentValue:i}))}})})," - ",d($,{className:"ApiaFilter__Range__High",children:d(Ee,{filter:l,onChange:i=>{a&&a(Z(J({},l),{currentValue:i}))},onBlur:i=>{n&&n(Z(J({},l),{currentValue:i}))},onPressEnter:i=>{t&&t(Z(J({},l),{currentValue:i}))}})})]})},ql=Wl;var Ul=Object.defineProperty,Vl=Object.defineProperties,zl=Object.getOwnPropertyDescriptors,Lr=Object.getOwnPropertySymbols,Gl=Object.prototype.hasOwnProperty,Xl=Object.prototype.propertyIsEnumerable,Mr=(e,r,o)=>r in e?Ul(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,ye=(e,r)=>{for(var o in r||(r={}))Gl.call(r,o)&&Mr(e,o,r[o]);if(Lr)for(var o of Lr(r))Xl.call(r,o)&&Mr(e,o,r[o]);return e},Oe=(e,r)=>Vl(e,zl(r));const Yl=({columnIndex:e,filter:r})=>{const{name:o,onFilterBlur:n,onFilterChange:a,onFilterPressEnter:t}=L(),s=U("filterTd",{columnIndex:e},z(o)),l=b.useCallback(h=>{r&&n&&n(Oe(ye({},r),{currentValue:h}))},[r,n]),i=b.useCallback(h=>r&&a?a(Oe(ye({},r),{currentValue:h})):!0,[r,a]),c=b.useCallback(h=>{r&&t&&t(Oe(ye({},r),{currentValue:h}))},[r,t]);function u(){if(r!=null&&r.isRange)return d(ql,{filter:r});if(r&&!(r.asAdditional||!r.column||r.isRange))return d(Ee,{onBlur:l,onChange:i,onPressEnter:c,filter:r});let h;return r&&(r.asAdditional||!r.column||r.isRange)?h=window.LBL_ADDITIONAL_FILTER:h=window.LBL_NO_COLUMN_FILTER,d(cn,{"aria-label":h,disabled:!0})}return d("td",Oe(ye({},s),{children:u()}))};var Ql=Object.defineProperty,Jl=Object.defineProperties,Zl=Object.getOwnPropertyDescriptors,Kr=Object.getOwnPropertySymbols,et=Object.prototype.hasOwnProperty,rt=Object.prototype.propertyIsEnumerable,Br=(e,r,o)=>r in e?Ql(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Hr=(e,r)=>{for(var o in r||(r={}))et.call(r,o)&&Br(e,o,r[o]);if(Kr)for(var o of Kr(r))rt.call(r,o)&&Br(e,o,r[o]);return e},Wr=(e,r)=>Jl(e,Zl(r));const ot=()=>{const{name:e}=L(),{columns:r,hasNonAdditionalFilters:o,focusedColumn:n,focusedRow:a}=F(f=>{var g;const w=f.responsiveTableSlice[e];return window.focusedRow=w?.focusedRow,window.focusedColumn=w?.focusedColumn,window.hasNonAdditionalFilters=w?.hasNonAdditionalFilters||!1,{columns:(g=w?.columns)!=null?g:[],focusedColumn:w?.focusedColumn,focusedRow:w?.focusedRow,hasNonAdditionalFilters:w?.hasNonAdditionalFilters}},Te),t=F(f=>{var g;const w=f.responsiveTableSlice[e];return((g=w?.filters)!=null?g:[]).map(j=>({columnIndex:w.columns.findIndex(m=>m.name===j.column),definition:j})).filter(j=>j.columnIndex>=0)},(f,g)=>f.length===g.length&&f.reduce((w,j,m)=>w&&Te(j.definition,g[m].definition),!0)),s=F(f=>{var g;const w=f.responsiveTableSlice[e];return(g=w?.statesColumns)!=null?g:0},Te),l=b.useMemo(()=>r.reduce((f,g)=>f+(g.showAsAdditional?1:0),0),[r]),i=b.useMemo(()=>Array(s).fill("").map(()=>ie()),[s]),[c,u]=b.useState(!1);b.useEffect(()=>{G.showResponsiveTableFilters=c},[c]);const h=or(b.useMemo(()=>({className:"additionalColumn",onClick:()=>u(f=>!f)}),[])),[v,p]=je(null);return se(()=>{const f=g=>{g.stopPropagation(),u(!0)};return v?.addEventListener(de.focus,f),()=>{v?.removeEventListener(de.focus,f)}},[v]),S("thead",{children:[S("tr",{"data-focusindex":1,children:[(l>0||o)&&d("th",Wr(Hr({"aria-colindex":1,"aria-rowindex":1,"data-focused":n===1&&a===-1-(o?1:0)},h),{tabIndex:n===1&&a===-1-(o?1:0)?0:-1,role:"rowheader",children:o?d(ke,{className:"filterButton",name:"Filter",title:c?window.LBL_HIDE_FILTERS:window.LBL_SHOW_FILTERS,"aria-label":c?window.LBL_HIDE_FILTERS:window.LBL_SHOW_FILTERS}):d(V,{children:"\xA0"})})),i.map((f,g)=>d(Be,{isHeader:!0,index:g,rowIndex:1},f)),r.map((f,g)=>Wr(Hr({},f),{actualTableColumnIndex:g})).filter(f=>!f.showAsAdditional).map((f,g)=>f.hidden?null:d(Rl,{apiaColumnIndex:f.actualTableColumnIndex,columnIndex:f.actualTableColumnIndex,inTableColumnIndex:g},f.name))]}),t.length>0&&S("tr",{ref:p,"data-focusindex":2,className:`responsiveTable__filters__row ${c?"":"hidden"}`,children:[(l>0||o)&&d("td",{className:"noFilter","aria-colindex":1,"aria-rowindex":2,tabIndex:n===1&&a===-1?0:-1,"data-focused":n===1&&a===-1,children:"\xA0"}),i.map((f,g)=>d(Be,{isHeader:!0,index:g,rowIndex:2},f)),r.filter(f=>!f.showAsAdditional).map((f,g)=>{const w=t.find(j=>j.definition.column===f.name);return f.showAsAdditional?null:d(Yl,{columnIndex:g,filter:w?.definition},f.name)})]})]})},nt=b.memo(ot),lt=({column:e,cell:r})=>{var o;return S($,{className:`${(o=r.className)!=null?o:""} responsiveTable__additionalInfoItem`,id:r.id,title:r.title,children:[S($,{as:"strong",children:[e.name,":"]})," ",r.children]})},qr=b.memo(lt);var tt=Object.defineProperty,Ur=Object.getOwnPropertySymbols,at=Object.prototype.hasOwnProperty,st=Object.prototype.propertyIsEnumerable,Vr=(e,r,o)=>r in e?tt(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,it=(e,r)=>{for(var o in r||(r={}))at.call(r,o)&&Vr(e,o,r[o]);if(Ur)for(var o of Ur(r))st.call(r,o)&&Vr(e,o,r[o]);return e};const ct=({colSpan:e,rowIndex:r})=>{const{name:o}=L(),n=U("separator",{rowIndex:r},z(o));return d("td",it({className:"row__separator__cell",colSpan:e},n))};var dt=Object.defineProperty,ge=Object.getOwnPropertySymbols,zr=Object.prototype.hasOwnProperty,Gr=Object.prototype.propertyIsEnumerable,Xr=(e,r,o)=>r in e?dt(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,ut=(e,r)=>{for(var o in r||(r={}))zr.call(r,o)&&Xr(e,o,r[o]);if(ge)for(var o of ge(r))Gr.call(r,o)&&Xr(e,o,r[o]);return e},mt=(e,r)=>{var o={};for(var n in e)zr.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&ge)for(var n of ge(e))r.indexOf(n)<0&&Gr.call(e,n)&&(o[n]=e[n]);return o};const Yr=b.forwardRef((e,r)=>{var o=e,{row:n,rowIndex:a}=o,t=mt(o,["row","rowIndex"]);return d($,ut({as:"tr",sx:Ge(()=>({"&.colored, & > *":{color:n.color,background:n.background}}),[n.background,n.color]),ref:r},t))});Yr.displayName="DefaultRowRenderer";const Qr=Yr;var pt=Object.defineProperty,ft=Object.defineProperties,wt=Object.getOwnPropertyDescriptors,Re=Object.getOwnPropertySymbols,Jr=Object.prototype.hasOwnProperty,Zr=Object.prototype.propertyIsEnumerable,eo=(e,r,o)=>r in e?pt(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,ro=(e,r)=>{for(var o in r||(r={}))Jr.call(r,o)&&eo(e,o,r[o]);if(Re)for(var o of Re(r))Zr.call(r,o)&&eo(e,o,r[o]);return e},vt=(e,r)=>ft(e,wt(r)),oo=(e,r)=>{var o={};for(var n in e)Jr.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&Re)for(var n of Re(e))r.indexOf(n)<0&&Zr.call(e,n)&&(o[n]=e[n]);return o};const no=b.forwardRef((e,r)=>{var o=e,{cell:n}=o,a=n,{Renderer:t,rendererProps:s,AccordionRenderer:l,ariaLabel:i}=a,c=oo(a,["Renderer","rendererProps","AccordionRenderer","ariaLabel"]),u=o,h=oo(u,["cell","column","row"]);return d($,vt(ro(ro({as:"td",sx:Ge(()=>({"&.colored":{background:c.background,color:c.color}}),[c.background,c.color]),ref:r},h),c),{"aria-label":i}))});no.displayName="DefaultCellRenderer";const lo=no;var bt=Object.defineProperty,ht=Object.defineProperties,yt=Object.getOwnPropertyDescriptors,to=Object.getOwnPropertySymbols,Ot=Object.prototype.hasOwnProperty,gt=Object.prototype.propertyIsEnumerable,ao=(e,r,o)=>r in e?bt(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Rt=(e,r)=>{for(var o in r||(r={}))Ot.call(r,o)&&ao(e,o,r[o]);if(to)for(var o of to(r))gt.call(r,o)&&ao(e,o,r[o]);return e},xt=(e,r)=>ht(e,yt(r));const $t=({columnIndex:e,inTableColumnIndex:r,rowIndex:o})=>{const{name:n}=L(),a=U("td",{columnIndex:r,rowIndex:o},z(n)),t=F(c=>{var u;const h=c.responsiveTableSlice[n];return(u=h?.rows[o])==null?void 0:u.cells[e]},E),s=F(c=>{const u=c.responsiveTableSlice[n];return u?.columns[e]},E),l=F(c=>{const u=c.responsiveTableSlice[n];return u?.rows[o]},E),i=b.useMemo(()=>{var c;return(c=t?.Renderer)!=null?c:lo},[t?.Renderer]);return!i||!t?l.separator?d("div",{className:"separator"}):null:d(i,xt(Rt({},a),{cell:t,column:s,row:l}))},It=b.memo($t);var St=Object.defineProperty,Nt=Object.defineProperties,Ct=Object.getOwnPropertyDescriptors,xe=Object.getOwnPropertySymbols,so=Object.prototype.hasOwnProperty,io=Object.prototype.propertyIsEnumerable,co=(e,r,o)=>r in e?St(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,ee=(e,r)=>{for(var o in r||(r={}))so.call(r,o)&&co(e,o,r[o]);if(xe)for(var o of xe(r))io.call(r,o)&&co(e,o,r[o]);return e},re=(e,r)=>Nt(e,Ct(r)),Pt=(e,r)=>{var o={};for(var n in e)so.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&xe)for(var n of xe(e))r.indexOf(n)<0&&io.call(e,n)&&(o[n]=e[n]);return o};const Ft=({rowIndex:e})=>{var r;const{name:o}=L(),{columns:n,hasNonAdditionalFilters:a}=F(m=>{var x;const y=m.responsiveTableSlice[o];return{columns:(x=y?.columns)!=null?x:[],hasNonAdditionalFilters:y?.hasNonAdditionalFilters}},E),t=F(m=>m.responsiveTableSlice[o].rows[e],E),s=F(m=>{const x=m.responsiveTableSlice[o];return x.columns.map((y,A)=>y.showAsAdditional?{index:A,column:y}:null).filter(y=>!!y).map(y=>{var A;return{cell:(A=x.rows[e])==null?void 0:A.cells[y.index],column:y.column,columnIndex:y.index}})},(m,x)=>m.reduce((y,A,K)=>y&&E(A,x[K]),!0)),{isDragging:l,isExpanded:i,shouldForbidSelection:c}=F(m=>{var x;const y=m.responsiveTableSlice[o];return{isExpanded:y.expandedRows.includes(e),isDragging:y.draggingRow===e,shouldForbidSelection:(x=y.rows[e])==null?void 0:x.forbidSelection}},E),u=U("tr",{isThisRowExpanded:i,rowIndex:e},z(o)),h=U("tr",{isTheExpandedRow:!0,rowIndex:e},z(o)),v=b.useCallback(m=>{(typeof m=="boolean"?m:!i)?T.dispatch(M.update({tableName:o,expandedRows:[...T.getState().responsiveTableSlice[o].expandedRows,e]})):T.dispatch(M.update({tableName:o,expandedRows:T.getState().responsiveTableSlice[o].expandedRows.filter(x=>x!==e)}))},[i,o,e]),p=F(m=>{var x;const y=m.responsiveTableSlice[o];return(x=y?.statesColumns)!=null?x:0},E),f=b.useMemo(()=>{var m;return((m=t.states)!=null?m:[]).map(x=>re(ee({},x),{id:ie()}))},[t.states]),g=U("additionalTd",{rowIndex:e},z(o)),w=Pt(g,["ref"]),j=b.useMemo(()=>{var m;return(m=t.renderer)!=null?m:Qr},[t.renderer]);return S(V,{children:[d(j,re(ee({},u),{row:t,rowIndex:e,className:`responsiveTable__row ${t.isHidden?"hidden":""} ${u["aria-selected"]?"selected":""} ${c?"non-selectable":""} ${f.map(m=>m.className).join(" ")} ${(r=t.className)!=null?r:""} ${t.separator?"row__separator":""} ${l?"draggingRow":""}`,onKeyDown:b.useCallback(m=>{m.key.toLowerCase()==="arrowleft"&&m.ctrlKey&&(m.preventDefault(),m.stopPropagation(),v(!1)),m.key.toLowerCase()==="arrowright"&&m.ctrlKey&&(m.preventDefault(),m.stopPropagation(),v(!0))},[v]),children:t.separator?d(ct,{colSpan:(s.length>0||a?1:0)+p+n.filter(m=>!m.showAsAdditional).length,rowIndex:e}):S(V,{children:[(s.length>0||a)&&d("td",re(ee({className:"additionalInfo__cell"},w),{children:s.length>0&&d(_e,re(ee({},X("icon-outline")),{icon:i?Fn:jn,"aria-label":i?window.LBL_COLLAPSE_ROW:window.LBL_EXPAND_ROW,className:"moreInformationButton",onClick:v}))})),Array(p).fill("").map((m,x)=>{var y,A;return d(Be,{index:x,state:f[x],rowIndex:e},(A=(y=f[x])==null?void 0:y.id)!=null?A:x)}),n.map((m,x)=>re(ee({},m),{actualColumnIndex:x})).filter(m=>!m.showAsAdditional).map((m,x)=>m.hidden?null:d(It,{columnIndex:m.actualColumnIndex,rowIndex:e,inTableColumnIndex:x},m.name))]})})),i&&d("tr",re(ee({className:"expandedRow"},h),{children:d("td",{colSpan:n.length-s.length+f.length+1,children:d($,{className:"responsiveTable__additionalInfoContainer",children:s.map(m=>{const{Renderer:x}=m.column;return x?d(x,{cell:m.cell,column:m.column,row:t},m.column.name):d(qr,{cell:m.cell,column:m.column,row:t},m.column.name)})})})}))]})},jt=b.memo(Ft),He=()=>{const{labels:e}=L();return d($,{className:"no__registers",children:e.noRegisters})};var Tt=Object.defineProperty,At=Object.defineProperties,Et=Object.getOwnPropertyDescriptors,uo=Object.getOwnPropertySymbols,_t=Object.prototype.hasOwnProperty,kt=Object.prototype.propertyIsEnumerable,mo=(e,r,o)=>r in e?Tt(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,po=(e,r)=>{for(var o in r||(r={}))_t.call(r,o)&&mo(e,o,r[o]);if(uo)for(var o of uo(r))kt.call(r,o)&&mo(e,o,r[o]);return e},fo=(e,r)=>At(e,Et(r));const Dt=()=>{const{name:e,label:r}=L(),o=U("table",{},s=>s.responsiveTableSlice[e]),n=F(s=>{var l;const i=s.responsiveTableSlice[e];return((l=i?.rows)!=null?l:[]).map(c=>c.id)},E),{columnsCount:a,rowsCount:t}=F(s=>{var l,i,c;const u=s.responsiveTableSlice[e];return{rowsCount:(l=u?.rows.length)!=null?l:0,columnsCount:((i=u?.nonAdditionalColumnsCount)!=null?i:0)+(u!=null&&u.hasNonAdditionalFilters?1:0)+((c=u?.statesColumns)!=null?c:0)}},E);return S($,fo(po(fo(po({},o),{as:"table",className:"responsiveTable__table"}),X("layout.common.tables.primary")),{"aria-label":r,children:[d(nt,{}),d("tbody",{children:t>0?n.map((s,l)=>d(jt,{rowIndex:l},s??`${s}-${l}`)):d("tr",{children:d("td",{colSpan:a,children:d(He,{})})})})]}))},wo=b.memo(Dt),Lt=({cell:e,column:r})=>{var o;return S($,{className:"responsiveTable__accordionElement__column",children:[S($,{as:"strong",children:[(o=r.label)!=null?o:r.name,": "]}),d($,{as:"span",children:e?.children})]},r.name)},We=Lt,Mt=({children:e})=>d($,{className:"accordion",children:e}),Kt=({row:e,rowIndex:r})=>{const{name:o}=L(),n=F(s=>{const l=s.responsiveTableSlice[o];return l?.accordionIndexColumns},E),a=F(s=>{const l=s.responsiveTableSlice[o];return l?.columns},E),t=b.useMemo(()=>{var s;return e.title?e.title:Array.isArray(n)?n.map(l=>{var i;return(i=e.cells[l.index].title)!=null?i:e.cells[l.index].children}).join(" | "):(s=e.cells[0].title)!=null?s:e.cells[0].children},[n,e.cells,e.title]);return!Array.isArray(n)||!a?null:S(Mt,{ButtonComponent:Ye,className:"responsiveTable__accordionElement",contentClassName:"responsiveTable__accordionElement__content",id:e.id,title:t,children:[a.map((s,l)=>{var i,c;const u=(c=(i=e.cells[l].AccordionRenderer)!=null?i:s.AccordionRenderer)!=null?c:We;return s.hideFromAccordion||s.showAsAdditional?null:d(u,{cell:e.cells[l],column:s,columnIndex:l,row:e,rowIndex:r},s.name)}),a.filter(s=>!!s.showAsAdditional).map((s,l)=>{var i,c;const u=(c=(i=e.cells[l].AccordionRenderer)!=null?i:s.AccordionRenderer)!=null?c:We;return s.hideFromAccordion?null:d(u,{cell:e.cells[l],column:s,columnIndex:l,row:e,rowIndex:r},s.name)})]})},vo=Kt;var Bt=Object.defineProperty,Ht=Object.defineProperties,Wt=Object.getOwnPropertyDescriptors,bo=Object.getOwnPropertySymbols,qt=Object.prototype.hasOwnProperty,Ut=Object.prototype.propertyIsEnumerable,ho=(e,r,o)=>r in e?Bt(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Vt=(e,r)=>{for(var o in r||(r={}))qt.call(r,o)&&ho(e,o,r[o]);if(bo)for(var o of bo(r))Ut.call(r,o)&&ho(e,o,r[o]);return e},zt=(e,r)=>Ht(e,Wt(r));const yo=!1,Gt=()=>{const{name:e}=L(),{columns:r,rows:o}=F(t=>{const s=t.responsiveTableSlice[e];return{columns:s?.columns,rows:s?.rows}},E);b.useEffect(()=>{if(r&&o){const t=[];if(r.forEach((s,l)=>{s.showInAccordionTitle&&t.push({column:s,index:l})}),t.length>0)T.dispatch(M.update({tableName:e,accordionIndexColumns:t}));else{const s=r.length;let l=null,i=0;for(;!l&&!yo&&i<r.length||yo;){let c=!1;for(const u of o)if(!u.cells[i].children){c=!0;break}if(!c&&r[i])l=r[i];else if(i+=1,i===s)break}l||([l]=r,i=0),T.dispatch(M.update({tableName:e,accordionIndexColumns:[{column:l,index:i}]}))}}},[r,e,o]);const[n,a]=b.useState(null);return b.useEffect(()=>{const t=new MutationObserver(([s])=>{s.addedNodes&&s.addedNodes.forEach(l=>{var i,c;(i=l.classList)!=null&&i.contains("responsiveTable__accordionElement")&&((c=l.scrollIntoView)==null||c.call(l))})});return n&&t.observe(n,{childList:!0,subtree:!0}),()=>{t.disconnect()}},[n]),S($,zt(Vt({className:"responsiveTable__accordion"},X("layout.common.tables.accordion")),{ref:a,children:[!o||o.length===0&&d(He,{}),o?.slice(0,void 0).map((t,s)=>d(vo,{row:t,rowIndex:s},t.id))]}))},Oo=b.memo(Gt);var Xt=Object.defineProperty,Yt=Object.defineProperties,Qt=Object.getOwnPropertyDescriptors,$e=Object.getOwnPropertySymbols,go=Object.prototype.hasOwnProperty,Ro=Object.prototype.propertyIsEnumerable,xo=(e,r,o)=>r in e?Xt(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,$o=(e,r)=>{for(var o in r||(r={}))go.call(r,o)&&xo(e,o,r[o]);if($e)for(var o of $e(r))Ro.call(r,o)&&xo(e,o,r[o]);return e},Jt=(e,r)=>Yt(e,Qt(r)),Zt=(e,r)=>{var o={};for(var n in e)go.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&$e)for(var n of $e(e))r.indexOf(n)<0&&Ro.call(e,n)&&(o[n]=e[n]);return o};const z=e=>r=>r.responsiveTableSlice[e],Io=b.forwardRef((e,r)=>{var o=e,{className:n}=o,a=Zt(o,["className"]);const t=dn({defaultIndex:3}),{currentBreakPoint:s}=L(),l=s??t;return d(wl,{children:d($,Jt($o($o({},a),X("layout.common.tables.responsive")),{className:`responsiveTable__wrapper ${n??""}`,ref:r,children:l>=3?d(wo,{}):d(Oo,{})}))})});Io.displayName="ResponsiveTable";const So=b.memo(Io);var ea=Object.defineProperty,ra=Object.defineProperties,oa=Object.getOwnPropertyDescriptors,Ie=Object.getOwnPropertySymbols,No=Object.prototype.hasOwnProperty,Co=Object.prototype.propertyIsEnumerable,Po=(e,r,o)=>r in e?ea(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Fo=(e,r)=>{for(var o in r||(r={}))No.call(r,o)&&Po(e,o,r[o]);if(Ie)for(var o of Ie(r))Co.call(r,o)&&Po(e,o,r[o]);return e},na=(e,r)=>ra(e,oa(r)),jo=(e,r)=>{var o={};for(var n in e)No.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&Ie)for(var n of Ie(e))r.indexOf(n)<0&&Co.call(e,n)&&(o[n]=e[n]);return o};const To=b.forwardRef((e,r)=>{var o=e,{cell:n}=o,a=n,{children:t,Renderer:s,rendererProps:l,AccordionRenderer:i}=a,c=jo(a,["children","Renderer","rendererProps","AccordionRenderer"]),u=o,h=jo(u,["cell","column","row"]);return d("td",na(Fo(Fo({ref:r},h),c),{children:S(Qe,{className:"cell__download__document",title:l?.docName,href:l?.docUrl,onClick:v=>{v.preventDefault(),l!=null&&l.docUrl&&er(l?.docUrl)},children:[d(ke,{title:"",name:"Download"}),l?.docName]})}))});To.displayName="DocNameCellRenderer";const la=To;var ta=Object.defineProperty,aa=Object.defineProperties,sa=Object.getOwnPropertyDescriptors,Se=Object.getOwnPropertySymbols,Ao=Object.prototype.hasOwnProperty,Eo=Object.prototype.propertyIsEnumerable,_o=(e,r,o)=>r in e?ta(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,ia=(e,r)=>{for(var o in r||(r={}))Ao.call(r,o)&&_o(e,o,r[o]);if(Se)for(var o of Se(r))Eo.call(r,o)&&_o(e,o,r[o]);return e},ca=(e,r)=>aa(e,sa(r)),da=(e,r)=>{var o={};for(var n in e)Ao.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&Se)for(var n of Se(e))r.indexOf(n)<0&&Eo.call(e,n)&&(o[n]=e[n]);return o};const ko=b.forwardRef((e,r)=>{var o=e,{cell:n}=o,a=n,{children:t,Renderer:s,rendererProps:l,AccordionRenderer:i}=a,c=da(a,["children","Renderer","rendererProps","AccordionRenderer"]),{column:u}=o,h;return S($,ca(ia({ref:r},c),{children:[S($,{as:"strong",children:[(h=u.label)!=null?h:u.name,": "]}),S(Qe,{className:"cell__download__document",title:l?.docName,href:l?.docUrl,onClick:v=>{v.preventDefault(),l!=null&&l.docUrl&&er(l?.docUrl)},children:[d(ke,{title:"",name:"Download"}),l?.docName]})]}))});ko.displayName="AccordionDocNameCellRenderer";const ua=ko;var ma=Object.defineProperty,pa=Object.defineProperties,fa=Object.getOwnPropertyDescriptors,Ne=Object.getOwnPropertySymbols,Do=Object.prototype.hasOwnProperty,Lo=Object.prototype.propertyIsEnumerable,Mo=(e,r,o)=>r in e?ma(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,qe=(e,r)=>{for(var o in r||(r={}))Do.call(r,o)&&Mo(e,o,r[o]);if(Ne)for(var o of Ne(r))Lo.call(r,o)&&Mo(e,o,r[o]);return e},wa=(e,r)=>pa(e,fa(r)),Ko=(e,r)=>{var o={};for(var n in e)Do.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&Ne)for(var n of Ne(e))r.indexOf(n)<0&&Lo.call(e,n)&&(o[n]=e[n]);return o};const Bo=b.forwardRef((e,r)=>{var o=e,{cell:n}=o,a=n,{children:t,Renderer:s,rendererProps:l,AccordionRenderer:i}=a,c=Ko(a,["children","Renderer","rendererProps","AccordionRenderer"]),u=o,h=Ko(u,["cell","column","row"]);return d($,wa(qe(qe(qe({ref:r},h),c),l!=null&&l.html?{dangerouslySetInnerHTML:{__html:l.html.replaceAll(/<TOK(\d+)/g,"&lt;TOK$1")}}:{children:t}),{as:"span"}))});Bo.displayName="AccordionHTMLCellRenderer";const va=Bo;var ba=Object.defineProperty,Ce=Object.getOwnPropertySymbols,Ho=Object.prototype.hasOwnProperty,Wo=Object.prototype.propertyIsEnumerable,qo=(e,r,o)=>r in e?ba(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Ue=(e,r)=>{for(var o in r||(r={}))Ho.call(r,o)&&qo(e,o,r[o]);if(Ce)for(var o of Ce(r))Wo.call(r,o)&&qo(e,o,r[o]);return e},Uo=(e,r)=>{var o={};for(var n in e)Ho.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&Ce)for(var n of Ce(e))r.indexOf(n)<0&&Wo.call(e,n)&&(o[n]=e[n]);return o};const Vo=b.forwardRef((e,r)=>{var o=e,{cell:n}=o,a=n,{children:t,Renderer:s,rendererProps:l,AccordionRenderer:i}=a,c=Uo(a,["children","Renderer","rendererProps","AccordionRenderer"]),u=o,h=Uo(u,["cell","column","row"]);return d("td",Ue(Ue(Ue({ref:r},h),c),l!=null&&l.html?{dangerouslySetInnerHTML:{__html:l.html.replaceAll(/<TOK(\d+)/g,"&lt;TOK$1")}}:{children:t}))});Vo.displayName="HTMLCellRenderer";const ha=Vo,ya=()=>d($,{className:"responsiveTable__isLoading",children:d(Je,{})});var Oa=(e,r,o)=>new Promise((n,a)=>{var t=i=>{try{l(o.next(i))}catch(c){a(c)}},s=i=>{try{l(o.throw(i))}catch(c){a(c)}},l=i=>i.done?n(i.value):Promise.resolve(i.value).then(t,s);l((o=o.apply(e,r)).next())});function ga(e){const r=Xe(({row:o},n)=>{const[a,t]=je(null),s=sn(()=>Oa(this,null,function*(){const l=yield e(o);t(l)}),[o]);return d(V,{children:a?S(V,{children:[d(_e,{icon:"Minus",onClick:()=>t(null)}),rr(a).map(l=>S($,{ref:n,as:"div",children:[S($,{as:"strong",children:[l.name,":"]})," ",l.label]},l.name))]}):d(_e,{icon:"Plus",onClick:()=>void s()})})});return r.displayName="MakeAccordionAsyncRenderer",r}var Ra=(e,r,o)=>new Promise((n,a)=>{var t=i=>{try{l(o.next(i))}catch(c){a(c)}},s=i=>{try{l(o.throw(i))}catch(c){a(c)}},l=i=>i.done?n(i.value):Promise.resolve(i.value).then(t,s);l((o=o.apply(e,r)).next())});function xa(e){const r=Xe(({row:o},n)=>{const[a,t]=je(null);return In(()=>{Ra(this,null,function*(){const s=yield e(o);t(s)})}),d(V,{children:a?rr(a).map(s=>d($,{ref:n,className:`responsiveTable__additionalInfoItem ${s.newline?"separator":""}`,children:s.newline?S(V,{children:[S($,{sx:{height:"20px"},as:"strong",children:[s.name,":"]})," ",s.label]}):S(V,{children:[S($,{as:"strong",children:[s.name,":"]})," ",s.label]})},`${s.name}-${ie()}`)):d(Je,{size:15})})});return r.displayName="MakeAsyncRenderer",r}var $a=Object.defineProperty,Ia=Object.defineProperties,Sa=Object.getOwnPropertyDescriptors,Pe=Object.getOwnPropertySymbols,zo=Object.prototype.hasOwnProperty,Go=Object.prototype.propertyIsEnumerable,Xo=(e,r,o)=>r in e?$a(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Yo=(e,r)=>{for(var o in r||(r={}))zo.call(r,o)&&Xo(e,o,r[o]);if(Pe)for(var o of Pe(r))Go.call(r,o)&&Xo(e,o,r[o]);return e},Na=(e,r)=>Ia(e,Sa(r)),Qo=(e,r)=>{var o={};for(var n in e)zo.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&Pe)for(var n of Pe(e))r.indexOf(n)<0&&Go.call(e,n)&&(o[n]=e[n]);return o};function Ve(e){let r;return e!=null&&e.includes("priority0")&&(r="priorityNone"),e!=null&&e.includes("priority1")&&(r="priorityLow"),e!=null&&e.includes("priority2")&&(r="priorityNormal"),e!=null&&e.includes("priority3")&&(r="priorityHigh"),e!=null&&e.includes("priority4")&&(r="priorityUrgent"),r}const Jo=b.forwardRef((e,r)=>{var o=e,{cell:n}=o,a=n,{children:t,Renderer:s,rendererProps:l,AccordionRenderer:i}=a,c=Qo(a,["children","Renderer","rendererProps","AccordionRenderer"]),u=o,h=Qo(u,["cell","column","row"]);const v=Ve(l?.src);return d("td",Na(Yo(Yo({},h),c),{ref:r,className:"priority",sx:{color:v},children:d(nr,{})}))});Jo.displayName="PriorityRenderer";const Ca=Jo,Zo=b.forwardRef(({cell:e,column:r},o)=>{var n,a,t;const s=Ve((n=e.rendererProps)==null?void 0:n.src),l=(a=r.label)!=null?a:r.name;return S($,{ref:o,className:"priority_container",children:[l&&S($,{as:"strong",children:[(t=r.label)!=null?t:r.name,": "]}),d($,{as:"span",className:"priority",sx:{color:s},children:d(nr,{})})]})});Zo.displayName="PriorityAccordionRenderer";const Pa=Zo;var Fa=Object.defineProperty,ja=Object.defineProperties,Ta=Object.getOwnPropertyDescriptors,Fe=Object.getOwnPropertySymbols,en=Object.prototype.hasOwnProperty,rn=Object.prototype.propertyIsEnumerable,on=(e,r,o)=>r in e?Fa(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,nn=(e,r)=>{for(var o in r||(r={}))en.call(r,o)&&on(e,o,r[o]);if(Fe)for(var o of Fe(r))rn.call(r,o)&&on(e,o,r[o]);return e},Aa=(e,r)=>ja(e,Ta(r)),ln=(e,r)=>{var o={};for(var n in e)en.call(e,n)&&r.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&Fe)for(var n of Fe(e))r.indexOf(n)<0&&rn.call(e,n)&&(o[n]=e[n]);return o};function ze(e,r){var o;if(e===void 0)return"";const n=e.split(" ")[0],a=(o=e.split(" ")[1])!=null?o:"00:00:00",t=Sn(),s=ue(),l=Number(ue().format("HHmm")),i=ue(n,t),c=Number(ue(a,t));let u="";return s>=i&&(u=r),c&&s<=i&&l<c&&(u=r),u}const tn=b.forwardRef((e,r)=>{var o=e,{cell:n}=o,a=n,{children:t,Renderer:s,rendererProps:l,AccordionRenderer:i}=a,c=ln(a,["children","Renderer","rendererProps","AccordionRenderer"]),u=o,{column:h,row:v}=u,p=ln(u,["cell","column","row"]);const f=ze(t,h.name);return d("td",Aa(nn(nn({},p),c),{ref:r,className:f,children:t}))});tn.displayName="StatusRenderer";const Ea=tn,an=b.forwardRef(({cell:e,column:r},o)=>{var n;const a=ze(e.children,r.name);return S($,{ref:o,children:[S($,{as:"strong",children:[(n=r.label)!=null?n:r.name,": "]}),d($,{as:"span",className:a,children:e.children})]})});an.displayName="StatusAccordionRenderer";const _a=an;export{We as AccordionCell,ua as AccordionDocNameCellRenderer,vo as AccordionElement,va as AccordionHTMLCellRenderer,Oo as AccordionRenderer,qr as AdditionalColumnDefaultRenderer,lo as DefaultCellRenderer,Qr as DefaultRowRenderer,la as DocNameCellRenderer,ha as HTMLCellRenderer,ya as IsLoadingRenderer,He as NoRegistersRenderer,Pa as PriorityAccordionRenderer,Ca as PriorityRenderer,So as ResponsiveTable,cl as ResponsiveTableContext,Ar as RowStatesRenderer,_a as StatusAccordionRenderer,Ea as StatusRenderer,wo as TableRenderer,lr as defaultLabels,Ve as getPriorityHandler,ze as getStatusRendererClassName,ga as makeAccordionAsyncRenderer,xa as makeAsyncRenderer,M as responsiveTableActions,T as responsiveTableStore,F as useResponsiveTable};
 //# sourceMappingURL=index.js.map