@tecsinapse/react-web-kit 1.21.3 → 1.22.0

package/esm/components/organisms/DataGrid/DataGrid.js

@@ -1,144 +1,175 @@
-var _excluded = ["headers", "data", "rowKeyExtractor", "toolbarTitle", "toolbarFooter", "toolbarRightIcons", "selectable", "selectedRows", "onSelectedRows", "pagination", "rowsPerPage", "onRowsPerPageChange", "rowsPerPageOptions", "rowsPerPageLabel", "exportLabel", "exportFunction", "rowsCount", "page", "onPageChange", "loading", "skeletonComponent", "emptyPlaceholder", "exportComponent"];
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
-import { Table, TableToolbar, TableContainer, Tr, Td, TBody } from "../../atoms/Table";
-import { Header } from "./Header";
-import { Row } from "./Row";
-import { Footer } from "./Footer";
-import { Skeleton } from "../../atoms/Skeleton";
-import { getData, removeElement } from "./utils";
-
-var DataGrid = function DataGrid(_ref) {
-  var headers = _ref.headers,
-      data = _ref.data,
-      rowKeyExtractor = _ref.rowKeyExtractor,
-      toolbarTitle = _ref.toolbarTitle,
-      toolbarFooter = _ref.toolbarFooter,
-      toolbarRightIcons = _ref.toolbarRightIcons,
-      _ref$selectable = _ref.selectable,
-      selectable = _ref$selectable === void 0 ? false : _ref$selectable,
-      _ref$selectedRows = _ref.selectedRows,
-      selectedRows = _ref$selectedRows === void 0 ? [] : _ref$selectedRows,
-      onSelectedRows = _ref.onSelectedRows,
-      _ref$pagination = _ref.pagination,
-      pagination = _ref$pagination === void 0 ? false : _ref$pagination,
-      _ref$rowsPerPage = _ref.rowsPerPage,
-      rowsPerPage = _ref$rowsPerPage === void 0 ? 10 : _ref$rowsPerPage,
-      onRowsPerPageChange = _ref.onRowsPerPageChange,
-      _rowsPerPageOptions = _ref.rowsPerPageOptions,
-      _rowsPerPageLabel = _ref.rowsPerPageLabel,
-      _ref$exportLabel = _ref.exportLabel,
-      exportLabel = _ref$exportLabel === void 0 ? 'Exportar' : _ref$exportLabel,
-      exportFunction = _ref.exportFunction,
-      rowsCount = _ref.rowsCount,
-      _ref$page = _ref.page,
-      page = _ref$page === void 0 ? 0 : _ref$page,
-      onPageChange = _ref.onPageChange,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      skeletonComponent = _ref.skeletonComponent,
-      emptyPlaceholder = _ref.emptyPlaceholder,
-      exportComponent = _ref.exportComponent,
-      rest = _objectWithoutProperties(_ref, _excluded);
+import TBody from '../../atoms/Table/Body/TBody.js';
+import Td from '../../atoms/Table/Cell/Td.js';
+import TableContainer from '../../atoms/Table/Container/TableContainer.js';
+import '../../atoms/Table/Footer/styled.js';
+import '../../atoms/Table/Header/styled.js';
+import Tr from '../../atoms/Table/Row/Tr.js';
+import TableToolbar from '../../atoms/Table/Toolbar/TableToolbar.js';
+import Table from '../../atoms/Table/Table.js';
+import Header from './Header/Header.js';
+import Row from './Row/Row.js';
+import Footer from './Footer/Footer.js';
+import Skeleton from '../../atoms/Skeleton/Skeleton.js';
+import { removeElement, getData } from './utils.js';
 
+var __defProp = Object.defineProperty;
+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 __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;
+};
+const DataGrid = (_a) => {
+  var _b = _a, {
+    headers,
+    data,
+    rowKeyExtractor,
+    toolbarTitle,
+    toolbarFooter,
+    toolbarRightIcons,
+    selectable = false,
+    selectedRows = [],
+    onSelectedRows,
+    pagination = false,
+    rowsPerPage = 10,
+    onRowsPerPageChange,
+    rowsPerPageOptions: _rowsPerPageOptions,
+    rowsPerPageLabel: _rowsPerPageLabel,
+    exportLabel = "Exportar",
+    exportFunction,
+    rowsCount,
+    page = 0,
+    onPageChange,
+    loading = false,
+    skeletonComponent,
+    emptyPlaceholder,
+    exportComponent
+  } = _b, rest = __objRest(_b, [
+    "headers",
+    "data",
+    "rowKeyExtractor",
+    "toolbarTitle",
+    "toolbarFooter",
+    "toolbarRightIcons",
+    "selectable",
+    "selectedRows",
+    "onSelectedRows",
+    "pagination",
+    "rowsPerPage",
+    "onRowsPerPageChange",
+    "rowsPerPageOptions",
+    "rowsPerPageLabel",
+    "exportLabel",
+    "exportFunction",
+    "rowsCount",
+    "page",
+    "onPageChange",
+    "loading",
+    "skeletonComponent",
+    "emptyPlaceholder",
+    "exportComponent"
+  ]);
   if (selectable && (!selectedRows || !onSelectedRows)) {
-    throw new Error('[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)');
+    throw new Error(
+      "[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)"
+    );
   }
-
-  var rowsPerPageLabel = React.useCallback(function (value) {
-    return _rowsPerPageLabel ? _rowsPerPageLabel(value) : "Exibir por p\xE1gina: ".concat(value, " itens");
-  }, [_rowsPerPageLabel]);
-  var rowsPerPageOptions = React.useMemo(function () {
-    return _rowsPerPageOptions !== null && _rowsPerPageOptions !== void 0 ? _rowsPerPageOptions : [10, 25, 50];
-  }, [_rowsPerPageOptions]);
-  var handleSelect = React.useCallback(function (current, checked) {
-    if (checked) {
-      onSelectedRows === null || onSelectedRows === void 0 ? void 0 : onSelectedRows(function (prevState) {
-        return [].concat(_toConsumableArray(prevState), [current]);
-      });
-      return;
-    }
-
-    onSelectedRows === null || onSelectedRows === void 0 ? void 0 : onSelectedRows(function (prevState) {
-      var idx = prevState.findIndex(function (el) {
-        return rowKeyExtractor(el) === rowKeyExtractor(current);
+  const rowsPerPageLabel = React.useCallback(
+    (value) => _rowsPerPageLabel ? _rowsPerPageLabel(value) : `Exibir por p\xE1gina: ${value} itens`,
+    [_rowsPerPageLabel]
+  );
+  const rowsPerPageOptions = React.useMemo(
+    () => _rowsPerPageOptions != null ? _rowsPerPageOptions : [10, 25, 50],
+    [_rowsPerPageOptions]
+  );
+  const handleSelect = React.useCallback(
+    (current, checked) => {
+      if (checked) {
+        onSelectedRows == null ? void 0 : onSelectedRows((prevState) => [...prevState, current]);
+        return;
+      }
+      onSelectedRows == null ? void 0 : onSelectedRows((prevState) => {
+        const idx = prevState.findIndex(
+          (el) => rowKeyExtractor(el) === rowKeyExtractor(current)
+        );
+        return [...removeElement(prevState, idx)];
       });
-      return _toConsumableArray(removeElement(prevState, idx));
-    });
-  }, [onSelectedRows, rowKeyExtractor]);
-  return React.createElement(TableContainer, rest, React.createElement(TableToolbar, {
+    },
+    [onSelectedRows, rowKeyExtractor]
+  );
+  return /* @__PURE__ */ React.createElement(TableContainer, __spreadValues({}, rest), /* @__PURE__ */ React.createElement(TableToolbar, {
     title: toolbarTitle,
     rightIcons: toolbarRightIcons,
     footer: toolbarFooter
-  }), React.createElement(Table, null, React.createElement(Header, {
-    selectable: selectable,
-    headers: headers,
-    data: data,
-    rowsCount: rowsCount !== null && rowsCount !== void 0 ? rowsCount : data.length,
-    rowKeyExtractor: rowKeyExtractor,
-    selectedRows: selectedRows,
+  }), /* @__PURE__ */ React.createElement(Table, null, /* @__PURE__ */ React.createElement(Header, {
+    selectable,
+    headers,
+    data,
+    rowsCount: rowsCount != null ? rowsCount : data.length,
+    rowKeyExtractor,
+    selectedRows,
     onSelected: onSelectedRows
-  }), !loading ? React.createElement(TBody, null, data.length > 0 ? getData(data, rowsCount, page, rowsPerPage, pagination).map(function (item) {
-    return React.createElement(Row, {
+  }), !loading ? /* @__PURE__ */ React.createElement(TBody, null, data.length > 0 ? getData(data, rowsCount, page, rowsPerPage, pagination).map(
+    (item) => /* @__PURE__ */ React.createElement(Row, {
       key: rowKeyExtractor(item),
-      rowKeyExtractor: rowKeyExtractor,
-      handleSelect: handleSelect,
-      selectable: selectable,
-      headers: headers,
+      rowKeyExtractor,
+      handleSelect,
+      selectable,
+      headers,
       data: item,
-      checked: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.some(function (sel) {
-        return rowKeyExtractor(sel) === rowKeyExtractor(item);
-      })
-    });
-  }) : React.createElement("tr", null, React.createElement("td", {
+      checked: selectedRows == null ? void 0 : selectedRows.some(
+        (sel) => rowKeyExtractor(sel) === rowKeyExtractor(item)
+      )
+    })
+  ) : /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", {
     colSpan: 99
-  }, emptyPlaceholder))) : React.createElement(TBody, null, _toConsumableArray(Array(rowsPerPage).keys()).map(function (idx) {
-    return React.createElement(Tr, {
-      key: "skeleton-".concat(idx)
-    }, React.createElement(Td, {
-      colSpan: 99,
-      style: {
-        padding: 0
-      }
-    }, skeletonComponent !== null && skeletonComponent !== void 0 ? skeletonComponent : React.createElement(Skeleton, {
-      height: 55,
-      radius: "mili",
-      animation: "wave"
-    }, React.createElement("div", {
-      style: {
-        width: '100%'
-      }
-    }))));
-  })), (Number(rowsCount) > 0 || data.length > 0) && React.createElement(Footer, {
-    exportFunction: exportFunction,
-    exportLabel: exportLabel,
-    rowsPerPageLabel: rowsPerPageLabel,
-    rowsPerPage: rowsPerPage,
-    onRowsPerPageChange: onRowsPerPageChange,
-    rowsPerPageOptions: rowsPerPageOptions,
-    rowsCount: rowsCount !== null && rowsCount !== void 0 ? rowsCount : data.length,
-    page: page,
-    onPageChange: onPageChange,
-    pagination: pagination,
-    exportComponent: exportComponent
+  }, emptyPlaceholder))) : /* @__PURE__ */ React.createElement(TBody, null, [...Array(rowsPerPage).keys()].map((idx) => /* @__PURE__ */ React.createElement(Tr, {
+    key: `skeleton-${idx}`
+  }, /* @__PURE__ */ React.createElement(Td, {
+    colSpan: 99,
+    style: { padding: 0 }
+  }, skeletonComponent != null ? skeletonComponent : /* @__PURE__ */ React.createElement(Skeleton, {
+    height: 55,
+    radius: "mili",
+    animation: "wave"
+  }, /* @__PURE__ */ React.createElement("div", {
+    style: { width: "100%" }
+  })))))), (Number(rowsCount) > 0 || data.length > 0) && /* @__PURE__ */ React.createElement(Footer, {
+    exportFunction,
+    exportLabel,
+    rowsPerPageLabel,
+    rowsPerPage,
+    onRowsPerPageChange,
+    rowsPerPageOptions,
+    rowsCount: rowsCount != null ? rowsCount : data.length,
+    page,
+    onPageChange,
+    pagination,
+    exportComponent
   })));
 };
 
-export default DataGrid;
-//# sourceMappingURL=DataGrid.js.map
+export { DataGrid as default };
+//# sourceMappingURL=DataGrid.js.map

package/esm/components/organisms/DataGrid/DataGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.js","names":["React","Table","TableToolbar","TableContainer","Tr","Td","TBody","Header","Row","Footer","Skeleton","getData","removeElement","DataGrid","headers","data","rowKeyExtractor","toolbarTitle","toolbarFooter","toolbarRightIcons","selectable","selectedRows","onSelectedRows","pagination","rowsPerPage","onRowsPerPageChange","_rowsPerPageOptions","rowsPerPageOptions","_rowsPerPageLabel","rowsPerPageLabel","exportLabel","exportFunction","rowsCount","page","onPageChange","loading","skeletonComponent","emptyPlaceholder","exportComponent","rest","Error","useCallback","value","useMemo","handleSelect","current","checked","prevState","idx","findIndex","el","length","map","item","some","sel","Array","keys","padding","width","Number"],"sources":["../../../../src/components/organisms/DataGrid/DataGrid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Table,\n  TableToolbar,\n  TableContainer,\n  Tr,\n  Td,\n  TBody,\n} from '../../atoms/Table';\nimport { Header } from './Header';\nimport { Row } from './Row';\nimport { HeadersType } from './types';\nimport { Footer } from './Footer';\nimport { Skeleton } from '../../atoms/Skeleton';\nimport { getData, removeElement } from './utils';\n\nexport interface DataGridProps<Data>\n  extends React.HTMLAttributes<HTMLDivElement> {\n  headers: HeadersType<Data>[];\n  data: Data[];\n  /** Unique identifier for row data */\n  rowKeyExtractor: (data: Data) => string;\n  toolbarRightIcons?: React.ReactNode;\n  toolbarFooter?: React.ReactNode;\n  toolbarTitle: string;\n  /** Enable rows selection */\n  selectable?: boolean;\n  /** Selected items */\n  selectedRows?: Data[];\n  /** Selection handler */\n  onSelectedRows?: (data: Data[] | ((prevState: Data[]) => Data[])) => void;\n  /** Shows pagination controls */\n  pagination?: boolean;\n  /** Results per page */\n  rowsPerPage?: number;\n  /** Results per page handler */\n  onRowsPerPageChange?: (value: number) => void;\n  rowsPerPageOptions?: number[];\n  rowsPerPageLabel?: (value: number) => string;\n  /** Export button label */\n  exportLabel?: string;\n  exportFunction?: () => void;\n  /** Total data elements. Only specify this property if your data is server-side */\n  rowsCount?: number;\n  /** Current page. Always start in 0 */\n  page?: number;\n  /** Current page handler */\n  onPageChange?: (page: number) => void;\n  /** Loading state. The amount of skeleton rows is based on current rowsPerPage */\n  loading?: boolean;\n  /** Custom skeleton component for better visual */\n  skeletonComponent?: React.ReactNode;\n  /** Empty state placeholder */\n  emptyPlaceholder?: React.ReactNode;\n  /** Export component, use if default button with label is not ideal. This prop, not receive \"exportLabel\" and \"exportFunction\" */\n  exportComponent?: React.ReactNode;\n}\n\n/** Note: Consider memoizing functions for a better performance */\nconst DataGrid = <Data,>({\n  headers,\n  data,\n  rowKeyExtractor,\n  toolbarTitle,\n  toolbarFooter,\n  toolbarRightIcons,\n  selectable = false,\n  selectedRows = [],\n  onSelectedRows,\n  pagination = false,\n  rowsPerPage = 10,\n  onRowsPerPageChange,\n  rowsPerPageOptions: _rowsPerPageOptions,\n  rowsPerPageLabel: _rowsPerPageLabel,\n  exportLabel = 'Exportar',\n  exportFunction,\n  rowsCount,\n  page = 0,\n  onPageChange,\n  loading = false,\n  skeletonComponent,\n  emptyPlaceholder,\n  exportComponent,\n  ...rest\n}: DataGridProps<Data>): JSX.Element => {\n  if (selectable && (!selectedRows || !onSelectedRows)) {\n    throw new Error(\n      '[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)'\n    );\n  }\n\n  const rowsPerPageLabel = React.useCallback(\n    value =>\n      _rowsPerPageLabel\n        ? _rowsPerPageLabel(value)\n        : `Exibir por página: ${value} itens`,\n    [_rowsPerPageLabel]\n  );\n  const rowsPerPageOptions = React.useMemo(\n    () => _rowsPerPageOptions ?? [10, 25, 50],\n    [_rowsPerPageOptions]\n  );\n\n  const handleSelect = React.useCallback(\n    (current, checked) => {\n      if (checked) {\n        onSelectedRows?.(prevState => [...prevState, current]);\n        return;\n      }\n\n      onSelectedRows?.(prevState => {\n        const idx = prevState.findIndex(\n          el => rowKeyExtractor(el) === rowKeyExtractor(current)\n        );\n        return [...removeElement(prevState, idx)];\n      });\n    },\n    [onSelectedRows, rowKeyExtractor]\n  );\n\n  return (\n    <TableContainer {...rest}>\n      <TableToolbar\n        title={toolbarTitle}\n        rightIcons={toolbarRightIcons}\n        footer={toolbarFooter}\n      />\n      <Table>\n        <Header\n          selectable={selectable}\n          headers={headers}\n          data={data}\n          rowsCount={rowsCount ?? data.length}\n          rowKeyExtractor={rowKeyExtractor}\n          selectedRows={selectedRows}\n          onSelected={onSelectedRows}\n        />\n\n        {!loading ? (\n          <TBody>\n            {data.length > 0 ? (\n              getData(data, rowsCount, page, rowsPerPage, pagination).map(\n                item => (\n                  <Row\n                    key={rowKeyExtractor(item)}\n                    rowKeyExtractor={rowKeyExtractor}\n                    handleSelect={handleSelect}\n                    selectable={selectable}\n                    headers={headers}\n                    data={item}\n                    checked={selectedRows?.some(\n                      sel => rowKeyExtractor(sel) === rowKeyExtractor(item)\n                    )}\n                  />\n                )\n              )\n            ) : (\n              <tr>\n                <td colSpan={99}>{emptyPlaceholder}</td>\n              </tr>\n            )}\n          </TBody>\n        ) : (\n          <TBody>\n            {[...Array(rowsPerPage).keys()].map(idx => (\n              <Tr key={`skeleton-${idx}`}>\n                <Td colSpan={99} style={{ padding: 0 }}>\n                  {skeletonComponent ?? (\n                    <Skeleton height={55} radius=\"mili\" animation=\"wave\">\n                      <div style={{ width: '100%' }} />\n                    </Skeleton>\n                  )}\n                </Td>\n              </Tr>\n            ))}\n          </TBody>\n        )}\n\n        {(Number(rowsCount) > 0 || data.length > 0) && (\n          <Footer\n            exportFunction={exportFunction}\n            exportLabel={exportLabel}\n            rowsPerPageLabel={rowsPerPageLabel}\n            rowsPerPage={rowsPerPage}\n            onRowsPerPageChange={onRowsPerPageChange}\n            rowsPerPageOptions={rowsPerPageOptions}\n            rowsCount={rowsCount ?? data.length}\n            page={page}\n            onPageChange={onPageChange}\n            pagination={pagination}\n            exportComponent={exportComponent}\n          />\n        )}\n      </Table>\n    </TableContainer>\n  );\n};\n\nexport default DataGrid;\n"],"mappings":"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"}
+{"version":3,"file":"DataGrid.js","sources":["../../../../src/components/organisms/DataGrid/DataGrid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Table,\n  TableToolbar,\n  TableContainer,\n  Tr,\n  Td,\n  TBody,\n} from '../../atoms/Table';\nimport { Header } from './Header';\nimport { Row } from './Row';\nimport { HeadersType } from './types';\nimport { Footer } from './Footer';\nimport { Skeleton } from '../../atoms/Skeleton';\nimport { getData, removeElement } from './utils';\n\nexport interface DataGridProps<Data>\n  extends React.HTMLAttributes<HTMLDivElement> {\n  headers: HeadersType<Data>[];\n  data: Data[];\n  /** Unique identifier for row data */\n  rowKeyExtractor: (data: Data) => string;\n  toolbarRightIcons?: React.ReactNode;\n  toolbarFooter?: React.ReactNode;\n  toolbarTitle: string;\n  /** Enable rows selection */\n  selectable?: boolean;\n  /** Selected items */\n  selectedRows?: Data[];\n  /** Selection handler */\n  onSelectedRows?: (data: Data[] | ((prevState: Data[]) => Data[])) => void;\n  /** Shows pagination controls */\n  pagination?: boolean;\n  /** Results per page */\n  rowsPerPage?: number;\n  /** Results per page handler */\n  onRowsPerPageChange?: (value: number) => void;\n  rowsPerPageOptions?: number[];\n  rowsPerPageLabel?: (value: number) => string;\n  /** Export button label */\n  exportLabel?: string;\n  exportFunction?: () => void;\n  /** Total data elements. Only specify this property if your data is server-side */\n  rowsCount?: number;\n  /** Current page. Always start in 0 */\n  page?: number;\n  /** Current page handler */\n  onPageChange?: (page: number) => void;\n  /** Loading state. The amount of skeleton rows is based on current rowsPerPage */\n  loading?: boolean;\n  /** Custom skeleton component for better visual */\n  skeletonComponent?: React.ReactNode;\n  /** Empty state placeholder */\n  emptyPlaceholder?: React.ReactNode;\n  /** Export component, use if default button with label is not ideal. This prop, not receive \"exportLabel\" and \"exportFunction\" */\n  exportComponent?: React.ReactNode;\n}\n\n/** Note: Consider memoizing functions for a better performance */\nconst DataGrid = <Data,>({\n  headers,\n  data,\n  rowKeyExtractor,\n  toolbarTitle,\n  toolbarFooter,\n  toolbarRightIcons,\n  selectable = false,\n  selectedRows = [],\n  onSelectedRows,\n  pagination = false,\n  rowsPerPage = 10,\n  onRowsPerPageChange,\n  rowsPerPageOptions: _rowsPerPageOptions,\n  rowsPerPageLabel: _rowsPerPageLabel,\n  exportLabel = 'Exportar',\n  exportFunction,\n  rowsCount,\n  page = 0,\n  onPageChange,\n  loading = false,\n  skeletonComponent,\n  emptyPlaceholder,\n  exportComponent,\n  ...rest\n}: DataGridProps<Data>): JSX.Element => {\n  if (selectable && (!selectedRows || !onSelectedRows)) {\n    throw new Error(\n      '[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)'\n    );\n  }\n\n  const rowsPerPageLabel = React.useCallback(\n    value =>\n      _rowsPerPageLabel\n        ? _rowsPerPageLabel(value)\n        : `Exibir por página: ${value} itens`,\n    [_rowsPerPageLabel]\n  );\n  const rowsPerPageOptions = React.useMemo(\n    () => _rowsPerPageOptions ?? [10, 25, 50],\n    [_rowsPerPageOptions]\n  );\n\n  const handleSelect = React.useCallback(\n    (current, checked) => {\n      if (checked) {\n        onSelectedRows?.(prevState => [...prevState, current]);\n        return;\n      }\n\n      onSelectedRows?.(prevState => {\n        const idx = prevState.findIndex(\n          el => rowKeyExtractor(el) === rowKeyExtractor(current)\n        );\n        return [...removeElement(prevState, idx)];\n      });\n    },\n    [onSelectedRows, rowKeyExtractor]\n  );\n\n  return (\n    <TableContainer {...rest}>\n      <TableToolbar\n        title={toolbarTitle}\n        rightIcons={toolbarRightIcons}\n        footer={toolbarFooter}\n      />\n      <Table>\n        <Header\n          selectable={selectable}\n          headers={headers}\n          data={data}\n          rowsCount={rowsCount ?? data.length}\n          rowKeyExtractor={rowKeyExtractor}\n          selectedRows={selectedRows}\n          onSelected={onSelectedRows}\n        />\n\n        {!loading ? (\n          <TBody>\n            {data.length > 0 ? (\n              getData(data, rowsCount, page, rowsPerPage, pagination).map(\n                item => (\n                  <Row\n                    key={rowKeyExtractor(item)}\n                    rowKeyExtractor={rowKeyExtractor}\n                    handleSelect={handleSelect}\n                    selectable={selectable}\n                    headers={headers}\n                    data={item}\n                    checked={selectedRows?.some(\n                      sel => rowKeyExtractor(sel) === rowKeyExtractor(item)\n                    )}\n                  />\n                )\n              )\n            ) : (\n              <tr>\n                <td colSpan={99}>{emptyPlaceholder}</td>\n              </tr>\n            )}\n          </TBody>\n        ) : (\n          <TBody>\n            {[...Array(rowsPerPage).keys()].map(idx => (\n              <Tr key={`skeleton-${idx}`}>\n                <Td colSpan={99} style={{ padding: 0 }}>\n                  {skeletonComponent ?? (\n                    <Skeleton height={55} radius=\"mili\" animation=\"wave\">\n                      <div style={{ width: '100%' }} />\n                    </Skeleton>\n                  )}\n                </Td>\n              </Tr>\n            ))}\n          </TBody>\n        )}\n\n        {(Number(rowsCount) > 0 || data.length > 0) && (\n          <Footer\n            exportFunction={exportFunction}\n            exportLabel={exportLabel}\n            rowsPerPageLabel={rowsPerPageLabel}\n            rowsPerPage={rowsPerPage}\n            onRowsPerPageChange={onRowsPerPageChange}\n            rowsPerPageOptions={rowsPerPageOptions}\n            rowsCount={rowsCount ?? data.length}\n            page={page}\n            onPageChange={onPageChange}\n            pagination={pagination}\n            exportComponent={exportComponent}\n          />\n        )}\n      </Table>\n    </TableContainer>\n  );\n};\n\nexport default DataGrid;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DM,MAAA,QAAA,GAAW,CAAQ,EAyBe,KAAA;AAzBf,EACvB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAa,GAAA,KAAA;AAAA,IACb,eAAe,EAAC;AAAA,IAChB,cAAA;AAAA,IACA,UAAa,GAAA,KAAA;AAAA,IACb,WAAc,GAAA,EAAA;AAAA,IACd,mBAAA;AAAA,IACA,kBAAoB,EAAA,mBAAA;AAAA,IACpB,gBAAkB,EAAA,iBAAA;AAAA,IAClB,WAAc,GAAA,UAAA;AAAA,IACd,cAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAO,GAAA,CAAA;AAAA,IACP,YAAA;AAAA,IACA,OAAU,GAAA,KAAA;AAAA,IACV,iBAAA;AAAA,IACA,gBAAA;AAAA,IACA,eAAA;AAAA,GAlFF,GA2DyB,EAwBpB,EAAA,IAAA,GAAA,SAAA,CAxBoB,EAwBpB,EAAA;AAAA,IAvBH,SAAA;AAAA,IACA,MAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,mBAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,qBAAA;AAAA,IACA,oBAAA;AAAA,IACA,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,mBAAA;AAAA,IACA,kBAAA;AAAA,IACA,iBAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,UAAe,KAAA,CAAC,YAAgB,IAAA,CAAC,cAAiB,CAAA,EAAA;AACpD,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,iFAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,MAAM,mBAAmB,KAAM,CAAA,WAAA;AAAA,IAC7B,CACE,KAAA,KAAA,iBAAA,GACI,iBAAkB,CAAA,KAAK,IACvB,CAAsB,sBAAA,EAAA,KAAA,CAAA,MAAA,CAAA;AAAA,IAC5B,CAAC,iBAAiB,CAAA;AAAA,GACpB,CAAA;AACA,EAAA,MAAM,qBAAqB,KAAM,CAAA,OAAA;AAAA,IAC/B,MAAM,mBAAA,IAAA,IAAA,GAAA,mBAAA,GAAuB,CAAC,EAAA,EAAI,IAAI,EAAE,CAAA;AAAA,IACxC,CAAC,mBAAmB,CAAA;AAAA,GACtB,CAAA;AAEA,EAAA,MAAM,eAAe,KAAM,CAAA,WAAA;AAAA,IACzB,CAAC,SAAS,OAAY,KAAA;AACpB,MAAA,IAAI,OAAS,EAAA;AACX,QAAA,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,CAAiB,CAAa,SAAA,KAAA,CAAC,GAAG,SAAA,EAAW,OAAO,CAAA,CAAA,CAAA;AACpD,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,cAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,cAAA,CAAiB,CAAa,SAAA,KAAA;AAC5B,QAAA,MAAM,MAAM,SAAU,CAAA,SAAA;AAAA,UACpB,CAAM,EAAA,KAAA,eAAA,CAAgB,EAAE,CAAA,KAAM,gBAAgB,OAAO,CAAA;AAAA,SACvD,CAAA;AACA,QAAA,OAAO,CAAC,GAAG,aAAc,CAAA,SAAA,EAAW,GAAG,CAAC,CAAA,CAAA;AAAA,OAC1C,CAAA,CAAA;AAAA,KACF;AAAA,IACA,CAAC,gBAAgB,eAAe,CAAA;AAAA,GAClC,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAmB,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IACC,KAAO,EAAA,YAAA;AAAA,IACP,UAAY,EAAA,iBAAA;AAAA,IACZ,MAAQ,EAAA,aAAA;AAAA,GACV,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACC,UAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA,EAAW,gCAAa,IAAK,CAAA,MAAA;AAAA,IAC7B,eAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAY,EAAA,cAAA;AAAA,GACd,CAEC,EAAA,CAAC,OACA,mBAAA,KAAA,CAAA,aAAA,CAAC,aACE,IAAK,CAAA,MAAA,GAAS,CACb,GAAA,OAAA,CAAQ,IAAM,EAAA,SAAA,EAAW,IAAM,EAAA,WAAA,EAAa,UAAU,CAAE,CAAA,GAAA;AAAA,IACtD,0BACG,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;AAAA,MACC,GAAA,EAAK,gBAAgB,IAAI,CAAA;AAAA,MACzB,eAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAM,EAAA,IAAA;AAAA,MACN,SAAS,YAAc,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,IAAA;AAAA,QACrB,CAAO,GAAA,KAAA,eAAA,CAAgB,GAAG,CAAA,KAAM,gBAAgB,IAAI,CAAA;AAAA,OAAA;AAAA,KAExD,CAAA;AAAA,GAEJ,mBAEC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,OAAS,EAAA,EAAA;AAAA,GAAA,EAAK,gBAAiB,CACrC,CAEJ,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAC,aACE,CAAC,GAAG,KAAM,CAAA,WAAW,EAAE,IAAK,EAAC,CAAE,CAAA,GAAA,CAAI,yBACjC,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA;AAAA,IAAG,KAAK,CAAY,SAAA,EAAA,GAAA,CAAA,CAAA;AAAA,GAAA,kBAClB,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA;AAAA,IAAG,OAAS,EAAA,EAAA;AAAA,IAAI,KAAA,EAAO,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,GAAA,EAClC,gEACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IAAS,MAAQ,EAAA,EAAA;AAAA,IAAI,MAAO,EAAA,MAAA;AAAA,IAAO,SAAU,EAAA,MAAA;AAAA,GAAA,kBAC3C,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAI,KAAA,EAAO,EAAE,KAAA,EAAO,MAAO,EAAA;AAAA,GAAG,CACjC,CAEJ,CACF,CACD,CACH,CAAA,EAAA,CAGA,MAAO,CAAA,SAAS,CAAI,GAAA,CAAA,IAAK,IAAK,CAAA,MAAA,GAAS,sBACtC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACC,cAAA;AAAA,IACA,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,WAAA;AAAA,IACA,mBAAA;AAAA,IACA,kBAAA;AAAA,IACA,SAAA,EAAW,gCAAa,IAAK,CAAA,MAAA;AAAA,IAC7B,IAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,eAAA;AAAA,GACF,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/organisms/DataGrid/Footer/Footer.js

@@ -1,128 +1,103 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import React from 'react';
-import { Button, Icon, Select, Text } from '@tecsinapse/react-web-kit';
-import { TFoot, Tr } from "../../../atoms/Table";
-import { FooterContainer, FooterContainerEnd, FooterContainerStart, HoveredText, NavigationButton, PageButton, PagesContainer, SelectContainer, TdFooterStyled, TextPagination } from "./styled";
-
-var Footer = function Footer(_ref) {
-  var rowsPerPage = _ref.rowsPerPage,
-      onRowsPerPageChange = _ref.onRowsPerPageChange,
-      rowsPerPageOptions = _ref.rowsPerPageOptions,
-      rowsPerPageLabel = _ref.rowsPerPageLabel,
-      exportFunction = _ref.exportFunction,
-      exportLabel = _ref.exportLabel,
-      rowsCount = _ref.rowsCount,
-      page = _ref.page,
-      onPageChange = _ref.onPageChange,
-      pagination = _ref.pagination,
-      exportComponent = _ref.exportComponent;
+import Button from '../../../atoms/Button/Button.js';
+import { Text, Icon } from '@tecsinapse/react-core';
+import Select from '../../../molecules/Select/Select.js';
+import '../../../atoms/Table/Cell/styled.js';
+import '../../../atoms/Table/Container/styled.js';
+import TFoot from '../../../atoms/Table/Footer/TFoot.js';
+import '../../../atoms/Table/Header/styled.js';
+import Tr from '../../../atoms/Table/Row/Tr.js';
+import '../../../atoms/Table/Toolbar/styled.js';
+import '../../../atoms/Table/styled.js';
+import { TdFooterStyled, FooterContainer, FooterContainerStart, SelectContainer, HoveredText, TextPagination, FooterContainerEnd, NavigationButton, PagesContainer, PageButton } from './styled.js';
 
+const Footer = ({
+  rowsPerPage,
+  onRowsPerPageChange,
+  rowsPerPageOptions,
+  rowsPerPageLabel,
+  exportFunction,
+  exportLabel,
+  rowsCount,
+  page,
+  onPageChange,
+  pagination,
+  exportComponent
+}) => {
   if (pagination && (!onPageChange || !onRowsPerPageChange)) {
-    throw new Error('[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)');
+    throw new Error(
+      "[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)"
+    );
   }
-
-  var getPaginationSlice = function getPaginationSlice() {
-    var totalPages = Math.ceil(rowsCount / rowsPerPage);
-
+  const getPaginationSlice = () => {
+    const totalPages = Math.ceil(rowsCount / rowsPerPage);
     if (totalPages < 4) {
-      return {
-        start: 0,
-        end: totalPages
-      };
+      return { start: 0, end: totalPages };
     }
-
     if (page === 0) {
-      return {
-        start: page,
-        end: page + 3
-      };
+      return { start: page, end: page + 3 };
     }
-
     if (page === totalPages - 1) {
-      return {
-        start: page - 2,
-        end: page + 1
-      };
+      return { start: page - 2, end: page + 1 };
     }
-
-    return {
-      start: page - 1,
-      end: page + 2
-    };
+    return { start: page - 1, end: page + 2 };
   };
-
-  var handleRowsPerPage = React.useCallback(function (value) {
-    onRowsPerPageChange === null || onRowsPerPageChange === void 0 ? void 0 : onRowsPerPageChange(value);
-    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(0);
-  }, [onPageChange, onRowsPerPageChange]);
-  var currentInitItem = page * rowsPerPage + 1;
-  var currentFinalItem = (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;
-  return React.createElement(TFoot, null, React.createElement(Tr, null, React.createElement(TdFooterStyled, {
+  const handleRowsPerPage = React.useCallback(
+    (value) => {
+      onRowsPerPageChange == null ? void 0 : onRowsPerPageChange(value);
+      onPageChange == null ? void 0 : onPageChange(0);
+    },
+    [onPageChange, onRowsPerPageChange]
+  );
+  const currentInitItem = page * rowsPerPage + 1;
+  const currentFinalItem = (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;
+  return /* @__PURE__ */ React.createElement(TFoot, null, /* @__PURE__ */ React.createElement(Tr, null, /* @__PURE__ */ React.createElement(TdFooterStyled, {
     colSpan: 99
-  }, React.createElement(FooterContainer, null, React.createElement(FooterContainerStart, null, pagination && React.createElement(SelectContainer, null, React.createElement(Select, {
+  }, /* @__PURE__ */ React.createElement(FooterContainer, null, /* @__PURE__ */ React.createElement(FooterContainerStart, null, pagination && /* @__PURE__ */ React.createElement(SelectContainer, null, /* @__PURE__ */ React.createElement(Select, {
     options: rowsPerPageOptions,
     onSelect: handleRowsPerPage,
     value: rowsPerPage,
-    type: 'single',
-    keyExtractor: function keyExtractor(value) {
-      return String(value);
-    },
+    type: "single",
+    keyExtractor: (value) => String(value),
     labelExtractor: rowsPerPageLabel,
     anchor: "top"
-  })), exportComponent && !exportFunction && React.createElement(React.Fragment, null, exportComponent), exportFunction && React.createElement(HoveredText, null, React.createElement(Button, {
+  })), exportComponent && !exportFunction && /* @__PURE__ */ React.createElement(React.Fragment, null, exportComponent), exportFunction && /* @__PURE__ */ React.createElement(HoveredText, null, /* @__PURE__ */ React.createElement(Button, {
     variant: "outlined",
-    onPress: function onPress() {
-      return exportFunction();
-    }
-  }, React.createElement(Text, {
+    onPress: () => exportFunction()
+  }, /* @__PURE__ */ React.createElement(Text, {
     fontColor: "orange",
     fontWeight: "bold"
-  }, exportLabel)))), pagination && React.createElement(React.Fragment, null, React.createElement(TextPagination, {
-    fontWeight: 'bold',
-    fontColor: 'medium'
-  }, "Exibindo ".concat(currentInitItem, " a ").concat(currentFinalItem, " de ").concat(rowsCount, " registros")), React.createElement(FooterContainerEnd, null, React.createElement(NavigationButton, {
-    onPress: function onPress() {
-      return onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page - 1);
-    },
+  }, exportLabel)))), pagination && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TextPagination, {
+    fontWeight: "bold",
+    fontColor: "medium"
+  }, `Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`), /* @__PURE__ */ React.createElement(FooterContainerEnd, null, /* @__PURE__ */ React.createElement(NavigationButton, {
+    onPress: () => onPageChange == null ? void 0 : onPageChange(page - 1),
     disabled: page === 0
-  }, React.createElement(Icon, {
-    name: 'chevron-left',
-    type: 'material-community',
-    fontColor: 'light'
-  })), React.createElement(PagesContainer, null, _toConsumableArray(Array(Math.ceil(rowsCount / rowsPerPage)).keys()).slice(getPaginationSlice().start, getPaginationSlice().end).map(function (value) {
-    return React.createElement(HoveredText, {
-      key: "page-".concat(value)
-    }, React.createElement(PageButton, {
-      variant: page === value ? 'outlined' : 'text',
-      onPress: function onPress() {
-        return onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(value);
-      }
-    }, React.createElement(Text, {
-      fontColor: "medium",
-      fontWeight: "bold"
-    }, value + 1)));
-  })), React.createElement(NavigationButton, {
-    onPress: function onPress() {
-      return onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page + 1);
-    },
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    name: "chevron-left",
+    type: "material-community",
+    fontColor: "light"
+  })), /* @__PURE__ */ React.createElement(PagesContainer, null, [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(
+    getPaginationSlice().start,
+    getPaginationSlice().end
+  ).map((value) => /* @__PURE__ */ React.createElement(HoveredText, {
+    key: `page-${value}`
+  }, /* @__PURE__ */ React.createElement(PageButton, {
+    variant: page === value ? "outlined" : "text",
+    onPress: () => onPageChange == null ? void 0 : onPageChange(value)
+  }, /* @__PURE__ */ React.createElement(Text, {
+    fontColor: "medium",
+    fontWeight: "bold"
+  }, value + 1))))), /* @__PURE__ */ React.createElement(NavigationButton, {
+    onPress: () => onPageChange == null ? void 0 : onPageChange(page + 1),
     disabled: page === Math.ceil(rowsCount / rowsPerPage) - 1
-  }, React.createElement(Icon, {
-    name: 'chevron-right',
-    type: 'material-community',
-    fontColor: 'light'
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    name: "chevron-right",
+    type: "material-community",
+    fontColor: "light"
   }))))))));
 };
+var Footer$1 = React.memo(Footer);
 
-export default React.memo(Footer);
-//# sourceMappingURL=Footer.js.map
+export { Footer$1 as default };
+//# sourceMappingURL=Footer.js.map