@apia/table 4.0.26 → 4.0.28

package/dist/index.d.ts

@@ -589,6 +589,11 @@ interface IPagination {
 }
 declare const Pagination: React__default.MemoExoticComponent<({ appliedFilters, areAllFiltersApplied, className, currentPage, disabled, disableReduced, hasMore, hideInfo, hideMaximizeButton, hideRefreshButton, isLoading, isPerforming, listId: outerListId, onDeleteFilters, onPageChange, onRefresh, pageCount, recordsCount: outerRecordsCount, reachedMax, showMaximizeOnSmallBreakpoints, variant, }: IPagination) => React__default.JSX.Element>;
 
+declare const Grouped: React__default.MemoExoticComponent<({ group, tableName, }: {
+    group: string;
+    tableName?: string;
+}) => React__default.JSX.Element>;
+
 declare function getResponsiveTableContext(tableName: string): TResponsiveTableContext;
 declare function useResponsiveTableContext(tableName?: string): TResponsiveTableContext;
 declare const ResponsiveTableContext: React__default.MemoExoticComponent<({ allowEdition, allowRowsKeyboardSorting, avoidAutoEllipsis, allowSelection, allowSorting, avoidReparseSelectionOnRowChange, children, className, currentBreakPoint, customLabels, columns, filters, FiltersRenderer, rows, label, isMultiple, isLoading, name, statesColumns, onChangeSelection, onFilterBlur, onFilterChange, onFilterPressEnter, onRowClick, onSelectRows, onSortChange, reserveColumnsForStates, SelectionHandler, variant, }: TResponsiveTableContextProps) => React__default.JSX.Element>;
@@ -799,5 +804,5 @@ declare const TableRenderer: React__default.MemoExoticComponent<({ variant }: {
     variant?: string;
 }) => React__default.JSX.Element>;
 
-export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, HTMLCellRenderer, type IAccordionElement, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, RangeFilter, Responsive, ResponsiveTable, ResponsiveTableContext, RowStatesRenderer, Sort, StatusAccordionRenderer, StatusRenderer, type TAccordionCellRenderer, type TAccordionCellRendererProps, type TColoredElement, type TDocNameCellRenderer, type TDocNameCellRendererProps, type TResponsiveTableCell, type TResponsiveTableCellRenderer, type TResponsiveTableCellRendererProps, type TResponsiveTableColumn, type TResponsiveTableContext, type TResponsiveTableContextProps, type TResponsiveTableRow, type TResponsiveTableRowRenderer, type TResponsiveTableRowRendererProps, type TResponsiveTableRowState, type TResponsiveTableRowsSelectionEvent, type TResponsiveTableSortChangeEvent, type TResponsiveTableSortValue, type TResponsiveTableStoreProps, type TResponsiveTableWithRendererElement, TableContextReproducer, TableLoadingContext, TableRenderer, defaultLabels, getPriorityHandler, getResponsiveTableContext, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
+export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, Grouped, HTMLCellRenderer, type IAccordionElement, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, RangeFilter, Responsive, ResponsiveTable, ResponsiveTableContext, RowStatesRenderer, Sort, StatusAccordionRenderer, StatusRenderer, type TAccordionCellRenderer, type TAccordionCellRendererProps, type TColoredElement, type TDocNameCellRenderer, type TDocNameCellRendererProps, type TResponsiveTableCell, type TResponsiveTableCellRenderer, type TResponsiveTableCellRendererProps, type TResponsiveTableColumn, type TResponsiveTableContext, type TResponsiveTableContextProps, type TResponsiveTableRow, type TResponsiveTableRowRenderer, type TResponsiveTableRowRendererProps, type TResponsiveTableRowState, type TResponsiveTableRowsSelectionEvent, type TResponsiveTableSortChangeEvent, type TResponsiveTableSortValue, type TResponsiveTableStoreProps, type TResponsiveTableWithRendererElement, TableContextReproducer, TableLoadingContext, TableRenderer, defaultLabels, getPriorityHandler, getResponsiveTableContext, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1206,7 +1206,7 @@ const NoMemoHeaderCell = ({
   const column = columns[columnIndex];
   const additionalInfoColumns = columns.filter((c) => c.showAsAdditional);
   const storedWidth = persistentStorage[widthStorageName]?.[actualName]?.[column.name];
-  const [width, setWidth] = React.useState(storedWidth ?? 200);
+  const [width, setWidth] = React.useState(storedWidth ?? column.width ?? 200);
   const [isResize, setIsResize] = React.useState(storedWidth !== void 0);
   React.useEffect(() => {
     return void thWidthEmitter.on("resize", (ev) => {
@@ -1240,16 +1240,24 @@ const NoMemoHeaderCell = ({
   );
   const sx = React.useMemo(
     () => !isResize ? {
-      minWidth: getColumnWidth(column.minWidth ?? column.width),
+      minWidth: columnIndex === columns.length - 1 ? "100%" : getColumnWidth(column.minWidth ?? column.width),
       maxWidth: column.maxWidth !== void 0 ? getColumnWidth(column.maxWidth) : void 0,
-      width: getColumnWidth(column.width),
+      width: columnIndex === columns.length - 1 ? "100%" : getColumnWidth(column.width),
       position: "relative"
     } : {
       width: `${width}px`,
-      minWidth: `${width}px`,
+      minWidth: columnIndex === columns.length - 1 ? "100%" : `${width}px`,
       position: "relative"
     },
-    [column.maxWidth, column.minWidth, column.width, isResize, width]
+    [
+      column.maxWidth,
+      column.minWidth,
+      column.width,
+      columnIndex,
+      columns.length,
+      isResize,
+      width
+    ]
   );
   const lastIsLoading = useLatest(isLoading);
   const buttonProps = useOtherTagButton(
@@ -1273,14 +1281,14 @@ const NoMemoHeaderCell = ({
             });
         }
       }),
-      [apiaColumnIndex, column, isSortingAllowed, onSortChange]
+      [apiaColumnIndex, column, isSortingAllowed, lastIsLoading, onSortChange]
     )
   );
   return /* @__PURE__ */ jsx(
     Box,
     {
       as: "th",
-      style: sx,
+      ...{ sx },
       "data-columnname": column.name,
       title: column.title ?? column.label ?? column.name,
       ...buttonProps,
@@ -2526,7 +2534,7 @@ const NoMemoInnerRender = React.forwardRef(
                 title: isDate ? window.LBL_DATE_FILTER_FROM_TOOLTIP : filterTitle,
                 children: [
                   window.SHOW_REQUIRED_POSITION !== "0" && /* @__PURE__ */ jsx(RequiredMark, { isRequired: filter.required }),
-                  /* @__PURE__ */ jsx(Box, { as: "span", children: isDate && !filter.hideToFilter ? formatMessage(window.LBL_DATE_FILTER_FROM_TXT, {
+                  !filter?.avoidLabel && /* @__PURE__ */ jsx(Box, { as: "span", children: isDate && !filter.hideToFilter ? formatMessage(window.LBL_DATE_FILTER_FROM_TXT, {
                     TOK1: filterTitle
                   }) : filterTitle }),
                   Renderer ? /* @__PURE__ */ jsx(Renderer, { filter }) : filter.isRange ? /* @__PURE__ */ jsx(RangeFilter, { filter }) : /* @__PURE__ */ jsx(
@@ -2570,7 +2578,7 @@ const NoMemoInnerRender = React.forwardRef(
           {
             className: filter.type === "D" || filter.type === "date" ? "twoColumns" : "",
             children: /* @__PURE__ */ jsxs(Label, { title: window.LBL_DATE_FILTER_TO_TOOLTIP, children: [
-              /* @__PURE__ */ jsx(Box, { as: "span", children: formatMessage(window.LBL_DATE_FILTER_TO_TXT, {
+              !filter?.avoidLabel && /* @__PURE__ */ jsx(Box, { as: "span", children: formatMessage(window.LBL_DATE_FILTER_TO_TXT, {
                 TOK1: filterTitle
               }) }),
               /* @__PURE__ */ jsx(
@@ -3046,6 +3054,19 @@ const NoMemoPagination = ({
 };
 const Pagination = React.memo(NoMemoPagination);
 
+const NoMemoGrouped = ({
+  group,
+  tableName
+}) => {
+  const { name } = useResponsiveTableContext(tableName);
+  const groupedFilters = useResponsiveTable((global) => {
+    const state = global.responsiveTableSlice[name];
+    return state?.filters.filter((current) => current.group === group);
+  }, shallowEqual);
+  return /* @__PURE__ */ jsx(InnerRender, { tableName, filters: groupedFilters });
+};
+const Grouped = React.memo(NoMemoGrouped);
+
 function setAriaAttributes(element, attribute, value) {
   element.setAttribute(attribute, value);
 }
@@ -3954,5 +3975,5 @@ const NoMemoStatusAccordionRenderer = React.forwardRef(({ cell, column }, curren
 NoMemoStatusAccordionRenderer.displayName = "StatusAccordionRenderer";
 const StatusAccordionRenderer = NoMemoStatusAccordionRenderer;
 
-export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, HTMLCellRenderer, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, RangeFilter, Responsive, ResponsiveTable, ResponsiveTableContext, RowStatesRenderer, Sort, StatusAccordionRenderer, StatusRenderer, TableContextReproducer, TableLoadingContext, TableRenderer, defaultLabels, getPriorityHandler, getResponsiveTableContext, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
+export { AccordionCell, AccordionDocNameCellRenderer, AccordionElement, AccordionHTMLCellRenderer, AccordionRenderer, Additional, AdditionalColumnDefaultRenderer, Controller2, DefaultCellRenderer, DefaultRowRenderer, DocNameCellRenderer, Grouped, HTMLCellRenderer, IsLoadingRenderer, NoEllipsisCellRenderer, NoRegistersRenderer, Pagination, PriorityAccordionRenderer, PriorityRenderer, RangeFilter, Responsive, ResponsiveTable, ResponsiveTableContext, RowStatesRenderer, Sort, StatusAccordionRenderer, StatusRenderer, TableContextReproducer, TableLoadingContext, TableRenderer, defaultLabels, getPriorityHandler, getResponsiveTableContext, getStatusRendererClassName, makeAccordionAsyncRenderer, makeAsyncRenderer, makeController2, responsiveTableActions, responsiveTableStore, useResponsiveTable, useResponsiveTableContext };
 //# sourceMappingURL=index.js.map