norma-library 0.5.63 → 0.5.65

package/dist/esm/components/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,IAAI,YAAY,EACzB,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;AAEjD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAoE;IAAlE,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EAAK,KAAK,cAA9C,2BAAgD,CAAF;IAChE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAmB,eAAe,CAAC,EAA1E,QAAQ,QAAA,EAAE,WAAW,QAAqD,CAAC;IAElF,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,OAAA,UAAC,KAA2B,EAAE,UAAmB;QACvF,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACjC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAHuC,CAGvC,CAAC;IAEF,OAAO,CACL,0CACG,IAAI;QACH,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACtB,oBAAC,eAAe,aAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK;YACnG,oBAAC,gBAAgB,IACf,UAAU,EAAE,oBAAC,cAAc,OAAG,mBACf,gBAAS,GAAG,aAAU,EACrC,EAAE,EAAE,gBAAS,GAAG,YAAS;gBAEzB,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAc,CACzD;YACnB,oBAAC,gBAAgB,QAAE,IAAI,CAAC,QAAQ,CAAoB,CACpC,CACnB,EAXuB,CAWvB,CAAC,CACH,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Avatar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AvatarBaseProps } from '../interfaces';
+export declare const Avatar: React.FC<AvatarBaseProps>;

package/dist/esm/components/Avatar.js

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Avatar as MuiVatar } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var AvatarStyled = styled(MuiVatar)({
+    textTransform: 'none',
+    color: 'currentcolor',
+});
+export var Avatar = function (_a) {
+    var src = _a.src, props = __rest(_a, ["src"]);
+    return (React.createElement(AvatarStyled, __assign({ src: src }, props)));
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/esm/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM;IACrB,KAAK,EAAE,cAAc;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAA8B,UAAC,EAAiB;IAAf,IAAA,GAAG,SAAA,EAAK,KAAK,cAAf,OAAiB,CAAF;IAC/D,OAAO,CACL,oBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACtC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Badge.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BadgeBaseProps } from '../interfaces';
+export declare const Badge: React.FC<BadgeBaseProps>;

package/dist/esm/components/Badge.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Badge as MuiBadge } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var BadgeStyled = styled(MuiBadge)({});
+export var Badge = function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(BadgeStyled, __assign({}, props)));
+};
+//# sourceMappingURL=Badge.js.map

package/dist/esm/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,IAAM,KAAK,GAA6B,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACxD,OAAO,CACL,oBAAC,WAAW,eAAK,KAAK,EAAI,CAC3B,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Button.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ButtonBaseProps } from '../interfaces';
+export declare const Button: ({ label, children, ...props }: ButtonBaseProps) => React.JSX.Element;

package/dist/esm/components/Button.js

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Button as MuiButton } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var ButtonStyled = styled(MuiButton)({
+    textTransform: 'none',
+    '& .MuiButton-sizeLarge': {
+        height: '75px',
+        backgroundColor: 'red',
+    },
+});
+export var Button = function (_a) {
+    var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
+    return (React.createElement(ButtonStyled, __assign({}, props, { sx: {
+            color: props.variant === 'contained' ? '#FFFF' : props.color,
+        } }), label ? label : children));
+};
+//# sourceMappingURL=Button.js.map

package/dist/esm/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACrC,aAAa,EAAE,MAAM;IACrB,wBAAwB,EAAE;QACxB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,KAAK;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAA8C;IAA5C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAEhD,OAAO,CACL,oBAAC,YAAY,eACP,KAAK,IACT,EAAE,EAAE;YACF,KAAK,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;SAC7D,KAEA,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CACZ,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Card.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CardBaseProps } from '../interfaces';
+import { ColorVariant } from '@/types';
+export declare const Card: ({ children, border, color, ...props }: CardBaseProps & {
+    border?: boolean | undefined;
+    color?: ColorVariant | undefined;
+}) => React.JSX.Element;

package/dist/esm/components/Card.js

@@ -0,0 +1,28 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Card as MuiCard } from '@mui/material';
+import { palette } from '../helpers';
+import { styled } from '@mui/material/styles';
+var colorMap = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    warning: palette.warning,
+    info: palette.info,
+    success: palette.success,
+};
+var CardStyled = styled(MuiCard)(function (_a) {
+    var borderColor = _a.borderColor;
+    return ({
+        padding: 16,
+        borderRadius: 5,
+        boxShadow: '0px 2px 8px #00000053',
+        borderLeft: borderColor ? "7px solid ".concat(colorMap[borderColor]) : 'none',
+    });
+});
+export var Card = function (_a) {
+    var children = _a.children, border = _a.border, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["children", "border", "color"]);
+    return (React.createElement(CardStyled, __assign({ borderColor: border ? color : undefined }, props), children));
+};
+//# sourceMappingURL=Card.js.map

package/dist/esm/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAE/B,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,CAAC;QACvB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,uBAAuB;QAClC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,WAAW,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;KACxE,CAAC;AALsB,CAKtB,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAER,OAAO,CACL,oBAAC,UAAU,aAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC3D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ChatMessage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ChatMessageProps } from '@/interfaces';
+export declare const ChatMessage: React.FC<ChatMessageProps>;

package/dist/esm/components/ChatMessage.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { Box, Typography } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var Item = styled(Box)(function (_a) {
+    var orient = _a.orient;
+    return ({
+        borderColor: '#ccc',
+        display: 'flex',
+        position: 'relative',
+        width: '100%',
+        justifyContent: orient === 'replay' ? 'flex-end' : 'flex-start',
+        marginBottom: '10px',
+        alignItems: 'center',
+    });
+});
+var ContainerStyled = styled(Box)({
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    minWidth: '640px',
+    backgroundColor: '#F0F0F0',
+    padding: '10px',
+});
+var BoxStyled = styled(Box)(function (_a) {
+    var orient = _a.orient;
+    return ({
+        width: '70%',
+        backgroundColor: orient === 'replay' ? '#E18B50' : '#FFF',
+        color: orient === 'replay' ? '#FFF' : '#4D4F5C',
+        borderTopLeftRadius: 30,
+        borderTopRightRadius: 30,
+        borderBottomLeftRadius: orient === 'me' ? 2 : 30,
+        borderBottomRightRadius: orient === 'me' ? 30 : 2,
+        marginLeft: orient === 'replay' ? '10px' : 0,
+        marginRight: orient === 'me' ? '10px' : 0,
+        padding: 20,
+    });
+});
+export var ChatMessage = function (_a) {
+    var data = _a.data;
+    return (React.createElement(ContainerStyled, null, data.map(function (item, key) { return (React.createElement(Item, { key: key, orient: item.send },
+        item.emotion && item.send === 'replay' && React.createElement(React.Fragment, null, item.emotion),
+        React.createElement(BoxStyled, { orient: item.send },
+            React.createElement(Typography, { variant: "subtitle2", style: {
+                    marginBottom: '5px',
+                    font: 'normal normal 600 16px/20px Source Sans Pro',
+                } }, item.name),
+            React.createElement(Typography, { variant: "body1", style: {
+                    font: 'normal normal normal 16px/20px Source Sans Pro',
+                } }, item.message),
+            React.createElement(Typography, { variant: "caption", style: {
+                    position: 'absolute',
+                    bottom: '-18px',
+                    left: item.send === 'me' ? 0 : 'auto',
+                    right: item.send === 'me' ? 'auto' : 0,
+                    font: 'normal normal normal 11px/13px Source Sans Pro',
+                    opacity: 0.5,
+                    color: '#4D4F5C',
+                } }, item.time)),
+        item.emotion && item.send === 'me' && React.createElement(React.Fragment, null, item.emotion),
+        item.emotionReplay && item.send === 'me' && React.createElement(React.Fragment, null, item.emotionReplay))); })));
+};
+//# sourceMappingURL=ChatMessage.js.map

package/dist/esm/components/ChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../src/components/ChatMessage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CheckBox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CheckBoxBaseProps } from '../interfaces';
+export declare const CheckBox: ({ ...props }: CheckBoxBaseProps) => React.JSX.Element;

package/dist/esm/components/CheckBox.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { FormControlLabel, Checkbox as MuiCheckbox } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var CheckBoxStyled = styled(MuiCheckbox)({});
+export var CheckBox = function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(React.Fragment, null, props.label ? (React.createElement(FormControlLabel, { control: React.createElement(CheckBoxStyled, __assign({}, props)), label: props.label })) : (React.createElement(CheckBoxStyled, __assign({}, props)))));
+};
+//# sourceMappingURL=CheckBox.js.map

package/dist/esm/components/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAI1E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA+B;QAA1B,KAAK,cAAV,EAAY,CAAF;IAEjC,OAAO,CACL,0CACG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,gBAAgB,IAAC,OAAO,EAAE,oBAAC,cAAc,eAAK,KAAK,EAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,eAAK,KAAK,EAAI,CAC9B,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/DataGrid/base/dropdown.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DropdownFilterProps } from '@/interfaces';
+declare const DropdownFilter: ({ onOrder, onFilter, onSelected, onFilterSelected, itemsSelected, onSelectAll, onChecketAll, data, }: DropdownFilterProps) => React.JSX.Element;
+export default DropdownFilter;

package/dist/esm/components/DataGrid/base/dropdown.js

@@ -0,0 +1,126 @@
+import { __spreadArray } from "tslib";
+import React, { useState, useEffect, Fragment } from 'react';
+import NumberFilter from './number-filter';
+import { Button, Typography, FormControl, InputLabel, OutlinedInput, InputAdornment, IconButton } from '@mui/material';
+import Divider from '@mui/material/Divider';
+import MenuList from '@mui/material/MenuList';
+import MenuItem from '@mui/material/MenuItem';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemButton from '@mui/material/ListItemButton';
+import Checkbox from '@mui/material/Checkbox';
+import { Search } from '@mui/icons-material';
+import KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';
+import { DropDownStyled } from '../styled';
+import { ArrowSmallDownIcon, ArrowSmallUpIcon, FunnelIcon } from '../icons';
+var DropdownFilter = function (_a) {
+    var onOrder = _a.onOrder, onFilter = _a.onFilter, onSelected = _a.onSelected, onFilterSelected = _a.onFilterSelected, itemsSelected = _a.itemsSelected, onSelectAll = _a.onSelectAll, onChecketAll = _a.onChecketAll, data = _a.data;
+    var _b = useState(false), openFilter = _b[0], setOpenFilter = _b[1];
+    var _c = useState(onSelectAll), selectAll = _c[0], setSelectAll = _c[1];
+    var _d = useState(itemsSelected), selecteds = _d[0], setItemsSelected = _d[1];
+    var handleFilter = function () {
+        setOpenFilter(function (prevState) { return !prevState; });
+    };
+    var handleFilterSelected = function () {
+        if (itemsSelected.length > 0) {
+            onFilterSelected();
+        }
+        else {
+            onSelected([]);
+            onFilter('');
+            onFilterSelected();
+        }
+    };
+    var handleCheckboxChange = function (option) {
+        var updatedSelection = selecteds.includes(option)
+            ? selecteds.filter(function (selected) { return selected !== option; })
+            : __spreadArray(__spreadArray([], selecteds, true), [option], false);
+        setItemsSelected(updatedSelection);
+        onSelected(updatedSelection);
+    };
+    var handleSelectAll = function () {
+        setSelectAll(selectAll ? false : true);
+        onChecketAll(selectAll ? false : true);
+        if (!selectAll) {
+            var allItems = data.map(function (item) { return item.toString(); });
+            setItemsSelected(allItems);
+            onSelected(allItems);
+        }
+        else {
+            setItemsSelected([]);
+            onSelected([]);
+        }
+    };
+    useEffect(function () {
+        setItemsSelected(selectAll ? data.map(String) : []);
+        onSelected(selectAll ? data.map(String) : []);
+    }, [selectAll]);
+    useEffect(function () {
+        setItemsSelected(itemsSelected);
+    }, [selecteds]);
+    return (React.createElement(DropDownStyled, null,
+        React.createElement(Fragment, null,
+            React.createElement(MenuList, null,
+                React.createElement(MenuItem, { onClick: function () {
+                        onOrder('down');
+                        setOpenFilter(false);
+                    } },
+                    React.createElement(ListItemIcon, null,
+                        React.createElement(ArrowSmallUpIcon, { width: "16", height: "16" })),
+                    React.createElement(ListItemText, null, "Classificar de A a Z")),
+                React.createElement(MenuItem, { onClick: function () {
+                        onOrder('up');
+                        setOpenFilter(false);
+                    } },
+                    React.createElement(ListItemIcon, null,
+                        React.createElement(ArrowSmallDownIcon, { width: "16", height: "16" })),
+                    React.createElement(ListItemText, null, "Classificar de Z a A")),
+                React.createElement(MenuItem, { onClick: handleFilter },
+                    React.createElement(ListItemIcon, null,
+                        React.createElement(FunnelIcon, { width: "16", height: "16" })),
+                    React.createElement(ListItemText, null, "Filtro por n\u00FAmeros"),
+                    React.createElement(Typography, { variant: "body2", color: "text.secondary" },
+                        React.createElement(KeyboardArrowRightIcon, { fontSize: "medium", style: { position: 'relative', top: '5px' } })),
+                    openFilter && (React.createElement(React.Fragment, null,
+                        React.createElement(NumberFilter, { onClick: function () { return console.log('Me clicou'); } })))),
+                React.createElement(Divider, null),
+                React.createElement(FormControl, { sx: { m: 1 }, variant: "outlined" },
+                    React.createElement(InputLabel, { htmlFor: "outlined-adornment-search", size: "small" }, "Buscar"),
+                    React.createElement(OutlinedInput, { id: "outlined-adornment-search", endAdornment: React.createElement(InputAdornment, { position: "end" },
+                            React.createElement(IconButton, { edge: "end" },
+                                React.createElement(Search, null))), onChange: function (event) {
+                            onFilter(event.target.value);
+                        }, label: "Buscar", fullWidth: true, size: "small" })),
+                React.createElement(Divider, null),
+                React.createElement(List, { sx: {
+                        bgcolor: '#f2f2f2',
+                        padding: ' 5px',
+                        overflow: ' auto',
+                        width: ' 100%',
+                        height: ' 120px',
+                    } },
+                    React.createElement(ListItem, { disablePadding: true, onClick: handleSelectAll },
+                        React.createElement(ListItemButton, { role: undefined, sx: { py: 0, minHeight: 32 } },
+                            React.createElement(ListItemIcon, null,
+                                React.createElement(Checkbox, { edge: "start", tabIndex: -1, checked: selectAll, disableRipple: true, inputProps: { 'aria-labelledby': 'all' } })),
+                            React.createElement(ListItemText, { id: 'all', primary: selectAll ? 'Deselect All' : 'Select All', primaryTypographyProps: {
+                                    fontSize: 14,
+                                    fontWeight: 'medium',
+                                } }))),
+                    data.map(function (item, key) {
+                        var labelId = "checkbox-list-label-".concat(item.toString());
+                        return (React.createElement(ListItem, { key: key, disablePadding: true, onClick: function () { return handleCheckboxChange(item.toString()); } },
+                            React.createElement(ListItemButton, { role: undefined, sx: { py: 0, minHeight: 32 } },
+                                React.createElement(ListItemIcon, null,
+                                    React.createElement(Checkbox, { edge: "start", tabIndex: -1, disableRipple: true, inputProps: { 'aria-labelledby': labelId }, checked: selecteds.includes(item.toString()) })),
+                                React.createElement(ListItemText, { id: labelId, primary: "".concat(item), primaryTypographyProps: {
+                                        fontSize: 14,
+                                        fontWeight: 'medium',
+                                    } }))));
+                    }))),
+            React.createElement(Button, { variant: "outlined", sx: { align: 'right' }, onClick: handleFilterSelected }, "Confirm"))));
+};
+export default DropdownFilter;
+//# sourceMappingURL=dropdown.js.map

package/dist/esm/components/DataGrid/base/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../../src/components/DataGrid/base/dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/DataGrid/base/number-filter.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NumberFilterProps } from '@/interfaces';
+declare const NumberFilter: React.FC<NumberFilterProps>;
+export default NumberFilter;

package/dist/esm/components/DataGrid/base/number-filter.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemText from '@mui/material/ListItemText';
+var items = [
+    'Equal',
+    'Does not equal',
+    'Greater than',
+    'Greater than or equal to',
+    'Less than',
+    'Less than or equal to',
+    'Between',
+];
+var NumberFilter = function () {
+    return (React.createElement(List, { sx: {
+            bgcolor: '#FFF',
+            position: 'absolute',
+            minHeight: '190px',
+            top: '0',
+            left: 'auto',
+            right: 'auto',
+            minWidth: '240px',
+            zIndex: '9',
+            padding: '5px 10px',
+            boxShadow: '0 0 10px #ccc',
+        } }, items.map(function (value, key) { return (React.createElement(ListItem, { key: key, disableGutters: true },
+        React.createElement(ListItemText, { primary: "".concat(value, "...") }))); })));
+};
+export default NumberFilter;
+//# sourceMappingURL=number-filter.js.map

package/dist/esm/components/DataGrid/base/number-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-filter.js","sourceRoot":"","sources":["../../../../../src/components/DataGrid/base/number-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,IAAI,MAAM,oBAAoB,CAAC;AACtC,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,4BAA4B,CAAC;AAGtD,IAAM,KAAK,GAAG;IACZ,OAAO;IACP,gBAAgB;IAChB,cAAc;IACd,0BAA0B;IAC1B,WAAW;IACX,uBAAuB;IACvB,SAAS;CACV,CAAC;AAEF,IAAM,YAAY,GAAgC;IAChD,OAAO,CACL,oBAAC,IAAI,IACH,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,OAAO;YAClB,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,eAAe;SAC3B,IAEA,KAAK,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,CACzB,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,EAAE,cAAc;QAChC,oBAAC,YAAY,IAAC,OAAO,EAAE,UAAG,KAAK,QAAK,GAAI,CAC/B,CACZ,EAJ0B,CAI1B,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/components/DataGrid/base/sorting.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SortingProps } from '@/interfaces';
+export declare function ArrowSmallUpIcon(props: any): React.JSX.Element;
+declare const Sorting: React.FC<SortingProps>;
+export default Sorting;

package/dist/esm/components/DataGrid/base/sorting.js

@@ -0,0 +1,15 @@
+import { __assign } from "tslib";
+import React from 'react';
+// import { Icons } from "@/components/Icons";
+export function ArrowSmallUpIcon(props) {
+    return (React.createElement("svg", __assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, props),
+        React.createElement("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M12 20.25a.75.75 0 01-.75-.75V6.31l-5.47 5.47a.75.75 0 01-1.06-1.06l6.75-6.75a.75.75 0 011.06 0l6.75 6.75a.75.75 0 11-1.06 1.06l-5.47-5.47V19.5a.75.75 0 01-.75.75z" })));
+}
+var Sorting = function (_a) {
+    var sort = _a.sort, active = _a.active;
+    var sortIcon = React.createElement(ArrowSmallUpIcon, null);
+    var opacityValue = active ? 1 : 0.5;
+    return (React.createElement("button", { type: "button", style: { opacity: opacityValue }, className: "arrows" }, sort && sortIcon));
+};
+export default Sorting;
+//# sourceMappingURL=sorting.js.map

package/dist/esm/components/DataGrid/base/sorting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sorting.js","sourceRoot":"","sources":["../../../../../src/components/DataGrid/base/sorting.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,8CAA8C;AAE9C,MAAM,UAAU,gBAAgB,CAAC,KAAU;IACzC,OAAO,CACL,sCAAK,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,iBAAa,MAAM,IAAK,KAAK;QAC1G,8BACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qKAAqK,GACvK,CACE,CACP,CAAC;AACJ,CAAC;AAED,IAAM,OAAO,GAA2B,UAAC,EAAgB;QAAd,IAAI,UAAA,EAAE,MAAM,YAAA;IACrD,IAAM,QAAQ,GAAG,oBAAC,gBAAgB,OAAG,CAAC;IACtC,IAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAEtC,OAAO,CACL,gCAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,SAAS,EAAC,QAAQ,IACvE,IAAI,IAAI,QAAQ,CACV,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/components/DataGrid/icons.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function FunnelIcon(props: any): React.JSX.Element;
+export declare function ArrowSmallUpIcon(props: any): React.JSX.Element;
+export declare function ArrowSmallDownIcon(props: any): React.JSX.Element;

package/dist/esm/components/DataGrid/icons.js

@@ -0,0 +1,15 @@
+import { __assign } from "tslib";
+import React from 'react';
+export function FunnelIcon(props) {
+    return (React.createElement("svg", __assign({ fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, props),
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z" })));
+}
+export function ArrowSmallUpIcon(props) {
+    return (React.createElement("svg", __assign({ fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, props),
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 19.5v-15m0 0l-6.75 6.75M12 4.5l6.75 6.75" })));
+}
+export function ArrowSmallDownIcon(props) {
+    return (React.createElement("svg", __assign({ fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, props),
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" })));
+}
+//# sourceMappingURL=icons.js.map

package/dist/esm/components/DataGrid/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/components/DataGrid/icons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,UAAU,CAAC,KAAU;IACnC,OAAO,CACL,sCACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,iBACtB,MAAM,IACd,KAAK;QAET,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,qSAAqS,GACvS,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,KAAU;IACzC,OAAO,CACL,sCACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,iBACtB,MAAM,IACd,KAAK;QAET,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,8CAA8C,GAAG,CAClG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAU;IAC3C,OAAO,CACL,sCACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,iBACtB,MAAM,IACd,KAAK;QAET,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,6CAA6C,GAAG,CACjG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/DataGrid/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DataGridBaseProps } from '../../interfaces';
+export declare function ArrowSmallUpIcon(props: any): React.JSX.Element;
+export declare function Cog6ToothIcon(props: any): React.JSX.Element;
+export declare const DataGrid: React.FC<DataGridBaseProps>;

package/dist/esm/components/DataGrid/index.js

@@ -0,0 +1,136 @@
+import { __assign } from "tslib";
+import React, { useEffect, useState, useRef } from 'react';
+import { Box, Stack, Paper } from '@mui/material';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import ArrowDropUpIcon from '@mui/icons-material/ArrowDropUp';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import DropdownFilter from './base/dropdown';
+import { Pagination as MuiPagination } from '@mui/material';
+import { filterDataSource, groupByDataSource, sortDataSourceByColumn } from './shared';
+import { ButtonStyled, DataGridHeaderStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, TotalRecordsStyled, TableCellBodyStyled } from './styled';
+export function ArrowSmallUpIcon(props) {
+    return (React.createElement("svg", __assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, props),
+        React.createElement("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M12 20.25a.75.75 0 01-.75-.75V6.31l-5.47 5.47a.75.75 0 01-1.06-1.06l6.75-6.75a.75.75 0 011.06 0l6.75 6.75a.75.75 0 11-1.06 1.06l-5.47-5.47V19.5a.75.75 0 01-.75.75z" })));
+}
+export function Cog6ToothIcon(props) {
+    return (React.createElement("svg", __assign({ fill: "none", stroke: "currentColor", strokeWidth: 1.5, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, props),
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" }),
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })));
+}
+// const dataSource = generateRandomDataSource(30);
+export var DataGrid = function (_a) {
+    var _b = _a.data, data = _b === void 0 ? [] : _b, onRowClick = _a.onRowClick;
+    var pageSize = 10;
+    var columns = data[0].columns;
+    var dataSource = data[0].dataSource;
+    var _c = useState([]), selectedItems = _c[0], setSelectedItems = _c[1];
+    var _d = useState('down'), sorting = _d[0], setSorting = _d[1];
+    var _e = useState(false), selectAll = _e[0], setSelectAll = _e[1];
+    var _f = useState('id'), currentActiveSorting = _f[0], setCurrentActiveSorting = _f[1];
+    var _g = useState(null), currentDropDownActive = _g[0], setCurrentDropDownActive = _g[1];
+    var _h = useState(dataSource), originalDataSource = _h[0], setOriginalDataSource = _h[1];
+    var _j = useState(dataSource), newDataSource = _j[0], setDataSource = _j[1];
+    var _k = useState(dataSource.length), totalRecords = _k[0], setTotalRecords = _k[1];
+    var _l = useState(Math.ceil(dataSource.length / pageSize)), totalPages = _l[0], setTotalPages = _l[1];
+    var _m = useState(1), currentPage = _m[0], setCurrentPage = _m[1];
+    var startIndex = (currentPage - 1) * pageSize;
+    var endIndex = Math.min(startIndex + pageSize, totalRecords);
+    var sortRefs = useRef(new Array(columns.length).fill(null));
+    var handleItemSelected = function (items) {
+        setSelectedItems(items);
+    };
+    var handleDropDown = function (item) {
+        setCurrentDropDownActive(item === currentDropDownActive ? null : item);
+        if (item !== currentDropDownActive) {
+            setCurrentActiveSorting(item);
+            setSorting('down');
+        }
+    };
+    var handleSorting = function (sort) {
+        setSorting(sort === 'up' ? 'up' : 'down');
+        currentDropDownActive && setCurrentActiveSorting(currentDropDownActive);
+        handleDropDown(currentDropDownActive);
+    };
+    var handleFilter = function (filter) {
+        var dataSourceFiltered = filterDataSource(originalDataSource, currentActiveSorting, filter);
+        setOriginalDataSource(dataSourceFiltered);
+        setCurrentPage(1);
+    };
+    var handleFilterSelected = function () {
+        if (selectedItems.length > 0) {
+            var filteredData = originalDataSource.filter(function (item) {
+                var columnValue = currentActiveSorting ? item[currentActiveSorting] : undefined;
+                if (typeof columnValue === 'string') {
+                    return selectedItems.includes(columnValue);
+                }
+                else if (typeof columnValue === 'number') {
+                    return selectedItems.includes(columnValue.toString());
+                }
+                return false;
+            });
+            var sortedData = sortDataSourceByColumn(filteredData, currentActiveSorting, sorting);
+            setTotalRecords(sortedData.length);
+            setTotalPages(Math.ceil(sortedData.length / pageSize));
+            setCurrentPage(1);
+            setDataSource(sortedData.slice(startIndex, endIndex));
+        }
+        else {
+            var sortedData = sortDataSourceByColumn(dataSource, currentActiveSorting, sorting);
+            setTotalRecords(sortedData.length);
+            setTotalPages(Math.ceil(sortedData.length / pageSize));
+            setCurrentPage(1);
+            setDataSource(sortedData.slice(startIndex, endIndex));
+        }
+        handleDropDown(currentDropDownActive);
+    };
+    var handleChangePage = function (page) {
+        setCurrentPage(page);
+        var startIndex = (page - 1) * pageSize;
+        var endIndex = Math.min(startIndex + pageSize, totalRecords);
+        setDataSource(originalDataSource.slice(startIndex, endIndex));
+    };
+    useEffect(function () {
+        if (selectedItems.length <= 0) {
+            var sortedData = sortDataSourceByColumn(dataSource, currentActiveSorting, sorting);
+            setDataSource(sortedData.slice(startIndex, endIndex));
+            setTotalRecords(sortedData.length);
+            setTotalPages(Math.ceil(sortedData.length / pageSize));
+            setCurrentPage(1);
+        }
+    }, [selectedItems]);
+    return (React.createElement(Box, { sx: { width: '100%', minHeight: 480 } },
+        React.createElement(DataGridHeaderStyled, null,
+            React.createElement(TotalRecordsStyled, null,
+                totalRecords,
+                " results found for this search"),
+            React.createElement(HeaderCogStyled, { type: "button" },
+                React.createElement(Cog6ToothIcon, { width: 24, height: 24 }))),
+        React.createElement(TableContainer, { component: Paper, sx: { overflowX: 'inherit' } },
+            React.createElement(Table, { sx: { minWidth: 650, width: '100%' }, "aria-label": "a dense table" },
+                React.createElement(TableHead, null,
+                    React.createElement(TableRow, null, columns &&
+                        columns.map(function (item, key) { return (React.createElement(TableCellStyled, { key: key, ref: function (ref) { return (sortRefs.current[key] = ref); } },
+                            React.createElement(Stack, { direction: "row", spacing: 2, sx: { position: 'relative' } },
+                                React.createElement(ButtonStyled, { variant: "text", size: "small", color: currentActiveSorting === item.field ? 'primary' : 'inherit', endIcon: currentActiveSorting === item.field && sorting === 'up' ? (React.createElement(ArrowDropUpIcon, null)) : (React.createElement(ArrowDropDownIcon, null)), onClick: function () {
+                                        handleDropDown(item.field);
+                                    } }, item.headerText),
+                                currentDropDownActive && currentDropDownActive === item.field && (React.createElement(DropdownFilter, { format: item.format, onOrder: handleSorting, onFilter: handleFilter, onSelected: handleItemSelected, itemsSelected: selectedItems, onFilterSelected: handleFilterSelected, onChecketAll: setSelectAll, onSelectAll: selectAll, data: groupByDataSource(dataSource, item.field) }))))); }))),
+                React.createElement(TableBody, null, newDataSource &&
+                    newDataSource.map(function (item, key) { return (React.createElement(TableRowStyled, { key: key, sx: { '&:last-child td, &:last-child th': { border: 0 } } }, Object.keys(item).map(function (columnKey) {
+                        var _a;
+                        return (React.createElement(TableCellBodyStyled, { className: !!onRowClick ? 'is-interactive' : '', onClick: function (e) { !!onRowClick && onRowClick(e); }, component: "th", scope: "row", key: columnKey, sx: { textAlign: ((_a = columns.find(function (c) { return c.field === columnKey; })) === null || _a === void 0 ? void 0 : _a.textAlign) || "center" } }, item[columnKey]));
+                    }))); }))),
+            React.createElement(Stack, { spacing: 2, sx: {
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    borderTop: '1px solid #ccc',
+                    padding: 2,
+                } },
+                React.createElement(MuiPagination, { variant: "outlined", shape: "rounded", count: totalPages, page: currentPage, onChange: function (_event, page) { return handleChangePage(page); } })))));
+};
+//# sourceMappingURL=index.js.map