norma-library 0.4.7 → 0.4.9

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/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,sCACE,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B,iBACtB,MAAM,IACd,KAAK;QAET,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,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,8CAA8C,GAChD,CACE,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,8BACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,6CAA6C,GAC/C,CACE,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,146 @@
+import { __assign } from "tslib";
+import React, { useEffect, useMemo, useState, useRef } from "react";
+import { Box, Stack, ThemeProvider, useMediaQuery, Paper } from "@mui/material";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+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 { themes } from "../../helpers";
+import DropdownFilter from "./base/dropdown";
+import { Pagination as MuiPagination } from "@mui/material";
+import { filterDataSource, generateRandomDataSource, groupByDataSource, sortDataSourceByColumn, } from "./shared";
+import { ButtonStyled, DataGridHeaderStyled, HeaderCogStyled, TableCellStyled, TableRowStyled, TotalRecordsStyled, } 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" })));
+}
+var dataSource = generateRandomDataSource(30);
+export var DataGrid = function (_a) {
+    var _b = _a.data, data = _b === void 0 ? [] : _b;
+    var prefersDarkMode = useMediaQuery("(prefers-color-scheme: dark)");
+    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.light); }, [prefersDarkMode]);
+    var pageSize = 10;
+    var columns = data[0].columns;
+    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(ThemeProvider, { theme: theme },
+        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) { return (React.createElement(TableCell, { component: "th", scope: "row", key: columnKey }, 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

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

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

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

@@ -0,0 +1,20 @@
+import { DataSourceItem } from "@/interfaces";
+export declare function groupByDataSource(dataSource: DataSourceItem[], key: string): (string | number)[];
+export declare function sortDataSourceByColumn(jsonData: any[], column: string, order: string): any[];
+export declare function filterDataSource(dataSource: DataSourceItem[], column: string, filter: string, exactTime?: boolean): DataSourceItem[];
+export declare function filterItemsByColumn(dataSource: any[], column: string, filterValues: any[]): any[];
+export declare function generateRandomDataSource(numRows: number): {
+    data: string;
+    duration: string;
+    campanha: any;
+    agente: any;
+    ani: number;
+    dnis: number;
+    disposition: any;
+    origem: number;
+    id: number;
+}[];
+export declare function generateRandomDate(): string;
+export declare function generateRandomDuration(): string;
+export declare function generateRandomNumber(min: number, max: number): number;
+export declare function getRandomElement(array: any[]): any;