@tecsinapse/react-web-kit 1.20.2 → 1.21.0

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

@@ -1,5 +1,19 @@
 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';
@@ -41,31 +55,31 @@ var DataGrid = function DataGrid(_ref) {
       skeletonComponent = _ref.skeletonComponent,
       emptyPlaceholder = _ref.emptyPlaceholder,
       exportComponent = _ref.exportComponent,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   if (selectable && (!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: " + value + " itens";
+    return _rowsPerPageLabel ? _rowsPerPageLabel(value) : "Exibir por p\xE1gina: ".concat(value, " itens");
   }, [_rowsPerPageLabel]);
   var rowsPerPageOptions = React.useMemo(function () {
-    return _rowsPerPageOptions != null ? _rowsPerPageOptions : [10, 25, 50];
+    return _rowsPerPageOptions !== null && _rowsPerPageOptions !== void 0 ? _rowsPerPageOptions : [10, 25, 50];
   }, [_rowsPerPageOptions]);
   var handleSelect = React.useCallback(function (current, checked) {
     if (checked) {
-      onSelectedRows == null ? void 0 : onSelectedRows(function (prevState) {
-        return [].concat(prevState, [current]);
+      onSelectedRows === null || onSelectedRows === void 0 ? void 0 : onSelectedRows(function (prevState) {
+        return [].concat(_toConsumableArray(prevState), [current]);
       });
       return;
     }
 
-    onSelectedRows == null ? void 0 : onSelectedRows(function (prevState) {
+    onSelectedRows === null || onSelectedRows === void 0 ? void 0 : onSelectedRows(function (prevState) {
       var idx = prevState.findIndex(function (el) {
         return rowKeyExtractor(el) === rowKeyExtractor(current);
       });
-      return [].concat(removeElement(prevState, idx));
+      return _toConsumableArray(removeElement(prevState, idx));
     });
   }, [onSelectedRows, rowKeyExtractor]);
   return React.createElement(TableContainer, rest, React.createElement(TableToolbar, {
@@ -76,7 +90,7 @@ var DataGrid = function DataGrid(_ref) {
     selectable: selectable,
     headers: headers,
     data: data,
-    rowsCount: rowsCount != null ? rowsCount : data.length,
+    rowsCount: rowsCount !== null && rowsCount !== void 0 ? rowsCount : data.length,
     rowKeyExtractor: rowKeyExtractor,
     selectedRows: selectedRows,
     onSelected: onSelectedRows
@@ -88,21 +102,21 @@ var DataGrid = function DataGrid(_ref) {
       selectable: selectable,
       headers: headers,
       data: item,
-      checked: selectedRows == null ? void 0 : selectedRows.some(function (sel) {
+      checked: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.some(function (sel) {
         return rowKeyExtractor(sel) === rowKeyExtractor(item);
       })
     });
   }) : React.createElement("tr", null, React.createElement("td", {
     colSpan: 99
-  }, emptyPlaceholder))) : React.createElement(TBody, null, [].concat(Array(rowsPerPage).keys()).map(function (idx) {
+  }, emptyPlaceholder))) : React.createElement(TBody, null, _toConsumableArray(Array(rowsPerPage).keys()).map(function (idx) {
     return React.createElement(Tr, {
-      key: "skeleton-" + idx
+      key: "skeleton-".concat(idx)
     }, React.createElement(Td, {
       colSpan: 99,
       style: {
         padding: 0
       }
-    }, skeletonComponent != null ? skeletonComponent : React.createElement(Skeleton, {
+    }, skeletonComponent !== null && skeletonComponent !== void 0 ? skeletonComponent : React.createElement(Skeleton, {
       height: 55,
       radius: "mili",
       animation: "wave"
@@ -118,7 +132,7 @@ var DataGrid = function DataGrid(_ref) {
     rowsPerPage: rowsPerPage,
     onRowsPerPageChange: onRowsPerPageChange,
     rowsPerPageOptions: rowsPerPageOptions,
-    rowsCount: rowsCount != null ? rowsCount : data.length,
+    rowsCount: rowsCount !== null && rowsCount !== void 0 ? rowsCount : data.length,
     page: page,
     onPageChange: onPageChange,
     pagination: pagination,

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","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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"}

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

@@ -1,3 +1,15 @@
+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";
@@ -51,8 +63,8 @@ var Footer = function Footer(_ref) {
   };
 
   var handleRowsPerPage = React.useCallback(function (value) {
-    onRowsPerPageChange == null ? void 0 : onRowsPerPageChange(value);
-    onPageChange == null ? void 0 : onPageChange(0);
+    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;
@@ -79,22 +91,22 @@ var Footer = function Footer(_ref) {
   }, exportLabel)))), pagination && React.createElement(React.Fragment, null, React.createElement(TextPagination, {
     fontWeight: 'bold',
     fontColor: 'medium'
-  }, "Exibindo " + currentInitItem + " a " + currentFinalItem + " de " + rowsCount + " registros"), React.createElement(FooterContainerEnd, null, React.createElement(NavigationButton, {
+  }, "Exibindo ".concat(currentInitItem, " a ").concat(currentFinalItem, " de ").concat(rowsCount, " registros")), React.createElement(FooterContainerEnd, null, React.createElement(NavigationButton, {
     onPress: function onPress() {
-      return onPageChange == null ? void 0 : onPageChange(page - 1);
+      return onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page - 1);
     },
     disabled: page === 0
   }, React.createElement(Icon, {
     name: 'chevron-left',
     type: 'material-community',
     fontColor: 'light'
-  })), React.createElement(PagesContainer, null, [].concat(Array(Math.ceil(rowsCount / rowsPerPage)).keys()).slice(getPaginationSlice().start, getPaginationSlice().end).map(function (value) {
+  })), 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-" + value
+      key: "page-".concat(value)
     }, React.createElement(PageButton, {
       variant: page === value ? 'outlined' : 'text',
       onPress: function onPress() {
-        return onPageChange == null ? void 0 : onPageChange(value);
+        return onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(value);
       }
     }, React.createElement(Text, {
       fontColor: "medium",
@@ -102,7 +114,7 @@ var Footer = function Footer(_ref) {
     }, value + 1)));
   })), React.createElement(NavigationButton, {
     onPress: function onPress() {
-      return onPageChange == null ? void 0 : onPageChange(page + 1);
+      return onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page + 1);
     },
     disabled: page === Math.ceil(rowsCount / rowsPerPage) - 1
   }, React.createElement(Icon, {

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":["React","Button","Icon","Select","Text","TFoot","Tr","FooterContainer","FooterContainerEnd","FooterContainerStart","HoveredText","NavigationButton","PageButton","PagesContainer","SelectContainer","TdFooterStyled","TextPagination","Footer","rowsPerPage","onRowsPerPageChange","rowsPerPageOptions","rowsPerPageLabel","exportFunction","exportLabel","rowsCount","page","onPageChange","pagination","exportComponent","Error","getPaginationSlice","totalPages","Math","ceil","start","end","handleRowsPerPage","useCallback","value","currentInitItem","currentFinalItem","String","Array","keys","slice","map","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Icon, Select, Text } from '@tecsinapse/react-web-kit';\nimport { TFoot, Tr } from '../../../atoms/Table';\nimport {\n  FooterContainer,\n  FooterContainerEnd,\n  FooterContainerStart,\n  HoveredText,\n  NavigationButton,\n  PageButton,\n  PagesContainer,\n  SelectContainer,\n  TdFooterStyled,\n  TextPagination,\n} from './styled';\n\ninterface DataGridFooterProps {\n  rowsPerPage: number;\n  onRowsPerPageChange?: (value: number) => void;\n  rowsPerPageOptions: number[];\n  rowsPerPageLabel: (value: number) => string;\n  exportLabel?: string;\n  exportFunction?: () => void;\n  /** Total data elements */\n  rowsCount: number;\n  page: number;\n  onPageChange?: (page: number) => void;\n  pagination: boolean;\n  exportComponent?: React.ReactNode;\n}\n\nconst Footer: React.FC<DataGridFooterProps> = ({\n  rowsPerPage,\n  onRowsPerPageChange,\n  rowsPerPageOptions,\n  rowsPerPageLabel,\n  exportFunction,\n  exportLabel,\n  rowsCount,\n  page,\n  onPageChange,\n  pagination,\n  exportComponent,\n}) => {\n  if (pagination && (!onPageChange || !onRowsPerPageChange)) {\n    throw new Error(\n      '[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)'\n    );\n  }\n\n  const getPaginationSlice = (): { start: number; end: number } => {\n    const totalPages = Math.ceil(rowsCount / rowsPerPage);\n    if (totalPages < 4) {\n      return { start: 0, end: totalPages };\n    }\n    if (page === 0) {\n      return { start: page, end: page + 3 };\n    }\n    if (page === totalPages - 1) {\n      return { start: page - 2, end: page + 1 };\n    }\n    return { start: page - 1, end: page + 2 };\n  };\n\n  const handleRowsPerPage = React.useCallback(\n    value => {\n      onRowsPerPageChange?.(value as number);\n      onPageChange?.(0);\n    },\n    [onPageChange, onRowsPerPageChange]\n  );\n  const currentInitItem = page * rowsPerPage + 1;\n  const currentFinalItem =\n    (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;\n\n  return (\n    <TFoot>\n      <Tr>\n        <TdFooterStyled colSpan={99}>\n          <FooterContainer>\n            <FooterContainerStart>\n              {pagination && (\n                <SelectContainer>\n                  <Select\n                    options={rowsPerPageOptions}\n                    onSelect={handleRowsPerPage}\n                    value={rowsPerPage}\n                    type={'single'}\n                    keyExtractor={value => String(value)}\n                    labelExtractor={rowsPerPageLabel}\n                    anchor=\"top\"\n                  />\n                </SelectContainer>\n              )}\n              {exportComponent && !exportFunction && <>{exportComponent}</>}\n              {exportFunction && (\n                <HoveredText>\n                  <Button variant=\"outlined\" onPress={() => exportFunction()}>\n                    <Text fontColor=\"orange\" fontWeight=\"bold\">\n                      {exportLabel}\n                    </Text>\n                  </Button>\n                </HoveredText>\n              )}\n            </FooterContainerStart>\n            {pagination && (\n              <>\n                <TextPagination\n                  fontWeight={'bold'}\n                  fontColor={'medium'}\n                >{`Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`}</TextPagination>\n                <FooterContainerEnd>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page - 1)}\n                    disabled={page === 0}\n                  >\n                    <Icon\n                      name={'chevron-left'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                  <PagesContainer>\n                    {[...Array(Math.ceil(rowsCount / rowsPerPage)).keys()]\n                      .slice(\n                        getPaginationSlice().start,\n                        getPaginationSlice().end\n                      )\n                      .map(value => (\n                        <HoveredText key={`page-${value}`}>\n                          <PageButton\n                            variant={page === value ? 'outlined' : 'text'}\n                            onPress={() => onPageChange?.(value)}\n                          >\n                            <Text fontColor=\"medium\" fontWeight=\"bold\">\n                              {value + 1}\n                            </Text>\n                          </PageButton>\n                        </HoveredText>\n                      ))}\n                  </PagesContainer>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page + 1)}\n                    disabled={page === Math.ceil(rowsCount / rowsPerPage) - 1}\n                  >\n                    <Icon\n                      name={'chevron-right'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                </FooterContainerEnd>\n              </>\n            )}\n          </FooterContainer>\n        </TdFooterStyled>\n      </Tr>\n    </TFoot>\n  );\n};\n\nexport default React.memo(Footer);\n"],"mappings":"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"}
+{"version":3,"file":"Footer.js","names":["React","Button","Icon","Select","Text","TFoot","Tr","FooterContainer","FooterContainerEnd","FooterContainerStart","HoveredText","NavigationButton","PageButton","PagesContainer","SelectContainer","TdFooterStyled","TextPagination","Footer","rowsPerPage","onRowsPerPageChange","rowsPerPageOptions","rowsPerPageLabel","exportFunction","exportLabel","rowsCount","page","onPageChange","pagination","exportComponent","Error","getPaginationSlice","totalPages","Math","ceil","start","end","handleRowsPerPage","useCallback","value","currentInitItem","currentFinalItem","String","Array","keys","slice","map","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Icon, Select, Text } from '@tecsinapse/react-web-kit';\nimport { TFoot, Tr } from '../../../atoms/Table';\nimport {\n  FooterContainer,\n  FooterContainerEnd,\n  FooterContainerStart,\n  HoveredText,\n  NavigationButton,\n  PageButton,\n  PagesContainer,\n  SelectContainer,\n  TdFooterStyled,\n  TextPagination,\n} from './styled';\n\ninterface DataGridFooterProps {\n  rowsPerPage: number;\n  onRowsPerPageChange?: (value: number) => void;\n  rowsPerPageOptions: number[];\n  rowsPerPageLabel: (value: number) => string;\n  exportLabel?: string;\n  exportFunction?: () => void;\n  /** Total data elements */\n  rowsCount: number;\n  page: number;\n  onPageChange?: (page: number) => void;\n  pagination: boolean;\n  exportComponent?: React.ReactNode;\n}\n\nconst Footer: React.FC<DataGridFooterProps> = ({\n  rowsPerPage,\n  onRowsPerPageChange,\n  rowsPerPageOptions,\n  rowsPerPageLabel,\n  exportFunction,\n  exportLabel,\n  rowsCount,\n  page,\n  onPageChange,\n  pagination,\n  exportComponent,\n}) => {\n  if (pagination && (!onPageChange || !onRowsPerPageChange)) {\n    throw new Error(\n      '[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)'\n    );\n  }\n\n  const getPaginationSlice = (): { start: number; end: number } => {\n    const totalPages = Math.ceil(rowsCount / rowsPerPage);\n    if (totalPages < 4) {\n      return { start: 0, end: totalPages };\n    }\n    if (page === 0) {\n      return { start: page, end: page + 3 };\n    }\n    if (page === totalPages - 1) {\n      return { start: page - 2, end: page + 1 };\n    }\n    return { start: page - 1, end: page + 2 };\n  };\n\n  const handleRowsPerPage = React.useCallback(\n    value => {\n      onRowsPerPageChange?.(value as number);\n      onPageChange?.(0);\n    },\n    [onPageChange, onRowsPerPageChange]\n  );\n  const currentInitItem = page * rowsPerPage + 1;\n  const currentFinalItem =\n    (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;\n\n  return (\n    <TFoot>\n      <Tr>\n        <TdFooterStyled colSpan={99}>\n          <FooterContainer>\n            <FooterContainerStart>\n              {pagination && (\n                <SelectContainer>\n                  <Select\n                    options={rowsPerPageOptions}\n                    onSelect={handleRowsPerPage}\n                    value={rowsPerPage}\n                    type={'single'}\n                    keyExtractor={value => String(value)}\n                    labelExtractor={rowsPerPageLabel}\n                    anchor=\"top\"\n                  />\n                </SelectContainer>\n              )}\n              {exportComponent && !exportFunction && <>{exportComponent}</>}\n              {exportFunction && (\n                <HoveredText>\n                  <Button variant=\"outlined\" onPress={() => exportFunction()}>\n                    <Text fontColor=\"orange\" fontWeight=\"bold\">\n                      {exportLabel}\n                    </Text>\n                  </Button>\n                </HoveredText>\n              )}\n            </FooterContainerStart>\n            {pagination && (\n              <>\n                <TextPagination\n                  fontWeight={'bold'}\n                  fontColor={'medium'}\n                >{`Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`}</TextPagination>\n                <FooterContainerEnd>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page - 1)}\n                    disabled={page === 0}\n                  >\n                    <Icon\n                      name={'chevron-left'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                  <PagesContainer>\n                    {[...Array(Math.ceil(rowsCount / rowsPerPage)).keys()]\n                      .slice(\n                        getPaginationSlice().start,\n                        getPaginationSlice().end\n                      )\n                      .map(value => (\n                        <HoveredText key={`page-${value}`}>\n                          <PageButton\n                            variant={page === value ? 'outlined' : 'text'}\n                            onPress={() => onPageChange?.(value)}\n                          >\n                            <Text fontColor=\"medium\" fontWeight=\"bold\">\n                              {value + 1}\n                            </Text>\n                          </PageButton>\n                        </HoveredText>\n                      ))}\n                  </PagesContainer>\n                  <NavigationButton\n                    onPress={() => onPageChange?.(page + 1)}\n                    disabled={page === Math.ceil(rowsCount / rowsPerPage) - 1}\n                  >\n                    <Icon\n                      name={'chevron-right'}\n                      type={'material-community'}\n                      fontColor={'light'}\n                    />\n                  </NavigationButton>\n                </FooterContainerEnd>\n              </>\n            )}\n          </FooterContainer>\n        </TdFooterStyled>\n      </Tr>\n    </TFoot>\n  );\n};\n\nexport default React.memo(Footer);\n"],"mappings":"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"}

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

@@ -1,32 +1,32 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { default as nativeStyled } from '@emotion/native';
 import { Text } from '@tecsinapse/react-web-kit';
 import { Td } from "../../../atoms/Table";
 import { Button } from "../../../atoms/Button";
-export var TdFooterStyled = styled(Td)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding: ", " 0 0 0;\n"])), function (_ref) {
+export var TdFooterStyled = styled(Td)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", " 0 0 0;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacing.centi;
 });
-export var FlexContainer = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-grow: 1;\n"])));
-export var FooterContainer = styled(FlexContainer)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  justify-content: space-between;\n  align-items: center;\n"])));
-export var FooterContainerStart = styled(FlexContainer)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  justify-content: flex-start;\n"])));
-export var FooterContainerEnd = styled(FlexContainer)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  justify-content: flex-end;\n"])));
-export var SelectContainer = styled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  margin-right: ", ";\n"])), function (_ref2) {
+export var FlexContainer = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n"])));
+export var FooterContainer = styled(FlexContainer)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  justify-content: space-between;\n  align-items: center;\n"])));
+export var FooterContainerStart = styled(FlexContainer)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  justify-content: flex-start;\n"])));
+export var FooterContainerEnd = styled(FlexContainer)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  justify-content: flex-end;\n"])));
+export var SelectContainer = styled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.spacing.deca;
 });
-export var NavigationButton = nativeStyled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["    \n    border-radius: ", ";\n    height: 44px;\n    justify-content: center;\n    padding: ", ";\n    width: 44px;  \n"])), function (_ref3) {
+export var NavigationButton = nativeStyled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["    \n    border-radius: ", ";\n    height: 44px;\n    justify-content: center;\n    padding: ", ";\n    width: 44px;  \n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.borderRadius.mili;
 }, function (_ref4) {
   var theme = _ref4.theme;
   return theme.spacing.centi;
 });
-export var PageButton = nativeStyled(NavigationButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n    padding-right: ", ";\n    padding-left: ", ";\n    border-radius: ", ";\n    justify-content: center;\n    margin-left: ", ";\n    margin-right: ", ";\n"])), function (_ref5) {
+export var PageButton = nativeStyled(NavigationButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    padding-right: ", ";\n    padding-left: ", ";\n    border-radius: ", ";\n    justify-content: center;\n    margin-left: ", ";\n    margin-right: ", ";\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme.spacing.deca;
 }, function (_ref6) {
@@ -42,12 +42,12 @@ export var PageButton = nativeStyled(NavigationButton)(_templateObject8 || (_tem
   var theme = _ref9.theme;
   return theme.spacing.micro;
 });
-export var PagesContainer = styled('div')(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n  margin: 0 20px;\n  display: flex;\n"])));
-export var HoveredText = styled('div')(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n  user-select: none;\n  &:hover * {\n    color: ", ";\n  }\n"])), function (_ref10) {
+export var PagesContainer = styled('div')(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin: 0 20px;\n  display: flex;\n"])));
+export var HoveredText = styled('div')(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  user-select: none;\n  &:hover * {\n    color: ", ";\n  }\n"])), function (_ref10) {
   var theme = _ref10.theme;
   return theme.font.color.light;
 });
-export var TextPagination = nativeStyled(Text)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n  padding-right: ", ";\n  padding-left: ", ";\n\n"])), function (_ref11) {
+export var TextPagination = nativeStyled(Text)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding-right: ", ";\n  padding-left: ", ";\n\n"])), function (_ref11) {
   var theme = _ref11.theme;
   return theme.spacing.deca;
 }, function (_ref12) {

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","default","nativeStyled","Text","Td","Button","TdFooterStyled","theme","spacing","centi","FlexContainer","FooterContainer","FooterContainerStart","FooterContainerEnd","SelectContainer","deca","NavigationButton","borderRadius","mili","PageButton","micro","PagesContainer","HoveredText","font","color","light","TextPagination"],"sources":["../../../../../src/components/organisms/DataGrid/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Text } from '@tecsinapse/react-web-kit';\nimport { Td } from '../../../atoms/Table';\nimport { Button } from '../../../atoms/Button';\n\nexport const TdFooterStyled = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi} 0 0 0;\n`;\n\nexport const FlexContainer = styled('div')`\n  display: flex;\n  flex-grow: 1;\n`;\n\nexport const FooterContainer = styled(FlexContainer)`\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const FooterContainerStart = styled(FlexContainer)`\n  justify-content: flex-start;\n`;\n\nexport const FooterContainerEnd = styled(FlexContainer)`\n  justify-content: flex-end;\n`;\n\nexport const SelectContainer = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const NavigationButton = nativeStyled(Button)<Partial<StyleProps>>`    \n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    height: 44px;\n    justify-content: center;\n    padding: ${({ theme }) => theme.spacing.centi};\n    width: 44px;  \n`;\n\n// Se o botão estiver ativo, renderizar outlined, caso contrario o botão é text\nexport const PageButton = nativeStyled(NavigationButton)<Partial<StyleProps>>`\n    padding-right: ${({ theme }) => theme.spacing.deca};\n    padding-left: ${({ theme }) => theme.spacing.deca};\n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    justify-content: center;\n    margin-left: ${({ theme }) => theme.spacing.micro};\n    margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const PagesContainer = styled('div')<Partial<StyleProps>>`\n  margin: 0 20px;\n  display: flex;\n`;\n\nexport const HoveredText = styled('div')<Partial<StyleProps>>`\n  user-select: none;\n  &:hover * {\n    color: ${({ theme }) => theme.font.color.light};\n  }\n`;\n\nexport const TextPagination = nativeStyled(Text)<Partial<StyleProps>>`\n  padding-right: ${({ theme }) => theme.spacing.deca};\n  padding-left: ${({ theme }) => theme.spacing.deca};\n\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,OAAO,IAAIC,YAApB,QAAwC,iBAAxC;AAEA,SAASC,IAAT,QAAqB,2BAArB;AACA,SAASC,EAAT;AACA,SAASC,MAAT;AAEA,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAACI,EAAD,CAAT,qGACd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CADc,CAApB;AAIP,OAAO,IAAMC,aAAa,GAAGV,MAAM,CAAC,KAAD,CAAT,iHAAnB;AAKP,OAAO,IAAMW,eAAe,GAAGX,MAAM,CAACU,aAAD,CAAT,yIAArB;AAKP,OAAO,IAAME,oBAAoB,GAAGZ,MAAM,CAACU,aAAD,CAAT,8GAA1B;AAIP,OAAO,IAAMG,kBAAkB,GAAGb,MAAM,CAACU,aAAD,CAAT,4GAAxB;AAIP,OAAO,IAAMI,eAAe,GAAGd,MAAM,CAAC,KAAD,CAAT,sGACV;EAAA,IAAGO,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADU,CAArB;AAIP,OAAO,IAAMC,gBAAgB,GAAGd,YAAY,CAACG,MAAD,CAAf,sMACR;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAlC;AAAA,CADQ,EAId;EAAA,IAAGX,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAJc,CAAtB;AASP,OAAO,IAAMU,UAAU,GAAGjB,YAAY,CAACc,gBAAD,CAAf,2OACF;EAAA,IAAGT,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADE,EAEH;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAFG,EAGF;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAlC;AAAA,CAHE,EAKJ;EAAA,IAAGX,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcY,KAA7B;AAAA,CALI,EAMH;EAAA,IAAGb,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcY,KAA7B;AAAA,CANG,CAAhB;AASP,OAAO,IAAMC,cAAc,GAAGrB,MAAM,CAAC,KAAD,CAAT,mHAApB;AAKP,OAAO,IAAMsB,WAAW,GAAGtB,MAAM,CAAC,KAAD,CAAT,6IAGX;EAAA,IAAGO,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACgB,IAAN,CAAWC,KAAX,CAAiBC,KAAhC;AAAA,CAHW,CAAjB;AAOP,OAAO,IAAMC,cAAc,GAAGxB,YAAY,CAACC,IAAD,CAAf,kIACR;EAAA,IAAGI,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADQ,EAET;EAAA,IAAGR,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAFS,CAApB"}
+{"version":3,"file":"styled.js","names":["styled","default","nativeStyled","Text","Td","Button","TdFooterStyled","theme","spacing","centi","FlexContainer","FooterContainer","FooterContainerStart","FooterContainerEnd","SelectContainer","deca","NavigationButton","borderRadius","mili","PageButton","micro","PagesContainer","HoveredText","font","color","light","TextPagination"],"sources":["../../../../../src/components/organisms/DataGrid/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Text } from '@tecsinapse/react-web-kit';\nimport { Td } from '../../../atoms/Table';\nimport { Button } from '../../../atoms/Button';\n\nexport const TdFooterStyled = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi} 0 0 0;\n`;\n\nexport const FlexContainer = styled('div')`\n  display: flex;\n  flex-grow: 1;\n`;\n\nexport const FooterContainer = styled(FlexContainer)`\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const FooterContainerStart = styled(FlexContainer)`\n  justify-content: flex-start;\n`;\n\nexport const FooterContainerEnd = styled(FlexContainer)`\n  justify-content: flex-end;\n`;\n\nexport const SelectContainer = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const NavigationButton = nativeStyled(Button)<Partial<StyleProps>>`    \n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    height: 44px;\n    justify-content: center;\n    padding: ${({ theme }) => theme.spacing.centi};\n    width: 44px;  \n`;\n\n// Se o botão estiver ativo, renderizar outlined, caso contrario o botão é text\nexport const PageButton = nativeStyled(NavigationButton)<Partial<StyleProps>>`\n    padding-right: ${({ theme }) => theme.spacing.deca};\n    padding-left: ${({ theme }) => theme.spacing.deca};\n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    justify-content: center;\n    margin-left: ${({ theme }) => theme.spacing.micro};\n    margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const PagesContainer = styled('div')<Partial<StyleProps>>`\n  margin: 0 20px;\n  display: flex;\n`;\n\nexport const HoveredText = styled('div')<Partial<StyleProps>>`\n  user-select: none;\n  &:hover * {\n    color: ${({ theme }) => theme.font.color.light};\n  }\n`;\n\nexport const TextPagination = nativeStyled(Text)<Partial<StyleProps>>`\n  padding-right: ${({ theme }) => theme.spacing.deca};\n  padding-left: ${({ theme }) => theme.spacing.deca};\n\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,OAAO,IAAIC,YAApB,QAAwC,iBAAxC;AAEA,SAASC,IAAT,QAAqB,2BAArB;AACA,SAASC,EAAT;AACA,SAASC,MAAT;AAEA,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAACI,EAAD,CAAT,gGACd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CADc,CAApB;AAIP,OAAO,IAAMC,aAAa,GAAGV,MAAM,CAAC,KAAD,CAAT,4GAAnB;AAKP,OAAO,IAAMW,eAAe,GAAGX,MAAM,CAACU,aAAD,CAAT,oIAArB;AAKP,OAAO,IAAME,oBAAoB,GAAGZ,MAAM,CAACU,aAAD,CAAT,yGAA1B;AAIP,OAAO,IAAMG,kBAAkB,GAAGb,MAAM,CAACU,aAAD,CAAT,uGAAxB;AAIP,OAAO,IAAMI,eAAe,GAAGd,MAAM,CAAC,KAAD,CAAT,iGACV;EAAA,IAAGO,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADU,CAArB;AAIP,OAAO,IAAMC,gBAAgB,GAAGd,YAAY,CAACG,MAAD,CAAf,iMACR;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAlC;AAAA,CADQ,EAId;EAAA,IAAGX,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAJc,CAAtB;AASP,OAAO,IAAMU,UAAU,GAAGjB,YAAY,CAACc,gBAAD,CAAf,sOACF;EAAA,IAAGT,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADE,EAEH;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAFG,EAGF;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAlC;AAAA,CAHE,EAKJ;EAAA,IAAGX,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcY,KAA7B;AAAA,CALI,EAMH;EAAA,IAAGb,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcY,KAA7B;AAAA,CANG,CAAhB;AASP,OAAO,IAAMC,cAAc,GAAGrB,MAAM,CAAC,KAAD,CAAT,8GAApB;AAKP,OAAO,IAAMsB,WAAW,GAAGtB,MAAM,CAAC,KAAD,CAAT,wIAGX;EAAA,IAAGO,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACgB,IAAN,CAAWC,KAAX,CAAiBC,KAAhC;AAAA,CAHW,CAAjB;AAOP,OAAO,IAAMC,cAAc,GAAGxB,YAAY,CAACC,IAAD,CAAf,6HACR;EAAA,IAAGI,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADQ,EAET;EAAA,IAAGR,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAFS,CAApB"}

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

@@ -1,3 +1,15 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React from 'react';
 import { Checkbox, Icon, PressableSurface } from '@tecsinapse/react-core';
 import { Th, THead, Tr } from "../../../atoms/Table";
@@ -14,8 +26,9 @@ var Header = function Header(_ref) {
       onSelected = _ref.onSelected;
 
   var _React$useState = React.useState(NEXT_STATE.initial),
-      sortDirection = _React$useState[0],
-      setSortDirection = _React$useState[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      sortDirection = _React$useState2[0],
+      setSortDirection = _React$useState2[1];
 
   var handleSortDirection = function handleSortDirection(sort) {
     sort(NEXT_STATE[sortDirection]);
@@ -24,7 +37,7 @@ var Header = function Header(_ref) {
 
   var handleSelectAll = function handleSelectAll(checked) {
     if (!checked) {
-      onSelected == null ? void 0 : onSelected([]);
+      onSelected === null || onSelected === void 0 ? void 0 : onSelected([]);
       return;
     }
 
@@ -32,20 +45,20 @@ var Header = function Header(_ref) {
     var unselectedItemsOnData = findUnselectedItemsOnData(selectedRows, data, rowKeyExtractor);
 
     if (checked && selectedRows.length < 1) {
-      onSelected == null ? void 0 : onSelected(data);
+      onSelected === null || onSelected === void 0 ? void 0 : onSelected(data);
       return;
     }
 
     if (checked && currentItemsOnData.length < 1) {
-      onSelected == null ? void 0 : onSelected(unselectedItemsOnData.concat(selectedRows));
+      onSelected === null || onSelected === void 0 ? void 0 : onSelected(unselectedItemsOnData.concat(selectedRows));
       return;
     }
 
-    onSelected == null ? void 0 : onSelected(selectedRows.concat(unselectedItemsOnData));
+    onSelected === null || onSelected === void 0 ? void 0 : onSelected(selectedRows.concat(unselectedItemsOnData));
   };
 
   return React.createElement(THead, null, React.createElement(Tr, null, selectable && React.createElement(CheckboxHeader, null, React.createElement(Checkbox, {
-    checked: rowsCount === (selectedRows == null ? void 0 : selectedRows.length),
+    checked: rowsCount === (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length),
     onChange: handleSelectAll
   })), headers.map(function (_ref2) {
     var label = _ref2.label,
@@ -69,7 +82,7 @@ var Header = function Header(_ref) {
         return handleSortDirection(sort);
       }
     }, React.createElement(Icon, {
-      name: "sort-alphabetical-" + getIconSuffix(sortDirection),
+      name: "sort-alphabetical-".concat(getIconSuffix(sortDirection)),
       type: 'material-community',
       fontColor: getIconColor(sortDirection)
     })))));

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["React","Checkbox","Icon","PressableSurface","Th","THead","Tr","CheckboxHeader","findCurrentItemsOnData","findUnselectedItemsOnData","getIconColor","getIconSuffix","NEXT_STATE","Header","selectable","rowsCount","headers","data","rowKeyExtractor","selectedRows","onSelected","useState","initial","sortDirection","setSortDirection","handleSortDirection","sort","handleSelectAll","checked","currentItemsOnData","unselectedItemsOnData","length","concat","map","label","justifyContent","display","alignItems","marginLeft"],"sources":["../../../../../src/components/organisms/DataGrid/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Icon, PressableSurface } from '@tecsinapse/react-core';\nimport { Th, THead, Tr } from '../../../atoms/Table';\nimport { CheckboxHeader } from './styled';\nimport { HeadersType, SortState } from '../types';\nimport {\n  findCurrentItemsOnData,\n  findUnselectedItemsOnData,\n  getIconColor,\n  getIconSuffix,\n  NEXT_STATE,\n} from './utils';\n\nexport interface DataGridHeaderProps<Data> {\n  headers: HeadersType<Data>[];\n  data: Data[];\n  selectedRows: Data[];\n  onSelected?: (data: Data[]) => void;\n  rowKeyExtractor: (data: Data) => string;\n  rowsCount: number;\n  selectable?: boolean;\n}\n\nconst Header = <Data,>({\n  selectable,\n  rowsCount,\n  headers,\n  data,\n  rowKeyExtractor,\n  selectedRows,\n  onSelected,\n}: DataGridHeaderProps<Data>): JSX.Element => {\n  const [sortDirection, setSortDirection] = React.useState<SortState>(\n    NEXT_STATE.initial\n  );\n\n  const handleSortDirection = sort => {\n    sort(NEXT_STATE[sortDirection]);\n    setSortDirection(NEXT_STATE[sortDirection]);\n  };\n\n  const handleSelectAll = checked => {\n    if (!checked) {\n      onSelected?.([]);\n      return;\n    }\n\n    const currentItemsOnData = findCurrentItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    const unselectedItemsOnData = findUnselectedItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    if (checked && selectedRows.length < 1) {\n      onSelected?.(data);\n      return;\n    }\n    if (checked && currentItemsOnData.length < 1) {\n      onSelected?.(unselectedItemsOnData.concat(selectedRows));\n      return;\n    }\n    onSelected?.(selectedRows.concat(unselectedItemsOnData));\n  };\n\n  return (\n    <THead>\n      <Tr>\n        {selectable && (\n          <CheckboxHeader>\n            <Checkbox\n              checked={rowsCount === selectedRows?.length}\n              onChange={handleSelectAll}\n            />\n          </CheckboxHeader>\n        )}\n        {headers.map(({ label, sort, justifyContent = 'flex-start' }) => (\n          <Th key={label}>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent,\n              }}\n            >\n              {label}\n              {sort && (\n                <div style={{ marginLeft: 8 }}>\n                  <PressableSurface onPress={() => handleSortDirection(sort)}>\n                    <Icon\n                      name={`sort-alphabetical-${getIconSuffix(sortDirection)}`}\n                      type={'material-community'}\n                      fontColor={getIconColor(sortDirection)}\n                    />\n                  </PressableSurface>\n                </div>\n              )}\n            </div>\n          </Th>\n        ))}\n      </Tr>\n    </THead>\n  );\n};\n\nexport default Header;\n"],"mappings":"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"}
+{"version":3,"file":"Header.js","names":["React","Checkbox","Icon","PressableSurface","Th","THead","Tr","CheckboxHeader","findCurrentItemsOnData","findUnselectedItemsOnData","getIconColor","getIconSuffix","NEXT_STATE","Header","selectable","rowsCount","headers","data","rowKeyExtractor","selectedRows","onSelected","useState","initial","sortDirection","setSortDirection","handleSortDirection","sort","handleSelectAll","checked","currentItemsOnData","unselectedItemsOnData","length","concat","map","label","justifyContent","display","alignItems","marginLeft"],"sources":["../../../../../src/components/organisms/DataGrid/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Icon, PressableSurface } from '@tecsinapse/react-core';\nimport { Th, THead, Tr } from '../../../atoms/Table';\nimport { CheckboxHeader } from './styled';\nimport { HeadersType, SortState } from '../types';\nimport {\n  findCurrentItemsOnData,\n  findUnselectedItemsOnData,\n  getIconColor,\n  getIconSuffix,\n  NEXT_STATE,\n} from './utils';\n\nexport interface DataGridHeaderProps<Data> {\n  headers: HeadersType<Data>[];\n  data: Data[];\n  selectedRows: Data[];\n  onSelected?: (data: Data[]) => void;\n  rowKeyExtractor: (data: Data) => string;\n  rowsCount: number;\n  selectable?: boolean;\n}\n\nconst Header = <Data,>({\n  selectable,\n  rowsCount,\n  headers,\n  data,\n  rowKeyExtractor,\n  selectedRows,\n  onSelected,\n}: DataGridHeaderProps<Data>): JSX.Element => {\n  const [sortDirection, setSortDirection] = React.useState<SortState>(\n    NEXT_STATE.initial\n  );\n\n  const handleSortDirection = sort => {\n    sort(NEXT_STATE[sortDirection]);\n    setSortDirection(NEXT_STATE[sortDirection]);\n  };\n\n  const handleSelectAll = checked => {\n    if (!checked) {\n      onSelected?.([]);\n      return;\n    }\n\n    const currentItemsOnData = findCurrentItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    const unselectedItemsOnData = findUnselectedItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    if (checked && selectedRows.length < 1) {\n      onSelected?.(data);\n      return;\n    }\n    if (checked && currentItemsOnData.length < 1) {\n      onSelected?.(unselectedItemsOnData.concat(selectedRows));\n      return;\n    }\n    onSelected?.(selectedRows.concat(unselectedItemsOnData));\n  };\n\n  return (\n    <THead>\n      <Tr>\n        {selectable && (\n          <CheckboxHeader>\n            <Checkbox\n              checked={rowsCount === selectedRows?.length}\n              onChange={handleSelectAll}\n            />\n          </CheckboxHeader>\n        )}\n        {headers.map(({ label, sort, justifyContent = 'flex-start' }) => (\n          <Th key={label}>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent,\n              }}\n            >\n              {label}\n              {sort && (\n                <div style={{ marginLeft: 8 }}>\n                  <PressableSurface onPress={() => handleSortDirection(sort)}>\n                    <Icon\n                      name={`sort-alphabetical-${getIconSuffix(sortDirection)}`}\n                      type={'material-community'}\n                      fontColor={getIconColor(sortDirection)}\n                    />\n                  </PressableSurface>\n                </div>\n              )}\n            </div>\n          </Th>\n        ))}\n      </Tr>\n    </THead>\n  );\n};\n\nexport default Header;\n"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 var _templateObject;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { Th } from "../../../atoms/Table";
-export var CheckboxHeader = styled(Th)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding: 0 0 0 ", ";\n  & * {\n    user-select: none;\n  }\n"])), function (_ref) {
+export var CheckboxHeader = styled(Th)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0 0 0 ", ";\n  & * {\n    user-select: none;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacing.mili;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","Th","CheckboxHeader","theme","spacing","mili"],"sources":["../../../../../src/components/organisms/DataGrid/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Th } from '../../../atoms/Table';\n\nexport const CheckboxHeader = styled(Th)<Partial<StyleProps>>`\n  padding: 0 0 0 ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,EAAT;AAEA,OAAO,IAAMC,cAAc,GAAGF,MAAM,CAACC,EAAD,CAAT,2IACR;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADQ,CAApB"}
+{"version":3,"file":"styled.js","names":["styled","Th","CheckboxHeader","theme","spacing","mili"],"sources":["../../../../../src/components/organisms/DataGrid/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Th } from '../../../atoms/Table';\n\nexport const CheckboxHeader = styled(Th)<Partial<StyleProps>>`\n  padding: 0 0 0 ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,EAAT;AAEA,OAAO,IAAMC,cAAc,GAAGF,MAAM,CAACC,EAAD,CAAT,sIACR;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADQ,CAApB"}

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

@@ -21,7 +21,7 @@ var Row = function Row(_ref) {
     var label = _ref2.label,
         render = _ref2.render;
     return React.createElement(Td, {
-      key: "row-" + rowKeyExtractor(data) + "-column-" + label
+      key: "row-".concat(rowKeyExtractor(data), "-column-").concat(label)
     }, render(data));
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Row.js","names":["React","Checkbox","CheckboxCell","Td","Tr","Row","rowKeyExtractor","data","_checked","checked","handleSelect","selectable","headers","map","label","render","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '@tecsinapse/react-core';\nimport { CheckboxCell } from '../styled';\nimport { Td, Tr } from '../../../atoms/Table';\n\nconst Row = ({\n  rowKeyExtractor,\n  data,\n  checked: _checked,\n  handleSelect,\n  selectable,\n  headers,\n}) => {\n  return (\n    <Tr key={rowKeyExtractor(data)}>\n      {selectable && (\n        <CheckboxCell>\n          <Checkbox\n            checked={_checked}\n            onChange={checked => handleSelect(data, checked)}\n          />\n        </CheckboxCell>\n      )}\n      {headers.map(({ label, render }) => (\n        <Td key={`row-${rowKeyExtractor(data)}-column-${label}`}>\n          {render(data)}\n        </Td>\n      ))}\n    </Tr>\n  );\n};\n\nexport default React.memo(Row);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,wBAAzB;AACA,SAASC,YAAT;AACA,SAASC,EAAT,EAAaC,EAAb;;AAEA,IAAMC,GAAG,GAAG,SAANA,GAAM,OAON;EAAA,IANJC,eAMI,QANJA,eAMI;EAAA,IALJC,IAKI,QALJA,IAKI;EAAA,IAJKC,QAIL,QAJJC,OAII;EAAA,IAHJC,YAGI,QAHJA,YAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,OACI,QADJA,OACI;EACJ,OACE,oBAAC,EAAD;IAAI,GAAG,EAAEN,eAAe,CAACC,IAAD;EAAxB,GACGI,UAAU,IACT,oBAAC,YAAD,QACE,oBAAC,QAAD;IACE,OAAO,EAAEH,QADX;IAEE,QAAQ,EAAE,kBAAAC,OAAO;MAAA,OAAIC,YAAY,CAACH,IAAD,EAAOE,OAAP,CAAhB;IAAA;EAFnB,EADF,CAFJ,EASGG,OAAO,CAACC,GAAR,CAAY;IAAA,IAAGC,KAAH,SAAGA,KAAH;IAAA,IAAUC,MAAV,SAAUA,MAAV;IAAA,OACX,oBAAC,EAAD;MAAI,GAAG,WAAST,eAAe,CAACC,IAAD,CAAxB,gBAAyCO;IAAhD,GACGC,MAAM,CAACR,IAAD,CADT,CADW;EAAA,CAAZ,CATH,CADF;AAiBD,CAzBD;;AA2BA,eAAeP,KAAK,CAACgB,IAAN,CAAWX,GAAX,CAAf"}
+{"version":3,"file":"Row.js","names":["React","Checkbox","CheckboxCell","Td","Tr","Row","rowKeyExtractor","data","_checked","checked","handleSelect","selectable","headers","map","label","render","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '@tecsinapse/react-core';\nimport { CheckboxCell } from '../styled';\nimport { Td, Tr } from '../../../atoms/Table';\n\nconst Row = ({\n  rowKeyExtractor,\n  data,\n  checked: _checked,\n  handleSelect,\n  selectable,\n  headers,\n}) => {\n  return (\n    <Tr key={rowKeyExtractor(data)}>\n      {selectable && (\n        <CheckboxCell>\n          <Checkbox\n            checked={_checked}\n            onChange={checked => handleSelect(data, checked)}\n          />\n        </CheckboxCell>\n      )}\n      {headers.map(({ label, render }) => (\n        <Td key={`row-${rowKeyExtractor(data)}-column-${label}`}>\n          {render(data)}\n        </Td>\n      ))}\n    </Tr>\n  );\n};\n\nexport default React.memo(Row);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,wBAAzB;AACA,SAASC,YAAT;AACA,SAASC,EAAT,EAAaC,EAAb;;AAEA,IAAMC,GAAG,GAAG,SAANA,GAAM,OAON;EAAA,IANJC,eAMI,QANJA,eAMI;EAAA,IALJC,IAKI,QALJA,IAKI;EAAA,IAJKC,QAIL,QAJJC,OAII;EAAA,IAHJC,YAGI,QAHJA,YAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,OACI,QADJA,OACI;EACJ,OACE,oBAAC,EAAD;IAAI,GAAG,EAAEN,eAAe,CAACC,IAAD;EAAxB,GACGI,UAAU,IACT,oBAAC,YAAD,QACE,oBAAC,QAAD;IACE,OAAO,EAAEH,QADX;IAEE,QAAQ,EAAE,kBAAAC,OAAO;MAAA,OAAIC,YAAY,CAACH,IAAD,EAAOE,OAAP,CAAhB;IAAA;EAFnB,EADF,CAFJ,EASGG,OAAO,CAACC,GAAR,CAAY;IAAA,IAAGC,KAAH,SAAGA,KAAH;IAAA,IAAUC,MAAV,SAAUA,MAAV;IAAA,OACX,oBAAC,EAAD;MAAI,GAAG,gBAAST,eAAe,CAACC,IAAD,CAAxB,qBAAyCO,KAAzC;IAAP,GACGC,MAAM,CAACR,IAAD,CADT,CADW;EAAA,CAAZ,CATH,CADF;AAiBD,CAzBD;;AA2BA,eAAeP,KAAK,CAACgB,IAAN,CAAWX,GAAX,CAAf"}

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

@@ -1,10 +1,10 @@
 var _templateObject;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { Td } from "../../atoms/Table";
-export var CheckboxCell = styled(Td)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n  & * {\n    user-select: none;\n  }\n"])), function (_ref) {
+export var CheckboxCell = styled(Td)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", ";\n  & * {\n    user-select: none;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacing.mili;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","Td","CheckboxCell","theme","spacing","mili"],"sources":["../../../../src/components/organisms/DataGrid/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Td } from '../../atoms/Table';\n\nexport const CheckboxCell = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,EAAT;AAEA,OAAO,IAAMC,YAAY,GAAGF,MAAM,CAACC,EAAD,CAAT,qIACZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADY,CAAlB"}
+{"version":3,"file":"styled.js","names":["styled","Td","CheckboxCell","theme","spacing","mili"],"sources":["../../../../src/components/organisms/DataGrid/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Td } from '../../atoms/Table';\n\nexport const CheckboxCell = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,EAAT;AAEA,OAAO,IAAMC,YAAY,GAAGF,MAAM,CAACC,EAAD,CAAT,gIACZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADY,CAAlB"}

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

@@ -1,5 +1,18 @@
+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; }
+
 export function removeElement(arr, index) {
-  var data = [].concat(arr);
+  var data = _toConsumableArray(arr);
+
   data.splice(index, 1);
   return data;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["removeElement","arr","index","data","splice","getData","rowsCount","page","rowsPerPage","pagination","slice"],"sources":["../../../../src/components/organisms/DataGrid/utils.ts"],"sourcesContent":["export function removeElement<T>(arr: T[], index: number): T[] {\n  const data = [...arr]; // Sometimes looks like the data is removed from table, check if this is a bug. I'm copying the arr to a new variable for security reasons\n  data.splice(index, 1);\n  return data;\n}\n\nexport const getData = <Data>(\n  data: Data[],\n  rowsCount: number | undefined,\n  page: number,\n  rowsPerPage: number,\n  pagination: boolean\n): Data[] =>\n  rowsCount || !pagination\n    ? data\n    : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);\n"],"mappings":"AAAA,OAAO,SAASA,aAAT,CAA0BC,GAA1B,EAAoCC,KAApC,EAAwD;EAC7D,IAAMC,IAAI,aAAOF,GAAP,CAAV;EACAE,IAAI,CAACC,MAAL,CAAYF,KAAZ,EAAmB,CAAnB;EACA,OAAOC,IAAP;AACD;AAED,OAAO,IAAME,OAAO,GAAG,SAAVA,OAAU,CACrBF,IADqB,EAErBG,SAFqB,EAGrBC,IAHqB,EAIrBC,WAJqB,EAKrBC,UALqB;EAAA,OAOrBH,SAAS,IAAI,CAACG,UAAd,GACIN,IADJ,GAEIA,IAAI,CAACO,KAAL,CAAWH,IAAI,GAAGC,WAAlB,EAA+BD,IAAI,GAAGC,WAAP,GAAqBA,WAApD,CATiB;AAAA,CAAhB"}
+{"version":3,"file":"utils.js","names":["removeElement","arr","index","data","splice","getData","rowsCount","page","rowsPerPage","pagination","slice"],"sources":["../../../../src/components/organisms/DataGrid/utils.ts"],"sourcesContent":["export function removeElement<T>(arr: T[], index: number): T[] {\n  const data = [...arr]; // Sometimes looks like the data is removed from table, check if this is a bug. I'm copying the arr to a new variable for security reasons\n  data.splice(index, 1);\n  return data;\n}\n\nexport const getData = <Data>(\n  data: Data[],\n  rowsCount: number | undefined,\n  page: number,\n  rowsPerPage: number,\n  pagination: boolean\n): Data[] =>\n  rowsCount || !pagination\n    ? data\n    : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,SAASA,aAAT,CAA0BC,GAA1B,EAAoCC,KAApC,EAAwD;EAC7D,IAAMC,IAAI,sBAAOF,GAAP,CAAV;;EACAE,IAAI,CAACC,MAAL,CAAYF,KAAZ,EAAmB,CAAnB;EACA,OAAOC,IAAP;AACD;AAED,OAAO,IAAME,OAAO,GAAG,SAAVA,OAAU,CACrBF,IADqB,EAErBG,SAFqB,EAGrBC,IAHqB,EAIrBC,WAJqB,EAKrBC,UALqB;EAAA,OAOrBH,SAAS,IAAI,CAACG,UAAd,GACIN,IADJ,GAEIA,IAAI,CAACO,KAAL,CAAWH,IAAI,GAAGC,WAAlB,EAA+BD,IAAI,GAAGC,WAAP,GAAqBA,WAApD,CATiB;AAAA,CAAhB"}

package/esm/hooks/useClickAwayListener.js

@@ -1,9 +1,6 @@
 import React from 'react';
-export var useClickAwayListener = function useClickAwayListener(ref, setVisible, event) {
-  if (event === void 0) {
-    event = 'mousedown';
-  }
-
+export var useClickAwayListener = function useClickAwayListener(ref, setVisible) {
+  var event = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'mousedown';
   React.useEffect(function () {
     var handleClickOutside = function handleClickOutside(event) {
       if (ref.current && !ref.current.contains(event.target)) {

package/esm/hooks/useClickAwayListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickAwayListener.js","names":["React","useClickAwayListener","ref","setVisible","event","useEffect","handleClickOutside","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../src/hooks/useClickAwayListener.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickAwayListener = (\n  ref: React.MutableRefObject<any>,\n  setVisible: React.Dispatch<React.SetStateAction<boolean>>,\n  event: 'mouseup' | 'mousedown' | undefined = 'mousedown'\n): void => {\n  React.useEffect(() => {\n    const handleClickOutside = event => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        setVisible(false);\n      }\n    };\n    document.addEventListener(event, handleClickOutside);\n    return () => {\n      document.removeEventListener(event, handleClickOutside);\n    };\n  }, [ref]);\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAClCC,GADkC,EAElCC,UAFkC,EAGlCC,KAHkC,EAIzB;EAAA,IADTA,KACS;IADTA,KACS,GADoC,WACpC;EAAA;;EACTJ,KAAK,CAACK,SAAN,CAAgB,YAAM;IACpB,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAF,KAAK,EAAI;MAClC,IAAIF,GAAG,CAACK,OAAJ,IAAe,CAACL,GAAG,CAACK,OAAJ,CAAYC,QAAZ,CAAqBJ,KAAK,CAACK,MAA3B,CAApB,EAAwD;QACtDN,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAJD;;IAKAO,QAAQ,CAACC,gBAAT,CAA0BP,KAA1B,EAAiCE,kBAAjC;IACA,OAAO,YAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6BR,KAA7B,EAAoCE,kBAApC;IACD,CAFD;EAGD,CAVD,EAUG,CAACJ,GAAD,CAVH;AAWD,CAhBM"}
+{"version":3,"file":"useClickAwayListener.js","names":["React","useClickAwayListener","ref","setVisible","event","useEffect","handleClickOutside","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../src/hooks/useClickAwayListener.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickAwayListener = (\n  ref: React.MutableRefObject<any>,\n  setVisible: React.Dispatch<React.SetStateAction<boolean>>,\n  event: 'mouseup' | 'mousedown' | undefined = 'mousedown'\n): void => {\n  React.useEffect(() => {\n    const handleClickOutside = event => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        setVisible(false);\n      }\n    };\n    document.addEventListener(event, handleClickOutside);\n    return () => {\n      document.removeEventListener(event, handleClickOutside);\n    };\n  }, [ref]);\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAClCC,GADkC,EAElCC,UAFkC,EAIzB;EAAA,IADTC,KACS,uEADoC,WACpC;EACTJ,KAAK,CAACK,SAAN,CAAgB,YAAM;IACpB,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAF,KAAK,EAAI;MAClC,IAAIF,GAAG,CAACK,OAAJ,IAAe,CAACL,GAAG,CAACK,OAAJ,CAAYC,QAAZ,CAAqBJ,KAAK,CAACK,MAA3B,CAApB,EAAwD;QACtDN,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAJD;;IAKAO,QAAQ,CAACC,gBAAT,CAA0BP,KAA1B,EAAiCE,kBAAjC;IACA,OAAO,YAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6BR,KAA7B,EAAoCE,kBAApC;IACD,CAFD;EAGD,CAVD,EAUG,CAACJ,GAAD,CAVH;AAWD,CAhBM"}