@apia/table 0.3.6 → 1.0.0

package/dist/index.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useState, useMemo, memo, forwardRef, useCallback } from 'react';
-import { Box, getVariant, Button, Input, useBreakpointIndex, Link, Spinner } from '@apia/theme';
+import { Box, getVariant, Input, useBreakpointIndex, Link, Spinner } 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, useLatest, useUpdateEffect, getSpecificParent, isChild, autoDisconnectMutationObserver, getFocusSelector, cantFocusSelector, globalFocus, scrollParentIntoElement, customEvents, debugDispatcher, persistentStorage, EventEmitter, downloadUrl, arrayOrArray, useMount as useMount$1, getDateFormat } from '@apia/util';
+import { addBoundary, useLatest, useUpdateEffect, getSpecificParent, isChild, autoDisconnectMutationObserver, getFocusSelector, cantFocusSelector, globalFocus, scrollParentIntoElement, customEvents, debugDispatcher, persistentStorage, EventEmitter, getLabel, downloadUrl, arrayOrArray, useMount as useMount$1, getDateFormat } from '@apia/util';
 import { shallowEqual } from 'react-redux';
 import { useOtherTagButton, AutoEllipsis, ApiaFilter, IconButton, AccordionItem, Accordion } from '@apia/components';
 import { Icon } from '@apia/icons';
@@ -306,8 +306,8 @@ function handleKey(state, { ev }) {
 }
 
 var __defProp$n = Object.defineProperty;
-var __defProps$j = Object.defineProperties;
-var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
+var __defProps$k = Object.defineProperties;
+var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
 var __hasOwnProp$n = Object.prototype.hasOwnProperty;
 var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
@@ -323,7 +323,7 @@ var __spreadValues$n = (a, b) => {
     }
   return a;
 };
-var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
 var __objRest$c = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -575,7 +575,7 @@ function makeKeyHandler(actions, id, config) {
     const isFocusedRef = React.useRef(false);
     return /* @__PURE__ */ jsx(
       Box,
-      __spreadProps$j(__spreadValues$n({
+      __spreadProps$k(__spreadValues$n({
         ref: setRef
       }, props), {
         className: `selection__keyHandler ${(_b2 = props.className) != null ? _b2 : ""}`,
@@ -672,8 +672,8 @@ function makeKeyHandler(actions, id, config) {
 }
 
 var __defProp$m = Object.defineProperty;
-var __defProps$i = Object.defineProperties;
-var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
+var __defProps$j = Object.defineProperties;
+var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
 var __hasOwnProp$m = Object.prototype.hasOwnProperty;
 var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
@@ -689,7 +689,7 @@ var __spreadValues$m = (a, b) => {
     }
   return a;
 };
-var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
 var __objRest$b = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -738,7 +738,7 @@ function getReduxActions() {
       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$i(__spreadValues$m({}, payload), {
+      setNewFocused(state[id], __spreadProps$j(__spreadValues$m({}, payload), {
         newFocusedColumn,
         newFocusedRow
       }));
@@ -749,8 +749,8 @@ function getReduxActions() {
 }
 
 var __defProp$l = Object.defineProperty;
-var __defProps$h = Object.defineProperties;
-var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
+var __defProps$i = Object.defineProperties;
+var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
 var __hasOwnProp$l = Object.prototype.hasOwnProperty;
 var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
@@ -766,7 +766,7 @@ var __spreadValues$l = (a, b) => {
     }
   return a;
 };
-var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
+var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
 var __objRest$a = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -780,7 +780,7 @@ var __objRest$a = (source, exclude) => {
   return target;
 };
 function getInitialState() {
-  const newState = __spreadProps$h(__spreadValues$l({}, getInitialState$1()), {
+  const newState = __spreadProps$i(__spreadValues$l({}, getInitialState$1()), {
     allowSelection: true,
     allowSorting: true,
     filters: [],
@@ -908,8 +908,8 @@ const { store: responsiveTableStore, useSelector: useResponsiveTable } = injectR
 const responsiveTableActions = responsiveTableSlice.actions;
 
 var __defProp$k = Object.defineProperty;
-var __defProps$g = Object.defineProperties;
-var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
+var __defProps$h = Object.defineProperties;
+var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
 var __hasOwnProp$k = Object.prototype.hasOwnProperty;
 var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
@@ -925,7 +925,7 @@ var __spreadValues$k = (a, b) => {
     }
   return a;
 };
-var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
+var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
 const ResponsiveTableReactContext = React.createContext({});
 function useResponsiveTableContext() {
   const context = React.useContext(ResponsiveTableReactContext);
@@ -1024,7 +1024,7 @@ const NoMemoResponsiveTableContext = ({
       })
     );
     if (avoidReparseSelectionOnRowChange !== true) {
-      const selected = rows.map((current, i) => __spreadProps$g(__spreadValues$k({}, current), { i })).filter((current) => current.initiallySelected);
+      const selected = rows.map((current, i) => __spreadProps$h(__spreadValues$k({}, current), { i })).filter((current) => current.initiallySelected);
       responsiveTableStore.dispatch(
         responsiveTableActions.update({
           tableName: actualName,
@@ -1045,7 +1045,7 @@ const NoMemoResponsiveTableContext = ({
   });
   return /* @__PURE__ */ jsx(ResponsiveTableReactContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
     Box,
-    __spreadProps$g(__spreadValues$k({
+    __spreadProps$h(__spreadValues$k({
       id: name,
       className: `responsiveTableContext__wrapper ${className != null ? className : ""}`
     }, variant ? getVariant(variant) : null), {
@@ -1240,7 +1240,6 @@ function useDomProps(element, elementProps, stateSelector) {
       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,
@@ -1252,7 +1251,7 @@ function useDomProps(element, elementProps, stateSelector) {
       const castedProps = elementProps;
       returnObject = {
         "aria-colindex": castedProps.columnIndex + 1 + state.statesColumns + (state.hasNonAdditionalFilters ? 1 : 0),
-        "aria-sort": ["ascending", "descending", "none"][["Asc", "Desc", null].findIndex(
+        "aria-sort": ["ascending", "descending", void 0][["Asc", "Desc", null].findIndex(
           (current) => current === state.columns[castedProps.columnIndex].currentSorting
         )],
         "data-editionmode": state.isEditionMode && state.isFocused,
@@ -1267,8 +1266,8 @@ function useDomProps(element, elementProps, stateSelector) {
 }
 
 var __defProp$i = Object.defineProperty;
-var __defProps$f = Object.defineProperties;
-var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+var __defProps$g = Object.defineProperties;
+var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
 var __hasOwnProp$i = Object.prototype.hasOwnProperty;
 var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
@@ -1284,7 +1283,7 @@ var __spreadValues$i = (a, b) => {
     }
   return a;
 };
-var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
 const widthStorageName = "tablesWidths";
 function getColumnWidth(width) {
   if (typeof width === "string") {
@@ -1399,7 +1398,7 @@ const NoMemoHeaderCell = ({
   );
   return /* @__PURE__ */ jsx(
     Box,
-    __spreadProps$f(__spreadValues$i(__spreadValues$i({
+    __spreadProps$g(__spreadValues$i(__spreadValues$i({
       as: "th",
       style: sx,
       "data-columnname": column.name,
@@ -1475,8 +1474,8 @@ const NoMemoHeaderCell = ({
                 );
                 trElement == null ? void 0 : trElement.querySelectorAll("th").forEach((current) => {
                   var _a2;
-                  persistentStorage[widthStorageName] = __spreadProps$f(__spreadValues$i({}, persistentStorage[widthStorageName]), {
-                    [actualName]: __spreadProps$f(__spreadValues$i({}, (_a2 = persistentStorage[widthStorageName]) == null ? void 0 : _a2[actualName]), {
+                  persistentStorage[widthStorageName] = __spreadProps$g(__spreadValues$i({}, persistentStorage[widthStorageName]), {
+                    [actualName]: __spreadProps$g(__spreadValues$i({}, (_a2 = persistentStorage[widthStorageName]) == null ? void 0 : _a2[actualName]), {
                       [current.dataset.columnname]: current.clientWidth
                     })
                   });
@@ -1497,8 +1496,8 @@ const NoMemoHeaderCell = ({
 const HeaderCell = React.memo(NoMemoHeaderCell);
 
 var __defProp$h = Object.defineProperty;
-var __defProps$e = Object.defineProperties;
-var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+var __defProps$f = Object.defineProperties;
+var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
 var __hasOwnProp$h = Object.prototype.hasOwnProperty;
 var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
@@ -1514,37 +1513,36 @@ var __spreadValues$h = (a, b) => {
     }
   return a;
 };
-var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
 const NoMemoRowStatesRenderer = ({
   state
 }) => {
   var _a;
   const { Icon } = state;
   return /* @__PURE__ */ jsx(
-    Button,
-    __spreadProps$e(__spreadValues$h({}, getVariant("inherit")), {
+    Icon,
+    __spreadProps$f(__spreadValues$h({}, getVariant("inherit")), {
       title: state.tooltip,
       className: `${(_a = state.className) != null ? _a : "state"}_icon state_icon`,
       sx: React.useMemo(
         () => {
           var _a2;
           return {
-            "svg, path": {
+            "&, svg, path": {
               color: (_a2 = state.color) != null ? _a2 : ""
             }
           };
         },
         [state.color]
-      ),
-      children: /* @__PURE__ */ jsx(Icon, {})
+      )
     })
   );
 };
 const RowStatesRenderer = React.memo(NoMemoRowStatesRenderer);
 
 var __defProp$g = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+var __defProps$e = Object.defineProperties;
+var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
 var __hasOwnProp$g = Object.prototype.hasOwnProperty;
 var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
@@ -1560,7 +1558,7 @@ var __spreadValues$g = (a, b) => {
     }
   return a;
 };
-var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
 const StateCell = ({ index, rowIndex, state, isHeader }) => {
   const { name } = useResponsiveTableContext();
   const domProps = useDomProps(
@@ -1568,12 +1566,12 @@ const StateCell = ({ index, rowIndex, state, isHeader }) => {
     { columnIndex: index, rowIndex },
     domPropsSelector(name)
   );
-  return /* @__PURE__ */ jsx(Box, __spreadProps$d(__spreadValues$g({ as: "td", className: "stateCell" }, domProps), { children: state ? /* @__PURE__ */ jsx(RowStatesRenderer, { state }) : "" }));
+  return /* @__PURE__ */ jsx(Box, __spreadProps$e(__spreadValues$g({ as: "td", className: "stateCell" }, domProps), { children: state ? /* @__PURE__ */ jsx(RowStatesRenderer, { state }) : "" }));
 };
 
 var __defProp$f = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
 var __hasOwnProp$f = Object.prototype.hasOwnProperty;
 var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
@@ -1589,7 +1587,7 @@ var __spreadValues$f = (a, b) => {
     }
   return a;
 };
-var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
 const NoMemoRangeFilter = ({ filter }) => {
   var _a, _b;
   const { onFilterBlur, onFilterChange, onFilterPressEnter } = useResponsiveTableContext();
@@ -1610,15 +1608,15 @@ const NoMemoRangeFilter = ({ filter }) => {
         filter: filterLow,
         onChange: (currentValue) => {
           if (onFilterChange)
-            void onFilterChange(__spreadProps$c(__spreadValues$f({}, filterLow), { currentValue }));
+            void onFilterChange(__spreadProps$d(__spreadValues$f({}, filterLow), { currentValue }));
         },
         onBlur: (currentValue) => {
           if (onFilterBlur)
-            void onFilterBlur(__spreadProps$c(__spreadValues$f({}, filterLow), { currentValue }));
+            void onFilterBlur(__spreadProps$d(__spreadValues$f({}, filterLow), { currentValue }));
         },
         onPressEnter: (currentValue) => {
           if (onFilterPressEnter)
-            void onFilterPressEnter(__spreadProps$c(__spreadValues$f({}, filterLow), { currentValue }));
+            void onFilterPressEnter(__spreadProps$d(__spreadValues$f({}, filterLow), { currentValue }));
         }
       }
     ) }),
@@ -1629,15 +1627,15 @@ const NoMemoRangeFilter = ({ filter }) => {
         filter: filterHigh,
         onChange: (currentValue) => {
           if (onFilterChange)
-            void onFilterChange(__spreadProps$c(__spreadValues$f({}, filterHigh), { currentValue }));
+            void onFilterChange(__spreadProps$d(__spreadValues$f({}, filterHigh), { currentValue }));
         },
         onBlur: (currentValue) => {
           if (onFilterBlur)
-            void onFilterBlur(__spreadProps$c(__spreadValues$f({}, filterHigh), { currentValue }));
+            void onFilterBlur(__spreadProps$d(__spreadValues$f({}, filterHigh), { currentValue }));
         },
         onPressEnter: (currentValue) => {
           if (onFilterPressEnter)
-            void onFilterPressEnter(__spreadProps$c(__spreadValues$f({}, filterHigh), { currentValue }));
+            void onFilterPressEnter(__spreadProps$d(__spreadValues$f({}, filterHigh), { currentValue }));
         }
       }
     ) })
@@ -1646,8 +1644,8 @@ const NoMemoRangeFilter = ({ filter }) => {
 const RangeFilter = NoMemoRangeFilter;
 
 var __defProp$e = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
 var __hasOwnProp$e = Object.prototype.hasOwnProperty;
 var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
@@ -1663,7 +1661,7 @@ var __spreadValues$e = (a, b) => {
     }
   return a;
 };
-var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
 const FilterCell = ({ columnIndex, filter }) => {
   const { name, onFilterBlur, onFilterChange, onFilterPressEnter } = useResponsiveTableContext();
   const domProps = useDomProps(
@@ -1676,14 +1674,14 @@ const FilterCell = ({ columnIndex, filter }) => {
   const handleOnBlur = React.useCallback(
     (currentValue) => {
       if (filter && onFilterBlur)
-        onFilterBlur(__spreadProps$b(__spreadValues$e({}, filter), { currentValue }));
+        onFilterBlur(__spreadProps$c(__spreadValues$e({}, filter), { currentValue }));
     },
     [filter, onFilterBlur]
   );
   const handleOnChange = React.useCallback(
     (currentValue) => {
       if (filter && onFilterChange)
-        return onFilterChange(__spreadProps$b(__spreadValues$e({}, filter), { currentValue }));
+        return onFilterChange(__spreadProps$c(__spreadValues$e({}, filter), { currentValue }));
       return true;
     },
     [filter, onFilterChange]
@@ -1691,7 +1689,7 @@ const FilterCell = ({ columnIndex, filter }) => {
   const handleOnPressEnter = React.useCallback(
     (currentValue) => {
       if (filter && onFilterPressEnter)
-        onFilterPressEnter(__spreadProps$b(__spreadValues$e({}, filter), { currentValue }));
+        onFilterPressEnter(__spreadProps$c(__spreadValues$e({}, filter), { currentValue }));
     },
     [filter, onFilterPressEnter]
   );
@@ -1718,12 +1716,12 @@ const FilterCell = ({ columnIndex, filter }) => {
     }
     return /* @__PURE__ */ jsx(Input, { "aria-label": label, disabled: true });
   }
-  return /* @__PURE__ */ jsx("td", __spreadProps$b(__spreadValues$e({}, domProps), { children: findFilter() }));
+  return /* @__PURE__ */ jsx("td", __spreadProps$c(__spreadValues$e({}, domProps), { children: findFilter() }));
 };
 
 var __defProp$d = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
 var __hasOwnProp$d = Object.prototype.hasOwnProperty;
 var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
@@ -1739,7 +1737,7 @@ var __spreadValues$d = (a, b) => {
     }
   return a;
 };
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 const NoMemoHeader = () => {
   const { name } = useResponsiveTableContext();
   const { columns, hasNonAdditionalFilters, focusedColumn, focusedRow } = useResponsiveTable((global) => {
@@ -1819,26 +1817,27 @@ const NoMemoHeader = () => {
     /* @__PURE__ */ jsxs("tr", { "data-focusindex": 1, children: [
       (additionalColumns > 0 || hasNonAdditionalFilters) && /* @__PURE__ */ jsx(
         "th",
-        __spreadProps$a(__spreadValues$d({
+        __spreadProps$b(__spreadValues$d({
           "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",
+          "aria-label": isFiltersRowVisible ? getLabel("lblHideFilters").text : getLabel("lblShowFilters").text,
+          role: "presentation",
           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
+              title: isFiltersRowVisible ? getLabel("lblHideFilters").text : getLabel("lblShowFilters").text,
+              "aria-label": isFiltersRowVisible ? getLabel("lblHideFilters").text : getLabel("lblShowFilters").text
             }
-          ) : /* @__PURE__ */ jsx(Fragment, { children: "\xA0" })
+          ) : /* @__PURE__ */ jsx("span", { style: { display: "none" }, children: isFiltersRowVisible ? getLabel("lblHideFilters").text : getLabel("lblShowFilters").text })
         })
       ),
       statesIds.map((id, i) => /* @__PURE__ */ jsx(StateCell, { isHeader: true, index: i, rowIndex: 1 }, id)),
-      columns.map((current, actualColumnIndex) => __spreadProps$a(__spreadValues$d({}, current), {
+      columns.map((current, actualColumnIndex) => __spreadProps$b(__spreadValues$d({}, current), {
         actualTableColumnIndex: actualColumnIndex
       })).filter((current) => !current.showAsAdditional).map((current, columnIndex) => {
         if (current.hidden)
@@ -1999,8 +1998,8 @@ NoMemoDefaultRowRenderer.displayName = "DefaultRowRenderer";
 const DefaultRowRenderer = NoMemoDefaultRowRenderer;
 
 var __defProp$a = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
 var __hasOwnProp$a = Object.prototype.hasOwnProperty;
 var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
@@ -2016,7 +2015,7 @@ var __spreadValues$a = (a, b) => {
     }
   return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2041,7 +2040,7 @@ const NoMemoDefaultCellRenderer = React.forwardRef(
     var _a2;
     return /* @__PURE__ */ jsx(
       Box,
-      __spreadProps$9(__spreadValues$a(__spreadValues$a({
+      __spreadProps$a(__spreadValues$a(__spreadValues$a({
         as: "td",
         sx: useMemo(
           () => ({
@@ -2076,8 +2075,8 @@ NoMemoDefaultCellRenderer.displayName = "DefaultCellRenderer";
 const DefaultCellRenderer = NoMemoDefaultCellRenderer;
 
 var __defProp$9 = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
 var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
 var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
@@ -2093,7 +2092,7 @@ var __spreadValues$9 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 const NoMemoCell = ({
   columnIndex,
   inTableColumnIndex,
@@ -2129,7 +2128,7 @@ const NoMemoCell = ({
     return row.separator ? /* @__PURE__ */ jsx("div", { className: "separator" }) : null;
   return /* @__PURE__ */ jsx(
     Renderer,
-    __spreadProps$8(__spreadValues$9({}, domProps), {
+    __spreadProps$9(__spreadValues$9({}, domProps), {
       cell,
       column,
       row
@@ -2139,8 +2138,8 @@ const NoMemoCell = ({
 const Cell = React.memo(NoMemoCell);
 
 var __defProp$8 = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
 var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
 var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
@@ -2156,7 +2155,7 @@ var __spreadValues$8 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2273,7 +2272,7 @@ const NoMemoRow = ({ rowIndex }) => {
   const states = React.useMemo(
     () => {
       var _a2;
-      return ((_a2 = row.states) != null ? _a2 : []).map((current) => __spreadProps$7(__spreadValues$8({}, current), { id: uniqueId() }));
+      return ((_a2 = row.states) != null ? _a2 : []).map((current) => __spreadProps$8(__spreadValues$8({}, current), { id: uniqueId() }));
     },
     [row.states]
   );
@@ -2292,7 +2291,7 @@ const NoMemoRow = ({ rowIndex }) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Renderer,
-      __spreadProps$7(__spreadValues$8({}, domProps), {
+      __spreadProps$8(__spreadValues$8({}, 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" : ""}`,
@@ -2318,13 +2317,13 @@ const NoMemoRow = ({ rowIndex }) => {
             rowIndex
           }
         ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          (additionalCells.length > 0 || hasNonAdditionalFilters) && /* @__PURE__ */ jsx("td", __spreadProps$7(__spreadValues$8({ className: "additionalInfo__cell" }, additionalCellDomProps), { children: additionalCells.length > 0 && /* @__PURE__ */ jsx(
+          (additionalCells.length > 0 || hasNonAdditionalFilters) && /* @__PURE__ */ jsx("td", __spreadProps$8(__spreadValues$8({ className: "additionalInfo__cell" }, additionalCellDomProps), { children: additionalCells.length > 0 && /* @__PURE__ */ jsx(
             IconButton,
-            __spreadProps$7(__spreadValues$8({
+            __spreadProps$8(__spreadValues$8({
               size: "Lg"
             }, getVariant("icon-outline")), {
               icon: isExpanded ? MdKeyboardArrowDown : MdKeyboardArrowRight,
-              "aria-label": isExpanded ? window.LBL_COLLAPSE_ROW : window.LBL_EXPAND_ROW,
+              "aria-label": isExpanded ? getLabel("lblCollapseRow").text : getLabel("lblExpandRow").text,
               className: "moreInformationButton",
               onClick: handleExpandedState
             })
@@ -2341,7 +2340,7 @@ const NoMemoRow = ({ rowIndex }) => {
               (_b2 = (_a2 = states[i]) == null ? void 0 : _a2.id) != null ? _b2 : i
             );
           }),
-          columns.map((current, actualColumnIndex) => __spreadProps$7(__spreadValues$8({}, current), {
+          columns.map((current, actualColumnIndex) => __spreadProps$8(__spreadValues$8({}, current), {
             actualColumnIndex
           })).filter((current) => !current.showAsAdditional).map((current, inTableColumnIndex) => {
             if (current.hidden)
@@ -2359,7 +2358,7 @@ const NoMemoRow = ({ rowIndex }) => {
         ] })
       })
     ),
-    isExpanded && /* @__PURE__ */ jsx("tr", __spreadProps$7(__spreadValues$8({ className: "expandedRow" }, expandedRowDomProps), { children: /* @__PURE__ */ jsx(
+    isExpanded && /* @__PURE__ */ jsx("tr", __spreadProps$8(__spreadValues$8({ className: "expandedRow" }, expandedRowDomProps), { children: /* @__PURE__ */ jsx(
       "td",
       {
         colSpan: columns.length - additionalCells.length + states.length + 1,
@@ -2397,8 +2396,8 @@ const NoRegistersRenderer = () => {
 };
 
 var __defProp$7 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
 var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
 var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
@@ -2414,7 +2413,7 @@ var __spreadValues$7 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 const NoMemoTableRenderer = () => {
   const { name, label } = useResponsiveTableContext();
   const domProps = useDomProps(
@@ -2437,7 +2436,7 @@ const NoMemoTableRenderer = () => {
   }, shallowEqual);
   return /* @__PURE__ */ jsxs(
     Box,
-    __spreadProps$6(__spreadValues$7(__spreadProps$6(__spreadValues$7({}, domProps), {
+    __spreadProps$7(__spreadValues$7(__spreadProps$7(__spreadValues$7({}, domProps), {
       as: "table",
       className: "responsiveTable__table"
     }), getVariant("layout.common.tables.primary")), {
@@ -2650,8 +2649,8 @@ const NoMemoAccordionRenderer = () => {
 const AccordionRenderer = React.memo(NoMemoAccordionRenderer);
 
 var __defProp$6 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
 var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
 var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
@@ -2667,7 +2666,7 @@ var __spreadValues$6 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2688,7 +2687,7 @@ const NoMemoResponsiveTable = React.forwardRef((_a, ref) => {
   const actualBreakpoint = currentBreakPoint != null ? currentBreakPoint : breakpoint;
   return /* @__PURE__ */ jsx(
     Box,
-    __spreadProps$5(__spreadValues$6(__spreadValues$6({}, props), getVariant("layout.common.tables.responsive")), {
+    __spreadProps$6(__spreadValues$6(__spreadValues$6({}, props), getVariant("layout.common.tables.responsive")), {
       className: `responsiveTable__wrapper ${className != null ? className : ""}`,
       ref,
       children: actualBreakpoint >= 3 ? /* @__PURE__ */ jsx(KeyHandler, { children: /* @__PURE__ */ jsx(TableRenderer, {}) }) : /* @__PURE__ */ jsx(AccordionRenderer, {})
@@ -2699,8 +2698,8 @@ NoMemoResponsiveTable.displayName = "ResponsiveTable";
 const ResponsiveTable = React.memo(NoMemoResponsiveTable);
 
 var __defProp$5 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
 var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
 var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
@@ -2716,7 +2715,7 @@ var __spreadValues$5 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2740,7 +2739,7 @@ const NoMemoDocNameCellRenderer = React.forwardRef(
     ]);
     return /* @__PURE__ */ jsx(
       "td",
-      __spreadProps$4(__spreadValues$5(__spreadValues$5({
+      __spreadProps$5(__spreadValues$5(__spreadValues$5({
         ref: currentRef
       }, props), cell), {
         children: /* @__PURE__ */ jsxs(
@@ -2768,8 +2767,8 @@ NoMemoDocNameCellRenderer.displayName = "DocNameCellRenderer";
 const DocNameCellRenderer = NoMemoDocNameCellRenderer;
 
 var __defProp$4 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
 var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
 var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
@@ -2785,7 +2784,7 @@ var __spreadValues$4 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2806,7 +2805,7 @@ const NoMemoAccordionDocNameCellRenderer = React.forwardRef(
       column
     } = _b;
     var _a2;
-    return /* @__PURE__ */ jsxs(Box, __spreadProps$3(__spreadValues$4({ ref: currentRef }, cell), { children: [
+    return /* @__PURE__ */ jsxs(Box, __spreadProps$4(__spreadValues$4({ ref: currentRef }, cell), { children: [
       /* @__PURE__ */ jsxs(Box, { as: "strong", children: [
         (_a2 = column.label) != null ? _a2 : column.name,
         ": "
@@ -2835,8 +2834,8 @@ NoMemoAccordionDocNameCellRenderer.displayName = "AccordionDocNameCellRenderer";
 const AccordionDocNameCellRenderer = NoMemoAccordionDocNameCellRenderer;
 
 var __defProp$3 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
 var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
 var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
@@ -2852,7 +2851,7 @@ var __spreadValues$3 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 var __objRest$3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2874,19 +2873,23 @@ const NoMemoAccordionHTMLCellRenderer = React.forwardRef(
       "column",
       "row"
     ]);
+    var _a2, _b2;
     return (
       /**
        * Aca falta el title de la columna
        */
       /* @__PURE__ */ jsx(
         Box,
-        __spreadProps$2(__spreadValues$3(__spreadValues$3(__spreadValues$3({
+        __spreadProps$3(__spreadValues$3(__spreadValues$3({
           ref: currentRef
-        }, props), cell), (rendererProps == null ? void 0 : rendererProps.html) ? {
+        }, props), cell), {
+          className: "accordion__cell__renderer",
           dangerouslySetInnerHTML: {
-            __html: rendererProps.html.replaceAll(/<TOK(\d+)/g, "&lt;TOK$1")
-          }
-        } : { children }), {
+            __html: String((_b2 = (_a2 = rendererProps == null ? void 0 : rendererProps.html) != null ? _a2 : children) != null ? _b2 : "").replaceAll(
+              /<TOK(\d+)/g,
+              "&lt;TOK$1"
+            )
+          },
           as: "span"
         })
       )
@@ -2897,6 +2900,8 @@ NoMemoAccordionHTMLCellRenderer.displayName = "AccordionHTMLCellRenderer";
 const AccordionHTMLCellRenderer = NoMemoAccordionHTMLCellRenderer;
 
 var __defProp$2 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
 var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
 var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
@@ -2912,6 +2917,7 @@ var __spreadValues$2 = (a, b) => {
     }
   return a;
 };
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2933,18 +2939,19 @@ const NoMemoHTMLCellRenderer = React.forwardRef(
       "column",
       "row"
     ]);
+    var _a2, _b2;
     return /* @__PURE__ */ jsx(
       "td",
-      __spreadValues$2(__spreadValues$2(__spreadValues$2({
+      __spreadProps$2(__spreadValues$2(__spreadValues$2({
         ref: currentRef
-      }, props), cell), (rendererProps == null ? void 0 : rendererProps.html) ? {
+      }, props), cell), {
         dangerouslySetInnerHTML: {
-          __html: rendererProps.html.replaceAll(
+          __html: String((_b2 = (_a2 = rendererProps == null ? void 0 : rendererProps.html) != null ? _a2 : children) != null ? _b2 : "").replaceAll(
             /<TOK(\d+)/g,
             "&lt;TOK$1"
           )
         }
-      } : { children })
+      })
     );
   }
 );