@tourmalinecore/react-table-responsive/es/features/components/MobileTable/MobileTable.js

React Table Responsive

import{jsxs as e,jsx as o}from"react/jsx-runtime";import{MobileFooter as t}from"./components/MobileFooter/MobileFooter.js";import{MobileBody as i}from"./components/MobileBody/MobileBody.js";import{Loader as n}from"../../../components/Loader/Loader.js";import{MobileHeader as r}from"./components/MobileHeader/MobileHeader.js";import{NoRecords as a}from"../../../components/NoRecords/NoRecords.js";import{MobilePagination as s}from"./components/MobilePagination/MobilePagination.js";function l(l){var g=l.getRowModel,m=l.getFlatHeaders,c=l.tcRenderMobileTitle,d=l.setColumnFilters,p=l.getState,b=l.setPageSize,u=l.getRowCount,S=l.noFooter,f=l.tcLoading,M=l.setSorting,j=l.actions,F=l.totalCount,w=l.languageStrings,R=0===g().rows.length;return e("div",{className:"tc-table-mobile","data-cy":"table-mobile",children:[e("div",{className:"tc-table-mobile__content",children:[o(r,{sortBy:p().sorting,flatHeaders:m(),languageStrings:w,filters:p().columnFilters,setColumnFilters:d,setSorting:M}),o(i,{actions:j,rows:g().rows,tcRenderMobileTitle:c}),o(a,{isShow:R,languageStrings:w}),!S&&o(t,{flatHeaders:m(),languageStrings:w}),o(s,{totalCount:F||u(),setPageSize:b,pageSize:p().pagination.pageSize,languageStrings:w})]}),o(n,{loading:f,languageStrings:w})]})}export{l as MobileTable};