@tecsinapse/react-web-kit 1.21.1 → 1.22.0-beta.11

package/dist/components/molecules/TextArea/styled.js

@@ -1,32 +1,19 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledWebInput = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var nativeStyled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _templateObject;
+var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledWebInput = nativeStyled__default["default"](reactCore.TextAreaInputBase)`
+  font-weight: ${({ theme, fontWeight = "regular" }) => theme.font.weight[fontWeight]};
+  font-family: ${({ theme, fontStack = "default" }) => `'${theme.font.stack[fontStack]}'`};
+  outline-width: 0;
+`;
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledWebInput = (0, _native.default)(_reactCore.TextAreaInputBase)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-weight: ", ";\n  font-family: ", ";\n  outline-width: 0;\n"])), _ref => {
-  let {
-    theme,
-    fontWeight = 'regular'
-  } = _ref;
-  return theme.font.weight[fontWeight];
-}, _ref2 => {
-  let {
-    theme,
-    fontStack = 'default'
-  } = _ref2;
-  return "'".concat(theme.font.stack[fontStack], "'");
-});
 exports.StyledWebInput = StyledWebInput;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

package/dist/components/molecules/TextArea/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledWebInput","styled","TextAreaInputBase","theme","fontWeight","font","weight","fontStack","stack"],"sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n  FontStackType,\n  FontWeightType,\n  StyleProps,\n  TextAreaInputBase,\n} from '@tecsinapse/react-core';\nimport { TextAreaProps } from './TextArea';\n\ninterface Font {\n  fontStack?: FontStackType;\n  fontWeight?: FontWeightType;\n}\n\nexport const StyledWebInput = styled(TextAreaInputBase)<\n  Font & Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  outline-width: 0;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAaO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,4BAAP,CAAH,yIAGV;EAAA,IAAC;IAAEC,KAAF;IAASC,UAAU,GAAG;EAAtB,CAAD;EAAA,OACbD,KAAK,CAACE,IAAN,CAAWC,MAAX,CAAkBF,UAAlB,CADa;AAAA,CAHU,EAKV;EAAA,IAAC;IAAED,KAAF;IAASI,SAAS,GAAG;EAArB,CAAD;EAAA,kBACTJ,KAAK,CAACE,IAAN,CAAWG,KAAX,CAAiBD,SAAjB,CADS;AAAA,CALU,CAApB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n  FontStackType,\n  FontWeightType,\n  StyleProps,\n  TextAreaInputBase,\n} from '@tecsinapse/react-core';\nimport { TextAreaProps } from './TextArea';\n\ninterface Font {\n  fontStack?: FontStackType;\n  fontWeight?: FontWeightType;\n}\n\nexport const StyledWebInput = styled(TextAreaInputBase)<\n  Font & Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  outline-width: 0;\n`;\n"],"names":["styled","TextAreaInputBase"],"mappings":";;;;;;;;;;;AAca,MAAA,cAAA,GAAiBA,iCAAOC,2BAAiB,CAAA,CAAA;AAAA,eAGrC,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,WACpC,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,UAAA,CAAA,CAAA;AAAA,eACL,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,WACnC,KAAA,CAAA,CAAA,EAAI,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;;;;"}

package/dist/components/organisms/DataGrid/DataGrid.js

@@ -1,28 +1,54 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Table = require("../../atoms/Table");
-
-var _Header = require("./Header");
-
-var _Row = require("./Row");
-
-var _Footer = require("./Footer");
-
-var _Skeleton = require("../../atoms/Skeleton");
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const DataGrid = _ref => {
-  let {
+'use strict';
+
+var React = require('react');
+var TBody = require('../../atoms/Table/Body/TBody.js');
+var Td = require('../../atoms/Table/Cell/Td.js');
+var TableContainer = require('../../atoms/Table/Container/TableContainer.js');
+require('../../atoms/Table/Footer/styled.js');
+require('../../atoms/Table/Header/styled.js');
+var Tr = require('../../atoms/Table/Row/Tr.js');
+var TableToolbar = require('../../atoms/Table/Toolbar/TableToolbar.js');
+var Table = require('../../atoms/Table/Table.js');
+var Header = require('./Header/Header.js');
+var Row = require('./Row/Row.js');
+var Footer = require('./Footer/Footer.js');
+var Skeleton = require('../../atoms/Skeleton/Skeleton.js');
+var utils = require('./utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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,
@@ -37,7 +63,7 @@ const DataGrid = _ref => {
     onRowsPerPageChange,
     rowsPerPageOptions: _rowsPerPageOptions,
     rowsPerPageLabel: _rowsPerPageLabel,
-    exportLabel = 'Exportar',
+    exportLabel = "Exportar",
     exportFunction,
     rowsCount,
     page = 0,
@@ -45,82 +71,111 @@ const DataGrid = _ref => {
     loading = false,
     skeletonComponent,
     emptyPlaceholder,
-    exportComponent,
-    ...rest
-  } = _ref;
-
+    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)"
+    );
   }
-
-  const rowsPerPageLabel = _react.default.useCallback(value => _rowsPerPageLabel ? _rowsPerPageLabel(value) : "Exibir por p\xE1gina: ".concat(value, " itens"), [_rowsPerPageLabel]);
-
-  const rowsPerPageOptions = _react.default.useMemo(() => _rowsPerPageOptions !== null && _rowsPerPageOptions !== void 0 ? _rowsPerPageOptions : [10, 25, 50], [_rowsPerPageOptions]);
-
-  const handleSelect = _react.default.useCallback((current, checked) => {
-    if (checked) {
-      onSelectedRows === null || onSelectedRows === void 0 ? void 0 : onSelectedRows(prevState => [...prevState, current]);
-      return;
-    }
-
-    onSelectedRows === null || onSelectedRows === void 0 ? void 0 : onSelectedRows(prevState => {
-      const idx = prevState.findIndex(el => rowKeyExtractor(el) === rowKeyExtractor(current));
-      return [...(0, _utils.removeElement)(prevState, idx)];
-    });
-  }, [onSelectedRows, rowKeyExtractor]);
-
-  return _react.default.createElement(_Table.TableContainer, rest, _react.default.createElement(_Table.TableToolbar, {
+  const rowsPerPageLabel = React__default["default"].useCallback(
+    (value) => _rowsPerPageLabel ? _rowsPerPageLabel(value) : `Exibir por p\xE1gina: ${value} itens`,
+    [_rowsPerPageLabel]
+  );
+  const rowsPerPageOptions = React__default["default"].useMemo(
+    () => _rowsPerPageOptions != null ? _rowsPerPageOptions : [10, 25, 50],
+    [_rowsPerPageOptions]
+  );
+  const handleSelect = React__default["default"].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 [...utils.removeElement(prevState, idx)];
+      });
+    },
+    [onSelectedRows, rowKeyExtractor]
+  );
+  return /* @__PURE__ */ React__default["default"].createElement(TableContainer, __spreadValues({}, rest), /* @__PURE__ */ React__default["default"].createElement(TableToolbar, {
     title: toolbarTitle,
     rightIcons: toolbarRightIcons,
     footer: toolbarFooter
-  }), _react.default.createElement(_Table.Table, null, _react.default.createElement(_Header.Header, {
-    selectable: selectable,
-    headers: headers,
-    data: data,
-    rowsCount: rowsCount !== null && rowsCount !== void 0 ? rowsCount : data.length,
-    rowKeyExtractor: rowKeyExtractor,
-    selectedRows: selectedRows,
+  }), /* @__PURE__ */ React__default["default"].createElement(Table, null, /* @__PURE__ */ React__default["default"].createElement(Header, {
+    selectable,
+    headers,
+    data,
+    rowsCount: rowsCount != null ? rowsCount : data.length,
+    rowKeyExtractor,
+    selectedRows,
     onSelected: onSelectedRows
-  }), !loading ? _react.default.createElement(_Table.TBody, null, data.length > 0 ? (0, _utils.getData)(data, rowsCount, page, rowsPerPage, pagination).map(item => _react.default.createElement(_Row.Row, {
-    key: rowKeyExtractor(item),
-    rowKeyExtractor: rowKeyExtractor,
-    handleSelect: handleSelect,
-    selectable: selectable,
-    headers: headers,
-    data: item,
-    checked: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.some(sel => rowKeyExtractor(sel) === rowKeyExtractor(item))
-  })) : _react.default.createElement("tr", null, _react.default.createElement("td", {
+  }), !loading ? /* @__PURE__ */ React__default["default"].createElement(TBody, null, data.length > 0 ? utils.getData(data, rowsCount, page, rowsPerPage, pagination).map(
+    (item) => /* @__PURE__ */ React__default["default"].createElement(Row, {
+      key: rowKeyExtractor(item),
+      rowKeyExtractor,
+      handleSelect,
+      selectable,
+      headers,
+      data: item,
+      checked: selectedRows == null ? void 0 : selectedRows.some(
+        (sel) => rowKeyExtractor(sel) === rowKeyExtractor(item)
+      )
+    })
+  ) : /* @__PURE__ */ React__default["default"].createElement("tr", null, /* @__PURE__ */ React__default["default"].createElement("td", {
     colSpan: 99
-  }, emptyPlaceholder))) : _react.default.createElement(_Table.TBody, null, [...Array(rowsPerPage).keys()].map(idx => _react.default.createElement(_Table.Tr, {
-    key: "skeleton-".concat(idx)
-  }, _react.default.createElement(_Table.Td, {
+  }, emptyPlaceholder))) : /* @__PURE__ */ React__default["default"].createElement(TBody, null, [...Array(rowsPerPage).keys()].map((idx) => /* @__PURE__ */ React__default["default"].createElement(Tr, {
+    key: `skeleton-${idx}`
+  }, /* @__PURE__ */ React__default["default"].createElement(Td, {
     colSpan: 99,
-    style: {
-      padding: 0
-    }
-  }, skeletonComponent !== null && skeletonComponent !== void 0 ? skeletonComponent : _react.default.createElement(_Skeleton.Skeleton, {
+    style: { padding: 0 }
+  }, skeletonComponent != null ? skeletonComponent : /* @__PURE__ */ React__default["default"].createElement(Skeleton, {
     height: 55,
     radius: "mili",
     animation: "wave"
-  }, _react.default.createElement("div", {
-    style: {
-      width: '100%'
-    }
-  })))))), (Number(rowsCount) > 0 || data.length > 0) && _react.default.createElement(_Footer.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
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    style: { width: "100%" }
+  })))))), (Number(rowsCount) > 0 || data.length > 0) && /* @__PURE__ */ React__default["default"].createElement(Footer, {
+    exportFunction,
+    exportLabel,
+    rowsPerPageLabel,
+    rowsPerPage,
+    onRowsPerPageChange,
+    rowsPerPageOptions,
+    rowsCount: rowsCount != null ? rowsCount : data.length,
+    page,
+    onPageChange,
+    pagination,
+    exportComponent
   })));
 };
 
-var _default = DataGrid;
-exports.default = _default;
-//# sourceMappingURL=DataGrid.js.map
+module.exports = DataGrid;
+//# sourceMappingURL=DataGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.js","names":["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","React","useCallback","value","useMemo","handleSelect","current","checked","prevState","idx","findIndex","el","removeElement","length","getData","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":["React","removeElement","getData"],"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,mBAAmBA,yBAAM,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,qBAAqBA,yBAAM,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,eAAeA,yBAAM,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,GAAGC,mBAAc,CAAA,SAAA,EAAW,GAAG,CAAC,CAAA,CAAA;AAAA,OAC1C,CAAA,CAAA;AAAA,KACF;AAAA,IACA,CAAC,gBAAgB,eAAe,CAAA;AAAA,GAClC,CAAA;AAEA,EACE,uBAAAD,yBAAA,CAAA,aAAA,CAAC,cAAmB,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,kBACjBA,yBAAA,CAAA,aAAA,CAAA,YAAA,EAAA;AAAA,IACC,KAAO,EAAA,YAAA;AAAA,IACP,UAAY,EAAA,iBAAA;AAAA,IACZ,MAAQ,EAAA,aAAA;AAAA,GACV,CAAA,kBACCA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,kBACEA,yBAAA,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,mBAAAA,yBAAA,CAAA,aAAA,CAAC,aACE,IAAK,CAAA,MAAA,GAAS,CACb,GAAAE,aAAA,CAAQ,IAAM,EAAA,SAAA,EAAW,IAAM,EAAA,WAAA,EAAa,UAAU,CAAE,CAAA,GAAA;AAAA,IACtD,0BACGF,yBAAA,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,mBAECA,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACEA,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,OAAS,EAAA,EAAA;AAAA,GAAA,EAAK,gBAAiB,CACrC,CAEJ,CAEA,mBAAAA,yBAAA,CAAA,aAAA,CAAC,aACE,CAAC,GAAG,KAAM,CAAA,WAAW,EAAE,IAAK,EAAC,CAAE,CAAA,GAAA,CAAI,yBACjCA,yBAAA,CAAA,aAAA,CAAA,EAAA,EAAA;AAAA,IAAG,KAAK,CAAY,SAAA,EAAA,GAAA,CAAA,CAAA;AAAA,GAAA,kBAClBA,yBAAA,CAAA,aAAA,CAAA,EAAA,EAAA;AAAA,IAAG,OAAS,EAAA,EAAA;AAAA,IAAI,KAAA,EAAO,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,GAAA,EAClC,gEACEA,yBAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IAAS,MAAQ,EAAA,EAAA;AAAA,IAAI,MAAO,EAAA,MAAA;AAAA,IAAO,SAAU,EAAA,MAAA;AAAA,GAAA,kBAC3CA,yBAAA,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,sBACtCA,yBAAA,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/dist/components/organisms/DataGrid/Footer/Footer.js

@@ -1,121 +1,109 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactWebKit = require("@tecsinapse/react-web-kit");
-
-var _Table = require("../../../atoms/Table");
-
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Footer = _ref => {
-  let {
-    rowsPerPage,
-    onRowsPerPageChange,
-    rowsPerPageOptions,
-    rowsPerPageLabel,
-    exportFunction,
-    exportLabel,
-    rowsCount,
-    page,
-    onPageChange,
-    pagination,
-    exportComponent
-  } = _ref;
-
+'use strict';
+
+var React = require('react');
+var Button = require('../../../atoms/Button/Button.js');
+var reactCore = require('@tecsinapse/react-core');
+var Select = require('../../../molecules/Select/Select.js');
+require('../../../atoms/Table/Cell/styled.js');
+require('../../../atoms/Table/Container/styled.js');
+var TFoot = require('../../../atoms/Table/Footer/TFoot.js');
+require('../../../atoms/Table/Header/styled.js');
+var Tr = require('../../../atoms/Table/Row/Tr.js');
+require('../../../atoms/Table/Toolbar/styled.js');
+require('../../../atoms/Table/styled.js');
+var styled = require('./styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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)"
+    );
   }
-
   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 };
   };
-
-  const handleRowsPerPage = _react.default.useCallback(value => {
-    onRowsPerPageChange === null || onRowsPerPageChange === void 0 ? void 0 : onRowsPerPageChange(value);
-    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(0);
-  }, [onPageChange, onRowsPerPageChange]);
-
+  const handleRowsPerPage = React__default["default"].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 _react.default.createElement(_Table.TFoot, null, _react.default.createElement(_Table.Tr, null, _react.default.createElement(_styled.TdFooterStyled, {
+  return /* @__PURE__ */ React__default["default"].createElement(TFoot, null, /* @__PURE__ */ React__default["default"].createElement(Tr, null, /* @__PURE__ */ React__default["default"].createElement(styled.TdFooterStyled, {
     colSpan: 99
-  }, _react.default.createElement(_styled.FooterContainer, null, _react.default.createElement(_styled.FooterContainerStart, null, pagination && _react.default.createElement(_styled.SelectContainer, null, _react.default.createElement(_reactWebKit.Select, {
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.FooterContainer, null, /* @__PURE__ */ React__default["default"].createElement(styled.FooterContainerStart, null, pagination && /* @__PURE__ */ React__default["default"].createElement(styled.SelectContainer, null, /* @__PURE__ */ React__default["default"].createElement(Select, {
     options: rowsPerPageOptions,
     onSelect: handleRowsPerPage,
     value: rowsPerPage,
-    type: 'single',
-    keyExtractor: value => String(value),
+    type: "single",
+    keyExtractor: (value) => String(value),
     labelExtractor: rowsPerPageLabel,
     anchor: "top"
-  })), exportComponent && !exportFunction && _react.default.createElement(_react.default.Fragment, null, exportComponent), exportFunction && _react.default.createElement(_styled.HoveredText, null, _react.default.createElement(_reactWebKit.Button, {
+  })), exportComponent && !exportFunction && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, exportComponent), exportFunction && /* @__PURE__ */ React__default["default"].createElement(styled.HoveredText, null, /* @__PURE__ */ React__default["default"].createElement(Button, {
     variant: "outlined",
     onPress: () => exportFunction()
-  }, _react.default.createElement(_reactWebKit.Text, {
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
     fontColor: "orange",
     fontWeight: "bold"
-  }, exportLabel)))), pagination && _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_styled.TextPagination, {
-    fontWeight: 'bold',
-    fontColor: 'medium'
-  }, "Exibindo ".concat(currentInitItem, " a ").concat(currentFinalItem, " de ").concat(rowsCount, " registros")), _react.default.createElement(_styled.FooterContainerEnd, null, _react.default.createElement(_styled.NavigationButton, {
-    onPress: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page - 1),
+  }, exportLabel)))), pagination && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(styled.TextPagination, {
+    fontWeight: "bold",
+    fontColor: "medium"
+  }, `Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`), /* @__PURE__ */ React__default["default"].createElement(styled.FooterContainerEnd, null, /* @__PURE__ */ React__default["default"].createElement(styled.NavigationButton, {
+    onPress: () => onPageChange == null ? void 0 : onPageChange(page - 1),
     disabled: page === 0
-  }, _react.default.createElement(_reactWebKit.Icon, {
-    name: 'chevron-left',
-    type: 'material-community',
-    fontColor: 'light'
-  })), _react.default.createElement(_styled.PagesContainer, null, [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(getPaginationSlice().start, getPaginationSlice().end).map(value => _react.default.createElement(_styled.HoveredText, {
-    key: "page-".concat(value)
-  }, _react.default.createElement(_styled.PageButton, {
-    variant: page === value ? 'outlined' : 'text',
-    onPress: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(value)
-  }, _react.default.createElement(_reactWebKit.Text, {
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
+    name: "chevron-left",
+    type: "material-community",
+    fontColor: "light"
+  })), /* @__PURE__ */ React__default["default"].createElement(styled.PagesContainer, null, [...Array(Math.ceil(rowsCount / rowsPerPage)).keys()].slice(
+    getPaginationSlice().start,
+    getPaginationSlice().end
+  ).map((value) => /* @__PURE__ */ React__default["default"].createElement(styled.HoveredText, {
+    key: `page-${value}`
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.PageButton, {
+    variant: page === value ? "outlined" : "text",
+    onPress: () => onPageChange == null ? void 0 : onPageChange(value)
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Text, {
     fontColor: "medium",
     fontWeight: "bold"
-  }, value + 1))))), _react.default.createElement(_styled.NavigationButton, {
-    onPress: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page + 1),
+  }, value + 1))))), /* @__PURE__ */ React__default["default"].createElement(styled.NavigationButton, {
+    onPress: () => onPageChange == null ? void 0 : onPageChange(page + 1),
     disabled: page === Math.ceil(rowsCount / rowsPerPage) - 1
-  }, _react.default.createElement(_reactWebKit.Icon, {
-    name: 'chevron-right',
-    type: 'material-community',
-    fontColor: 'light'
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
+    name: "chevron-right",
+    type: "material-community",
+    fontColor: "light"
   }))))))));
 };
+var Footer$1 = React__default["default"].memo(Footer);
 
-var _default = _react.default.memo(Footer);
-
-exports.default = _default;
-//# sourceMappingURL=Footer.js.map
+module.exports = Footer$1;
+//# sourceMappingURL=Footer.js.map