norma-library 0.6.89 → 0.6.91

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

@@ -1,7 +1,8 @@
-import Pagination from "./pagination";
-import Header from "./header";
+import Pagination from "./pagination/pagination";
+import Header from "./header/header";
 import SimpleRow from "./row/SimpleRow";
 import DraggableRow from "./row/DraggableRow";
 import RowDragHandleCell from "./row/RowDragHandleCell";
-export { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell };
+import TableButton from "./TableButton/TableButton";
+export { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell, TableButton };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/UncontrolledTable/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AAExD,OAAO,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,YAAY,EACZ,iBAAiB,EAClB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/UncontrolledTable/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAGpD,OAAO,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACZ,CAAA"}

package/dist/esm/components/UncontrolledTable/components/pagination/pagination.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface PaginationProps {
+    count: number;
+    pagination: {
+        pageIndex: number;
+        pageSize: number;
+    };
+    onChangePage: (page: number) => void;
+}
+declare const Pagination: (props: PaginationProps) => React.JSX.Element;
+export default Pagination;

package/dist/esm/components/UncontrolledTable/components/pagination/pagination.js

@@ -0,0 +1,18 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { Pagination as MuiPagination, PaginationItem } from '@mui/material';
+import * as S from './pagination.styles';
+var Pagination = function (props) {
+    var count = props.count, pagination = props.pagination, onChangePage = props.onChangePage;
+    var PreviousPagination = function () {
+        return React.createElement("span", null, '<');
+    };
+    var NextPagination = function () {
+        return React.createElement("span", null, '>');
+    };
+    return (React.createElement(S.Pagination, null,
+        React.createElement("div", { className: "content" },
+            React.createElement(MuiPagination, { onChange: function (_event, page) { return onChangePage(page); }, page: pagination.pageIndex, count: count, renderItem: function (item) { return (React.createElement(PaginationItem, __assign({ classes: { root: 'button', selected: 'button-active' }, slots: { previous: PreviousPagination, next: NextPagination }, sx: { height: '35px', minWidth: '35px' } }, item))); } }))));
+};
+export default Pagination;
+//# sourceMappingURL=pagination.js.map

package/dist/esm/components/UncontrolledTable/components/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/pagination.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,KAAK,CAAC,MAAM,qBAAqB,CAAC;AAQzC,IAAM,UAAU,GAAG,UAAC,KAAsB;IAChC,IAAA,KAAK,GAA+B,KAAK,MAApC,EAAE,UAAU,GAAmB,KAAK,WAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAW;IAElD,IAAM,kBAAkB,GAAkB;QACxC,OAAO,kCAAO,GAAG,CAAQ,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,cAAc,GAAkB;QACpC,OAAO,kCAAO,GAAG,CAAQ,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,UAAU;QACX,6BAAK,SAAS,EAAC,SAAS;YACtB,oBAAC,aAAa,IACZ,QAAQ,EAAE,UAAC,MAAkC,EAAE,IAAY,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EAClF,IAAI,EAAE,UAAU,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAC,IAAS,IAAK,OAAA,CACzB,oBAAC,cAAc,aACb,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,EACtD,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,IAAI,EAAE,cAAc,EAAE,EAC7D,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IACpC,IAAI,EACR,CACH,EAP0B,CAO1B,GACD,CACE,CACO,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/esm/components/UncontrolledTable/components/pagination/pagination.styles.d.ts

@@ -0,0 +1 @@
+export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/UncontrolledTable/components/pagination/pagination.styles.js

@@ -0,0 +1,5 @@
+import { __makeTemplateObject } from "tslib";
+import styled from "styled-components";
+export var Pagination = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: center;\n  .content {\n    display: flex;\n    gap: 8px;\n    .button {\n      border: 1px solid #E8E9EC;\n      background: #fff;\n      border-radius: 4px;\n      color: #4D4F5C;\n      cursor: pointer;\n      &:disabled {\n        opacity: 0.4;\n      }\n    }\n    .button-active {\n      border: 1px solid #FFDB9F;\n      background: #FFDB9F;\n      color: #B74616;\n      border-radius: 4px;\n      cursor: pointer;\n    }\n  }\n"], ["\n  width: 100%;\n  margin: 24px 0 0 0;\n  display: flex;\n  justify-content: center;\n  .content {\n    display: flex;\n    gap: 8px;\n    .button {\n      border: 1px solid #E8E9EC;\n      background: #fff;\n      border-radius: 4px;\n      color: #4D4F5C;\n      cursor: pointer;\n      &:disabled {\n        opacity: 0.4;\n      }\n    }\n    .button-active {\n      border: 1px solid #FFDB9F;\n      background: #FFDB9F;\n      color: #B74616;\n      border-radius: 4px;\n      cursor: pointer;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=pagination.styles.js.map

package/dist/esm/components/UncontrolledTable/components/pagination/pagination.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/pagination/pagination.styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,skBAAA,mgBA0BnC,IAAA,CAAA"}

package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js

@@ -15,7 +15,7 @@ var DraggableRow = function (_a) {
         zIndex: isDragging ? 1 : 0,
         position: 'relative',
     };
-    return (React.createElement(S.Tr, { "$hasAction": !!onClick || !!onMouseOver || !!onMouseOut, ref: setNodeRef, style: style }, row.getVisibleCells().map(function (cell) { return (React.createElement(S.Td, { key: cell.id, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, cell.column.columnDef.type == 'action'
+    return (React.createElement(S.Tr, { ref: setNodeRef, style: style }, row.getVisibleCells().map(function (cell) { return (React.createElement(S.Td, { key: cell.id, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }, cell.column.columnDef.type == 'action'
         ? cell.getValue()
         : flexRender(cell.column.columnDef.cell, cell.getContext()))); })));
 };

package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/DraggableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAM,YAAY,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACpE,IAAA,KAAoD,WAAW,CAAC;QACpE,EAAE,EAAE,GAAG,CAAC,EAAE;KACX,CAAC,EAFM,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAEnD,CAAC;IAEH,IAAM,KAAK,GAAkB;QAC3B,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1B,QAAQ,EAAE,UAAU;KACrB,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,kBAAa,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IACxF,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACxC,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,IACnF,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;QACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;QACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,EANyC,CAMzC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DraggableRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/DraggableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AAExC,IAAM,YAAY,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACpE,IAAA,KAAoD,WAAW,CAAC;QACpE,EAAE,EAAE,GAAG,CAAC,EAAE;KACX,CAAC,EAFM,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAEnD,CAAA;IAEF,IAAM,KAAK,GAAkB;QAC3B,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC5C,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1B,QAAQ,EAAE,UAAU;KACrB,CAAA;IAED,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,IAChC,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACxC,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,IACnF,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;QACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;QACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,EANyC,CAMzC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js

@@ -3,7 +3,7 @@ import { flexRender } from '@tanstack/react-table';
 import * as S from './styles';
 var SimpleRow = function (_a) {
     var row = _a.row, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
-    return (React.createElement(S.Tr, { "$hasAction": !!onClick || !!onMouseOver || !!onMouseOut, onClick: function () { return (onClick ? onClick(row.original) : null); }, onMouseOver: function () { return (onMouseOver ? onMouseOver(row.original) : null); }, onMouseOut: function () { return (onMouseOut ? onMouseOut(row.original) : null); } }, row.getVisibleCells().map(function (cell, index) {
+    return (React.createElement(S.Tr, { onClick: function () { return (onClick ? onClick(row.original) : null); }, onMouseOver: function () { return (onMouseOver ? onMouseOver(row.original) : null); }, onMouseOut: function () { return (onMouseOut ? onMouseOut(row.original) : null); } }, row.getVisibleCells().map(function (cell, index) {
         return (React.createElement(S.Td, { key: index }, cell.column.columnDef.type == 'action'
             ? cell.getValue()
             : flexRender(cell.column.columnDef.cell, cell.getContext())));

package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/SimpleRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,IAAM,SAAS,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACvE,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,kBACS,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,EACtD,OAAO,EAAE,cAAM,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAxC,CAAwC,EACvD,WAAW,EAAE,cAAM,OAAA,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAhD,CAAgD,EACnE,UAAU,EAAE,cAAM,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAA9C,CAA8C,IAE/D,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;QAClD,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,KAAK,IACb,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;YACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,CAAC;IACJ,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SimpleRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/SimpleRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,IAAM,SAAS,GAAkB,UAAC,EAAyC;QAAvC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA;IACvE,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IACH,OAAO,EAAE,cAAM,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAxC,CAAwC,EACvD,WAAW,EAAE,cAAM,OAAA,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAhD,CAAgD,EACnE,UAAU,EAAE,cAAM,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAA9C,CAA8C,IAE/D,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;QAClD,OAAO,CACL,oBAAC,CAAC,CAAC,EAAE,IAAC,GAAG,EAAE,KAAK,IACb,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,IAAI,QAAQ;YACrC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CACxD,CACR,CAAA;IACH,CAAC,CAAC,CACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/esm/components/UncontrolledTable/components/row/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
 export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;

package/dist/esm/components/UncontrolledTable/components/row/styles.js

@@ -1,12 +1,6 @@
 import { __makeTemplateObject } from "tslib";
-import { breakpoints } from '../../../../utils/styledBreakpoints';
 import styled from 'styled-components';
-export var Tr = styled.tr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n  &:nth-of-type(even) {\n    background-color: #fafafa;\n  }\n"], ["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n  &:nth-of-type(even) {\n    background-color: #fafafa;\n  }\n"])));
-export var Td = styled.td(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: #666666;\n  font-size: 0.875rem;\n"], ["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: #666666;\n  font-size: 0.875rem;\n"])), breakpoints({
-    cssProp: 'padding',
-    cssPropUnits: 'px',
-    values: [{ 1440: 8 }],
-    mediaQueryType: 'max-width',
-}));
+export var Tr = styled.tr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n"], ["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n"])));
+export var Td = styled.td(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 8px;\n  color: #666666;\n  font-size: 0.875rem;\n"], ["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 8px;\n  color: #666666;\n  font-size: 0.875rem;\n"])));
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/UncontrolledTable/components/row/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,yNAAK,sJAQ/B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,6WAAA,wPAUvB,EAKA,gDAGH,KARG,WAAW,CAAC;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,cAAc,EAAE,WAAW;CAC5B,CAAC,CAGH,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAK1B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,mWAAA,gSAY1B,IAAA,CAAA"}

package/dist/esm/components/UncontrolledTable/interface.d.ts

@@ -1,38 +1,55 @@
 import { ColumnDef } from '@tanstack/react-table';
+import { JSX } from 'react';
 type Labels = {
     orderAsc: string;
     orderDesc: string;
     filter: string;
     clearFilter: string;
+    columns: string;
 };
 interface Pagination {
     pageIndex: number;
     pageSize: number;
 }
+interface Sticky {
+    enabled: boolean;
+    top: number;
+}
+export interface TableList {
+    id: string;
+    label: string;
+    onClick?: (id: string) => void;
+    checked?: () => boolean | boolean;
+    disabled?: boolean;
+}
+export interface TableButton {
+    render: () => JSX.Element;
+    list?: {
+        options: TableList[];
+        toggleableList?: boolean;
+    };
+    toggleableList?: boolean;
+    onClick?: () => void;
+}
 export interface UncontrolledTableProps {
     data: any;
     columns: ColumnDef<ColumnsTable>[];
-    onClick: any;
-    onMouseOver: any;
-    onMouseOut: any;
-    showTotalResults: boolean;
-    showSettings: boolean;
     pagination?: Pagination;
     totalPages: number;
-    showClearFields?: boolean;
-    customTotalResults?: string;
     labels?: Labels;
     tableClassName?: string;
-    stickyHeader?: boolean;
-    stickyHeaderP?: number;
-    customIcons?: React.ReactNode[];
-    hideColumns?: string[];
+    sticky?: Sticky;
     draggable?: boolean;
+    buttons?: TableButton[];
+    configs?: TableButton[];
+    hideColumns?: string[];
+    onClick?: () => void;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    onColumnVisibilityChange?: (column: string, value: boolean) => void;
     onChangePage: (pagination: Pagination) => void;
-    onClearFieldsClick?: () => void;
     onFilterClick?: (column: string) => void;
     onSortClick?: (column: string, direction: string) => void;
-    onColumnVisibilityChange?: (columnId: string, isVisible: boolean) => void;
     onDragEnd?: (data: any[]) => void;
 }
 export interface ColumnsTable {

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

@@ -10,6 +10,7 @@ interface Props extends MuiTabsBaseProps {
     color?: ColorVariant;
     variant?: TabsVariant;
     info?: React.ReactNode;
+    tabPanelSx?: SxProps<Theme>;
 }
 declare const UncontrolledTabs: ({ tabs, tab, color, onTabChange, info, ...props }: Props) => React.JSX.Element;
 export default UncontrolledTabs;

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js

@@ -4,8 +4,8 @@ import { Box } from '@mui/material';
 import { NormaTab, NormaTabs } from './UncontrolledTabs.style';
 import { NormaTabInfo } from './UncontrolledTabsInfo.style';
 function TabPanel(props) {
-    var children = props.children, value = props.value, index = props.index, other = __rest(props, ["children", "value", "index"]);
-    return (React.createElement("div", __assign({ role: "tabpanel", hidden: value !== index, id: "simple-tabpanel-".concat(index), "aria-labelledby": "simple-tab-".concat(index) }, other), value === index && React.createElement(Box, { sx: { p: 3 } }, children)));
+    var children = props.children, value = props.value, index = props.index, sx = props.sx, other = __rest(props, ["children", "value", "index", "sx"]);
+    return (React.createElement("div", __assign({ role: "tabpanel", hidden: value !== index, id: "simple-tabpanel-".concat(index), "aria-labelledby": "simple-tab-".concat(index) }, other), value === index && React.createElement(Box, { sx: __assign({ p: 3 }, sx) }, children)));
 }
 function a11yProps(index) {
     return {
@@ -25,7 +25,7 @@ var UncontrolledTabs = function (_a) {
                 info && React.createElement(NormaTabInfo, null, info))),
         tabs.map(function (item, key) {
             var _a;
-            return (React.createElement(TabPanel, __assign({}, (_a = item.tabPanel) === null || _a === void 0 ? void 0 : _a.props, { key: key, value: tab, index: key }), item.children));
+            return (React.createElement(TabPanel, __assign({}, (_a = item.tabPanel) === null || _a === void 0 ? void 0 : _a.props, { key: key, value: tab, index: key, sx: props.tabPanelSx }), item.children));
         })));
 };
 export default UncontrolledTabs;

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

@@ -1 +1 @@
-{"version":3,"file":"UncontrolledTabs.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAkB5D,SAAS,QAAQ,CAAC,KAAoB;IAC5B,IAAA,QAAQ,GAA6B,KAAK,SAAlC,EAAE,KAAK,GAAsB,KAAK,MAA3B,EAAE,KAAK,GAAe,KAAK,MAApB,EAAK,KAAK,UAAK,KAAK,EAA5C,8BAAoC,CAAF,CAAW;IAEnD,OAAO,CACL,sCACE,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,KAAK,KAAK,KAAK,EACvB,EAAE,EAAE,0BAAmB,KAAK,CAAE,qBACb,qBAAc,KAAK,CAAE,IAClC,KAAK,GAER,KAAK,KAAK,KAAK,IAAI,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAO,CACnD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAa;IAC9B,OAAO;QACL,EAAE,EAAE,qBAAc,KAAK,CAAE;QACzB,eAAe,EAAE,0BAAmB,KAAK,CAAE;KAC5C,CAAC;AACJ,CAAC;AAED,IAAM,gBAAgB,GAAG,UAAC,EAAoE;IAAlE,IAAA,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA3D,+CAA6D,CAAF;IACnF,IAAM,YAAY,GAAG,UAAC,KAAqB,EAAE,QAAgB;QAC3D,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QACxB,oBAAC,GAAG;YACF,oBAAC,SAAS,aAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,gBAAa,MAAM,IAAK,KAAK;gBACrF,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACvB,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAM,SAAS,CAAC,GAAG,CAAC,EAAI,CAC5E,EAFwB,CAExB,CAAC;gBACD,IAAI,IAAI,oBAAC,YAAY,QAAE,IAAI,CAAgB,CAClC,CACR;QACL,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG;;YAAK,OAAA,CACvB,oBAAC,QAAQ,eAAK,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KACjE,IAAI,CAAC,QAAQ,CACL,CACZ,CAAA;SAAA,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"UncontrolledTabs.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAoB5D,SAAS,QAAQ,CAAC,KAAoB;IAC5B,IAAA,QAAQ,GAAiC,KAAK,SAAtC,EAAE,KAAK,GAA0B,KAAK,MAA/B,EAAE,KAAK,GAAmB,KAAK,MAAxB,EAAE,EAAE,GAAe,KAAK,GAApB,EAAK,KAAK,UAAK,KAAK,EAAhD,oCAAwC,CAAF,CAAW;IAEvD,OAAO,CACL,sCACE,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,KAAK,KAAK,KAAK,EACvB,EAAE,EAAE,0BAAmB,KAAK,CAAE,qBACb,qBAAc,KAAK,CAAE,IAClC,KAAK,GAER,KAAK,KAAK,KAAK,IAAI,oBAAC,GAAG,IAAC,EAAE,aAAI,CAAC,EAAE,CAAC,IAAK,EAAE,KAAK,QAAQ,CAAO,CAC1D,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAa;IAC9B,OAAO;QACL,EAAE,EAAE,qBAAc,KAAK,CAAE;QACzB,eAAe,EAAE,0BAAmB,KAAK,CAAE;KAC5C,CAAC;AACJ,CAAC;AAED,IAAM,gBAAgB,GAAG,UAAC,EAAoE;IAAlE,IAAA,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA3D,+CAA6D,CAAF;IACnF,IAAM,YAAY,GAAG,UAAC,KAAqB,EAAE,QAAgB;QAC3D,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QACxB,oBAAC,GAAG;YACF,oBAAC,SAAS,aAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,gBAAa,MAAM,IAAK,KAAK;gBACrF,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACvB,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAM,SAAS,CAAC,GAAG,CAAC,EAAI,CAC5E,EAFwB,CAExB,CAAC;gBACD,IAAI,IAAI,oBAAC,YAAY,QAAE,IAAI,CAAgB,CAClC,CACR;QACL,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG;;YAAK,OAAA,CACvB,oBAAC,QAAQ,eAAK,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,CAAC,UAAU,KACvF,IAAI,CAAC,QAAQ,CACL,CACZ,CAAA;SAAA,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/hooks/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../src/hooks/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,IAAM,eAAe,GAAG,UAAC,GAAwC,EAAE,QAAoB;IACrF,IAAM,kBAAkB,GAAG,UAAC,KAAiB;QAC3C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YAC/D,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AACtB,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../src/hooks/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,IAAM,eAAe,GAAG,UAAC,GAAwC,EAAE,QAAoB;IACrF,IAAM,kBAAkB,GAAG,UAAC,KAAiB;QAC3C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YAC/D,QAAQ,EAAE,CAAA;QACZ,CAAC;IACH,CAAC,CAAA;IAED,SAAS,CAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC1D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC/D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAA;AACrB,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/esm/hooks/useOutsideScreen.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+/**
+ * Hook that detects when an element is partially visible in the viewport
+ * @param elementRef - Reference to the DOM element to observe
+ * @returns boolean indicating if the element is partially visible in the viewport
+ */
+export declare const usePartiallyVisible: (elementRef: RefObject<HTMLElement | null>) => boolean;

package/dist/esm/hooks/useOutsideScreen.js

@@ -0,0 +1,30 @@
+import { useState, useEffect } from 'react';
+/**
+ * Hook that detects when an element is partially visible in the viewport
+ * @param elementRef - Reference to the DOM element to observe
+ * @returns boolean indicating if the element is partially visible in the viewport
+ */
+export var usePartiallyVisible = function (elementRef) {
+    var _a = useState(false), isPartiallyVisible = _a[0], setIsPartiallyVisible = _a[1];
+    useEffect(function () {
+        var element = elementRef.current;
+        if (!element)
+            return;
+        var observer = new IntersectionObserver(function (_a) {
+            var entry = _a[0];
+            // Element is partially visible if it's intersecting but not completely visible
+            var isPartial = entry.isIntersecting && entry.intersectionRatio < 1.0;
+            setIsPartiallyVisible(isPartial);
+        }, {
+            root: null, // Use the viewport as the root
+            threshold: [0, 1.0], // Check at these thresholds to determine partial visibility
+        });
+        observer.observe(element);
+        return function () {
+            if (element)
+                observer.unobserve(element);
+        };
+    }, [elementRef]);
+    return isPartiallyVisible;
+};
+//# sourceMappingURL=useOutsideScreen.js.map

package/dist/esm/hooks/useOutsideScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideScreen.js","sourceRoot":"","sources":["../../../src/hooks/useOutsideScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAEtD;;;;GAIG;AACH,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,UAAyC;IACnE,IAAA,KAA8C,QAAQ,CAAU,KAAK,CAAC,EAArE,kBAAkB,QAAA,EAAE,qBAAqB,QAA4B,CAAA;IAE5E,SAAS,CAAC;QACN,IAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;QAClC,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,IAAM,QAAQ,GAAG,IAAI,oBAAoB,CACrC,UAAC,EAAO;gBAAN,KAAK,QAAA;YACH,+EAA+E;YAC/E,IAAM,SAAS,GAAG,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,iBAAiB,GAAG,GAAG,CAAA;YACvE,qBAAqB,CAAC,SAAS,CAAC,CAAA;QACpC,CAAC,EACD;YACI,IAAI,EAAE,IAAI,EAAE,+BAA+B;YAC3C,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,4DAA4D;SACpF,CACJ,CAAA;QAED,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAEzB,OAAO;YACH,IAAI,OAAO;gBAAE,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QAC5C,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,kBAAkB,CAAA;AAC7B,CAAC,CAAA"}

package/dist/esm/index.d.ts

@@ -25,7 +25,7 @@ import MultiSelectInput from './components/MultiSelectInput';
 import { Title, Text } from './components/Typography';
 import TextInput from './components/TextInput';
 import Table from './components/Table';
-import UncontrolledTable from './components/UncontrolledTable';
+import UncontrolledTable from './components/UncontrolledTable/UncontrolledTable';
 import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
 import { TimeLine, TimeLineData } from './components/TimeLine/TimeLine';
 import { ModalStatus } from './components/StatusModal/StatusModal';

package/dist/esm/index.js

@@ -25,7 +25,7 @@ import MultiSelectInput from './components/MultiSelectInput';
 import { Title, Text } from './components/Typography';
 import TextInput from './components/TextInput';
 import Table from './components/Table';
-import UncontrolledTable from './components/UncontrolledTable';
+import UncontrolledTable from './components/UncontrolledTable/UncontrolledTable';
 import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
 import { TimeLine } from './components/TimeLine/TimeLine';
 import { ModalStatus } from './components/StatusModal/StatusModal';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAClH,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,gBAAgB,MAAM,gDAAgD,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAgB,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,aAAa,EACb,MAAM,EACN,SAAS,EACT,GAAG,EACH,UAAU,EACV,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,uBAAuB,EACvB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACL,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,GAET,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAClH,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,GAAG,MAAM,kBAAkB,CAAC;AACnC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,iBAAiB,MAAM,kDAAkD,CAAC;AACjF,OAAO,gBAAgB,MAAM,gDAAgD,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAgB,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,UAAU,EACV,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,aAAa,EACb,MAAM,EACN,SAAS,EACT,GAAG,EACH,UAAU,EACV,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,uBAAuB,EACvB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACL,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,GAET,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "norma-library",
-  "version": "0.6.89",
+  "version": "0.6.91",
   "private": false,
   "description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
   "scripts": {
@@ -93,7 +93,7 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.11.0",
+    "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^5.14.9",
     "@mui/lab": "^5.0.0-alpha.152",
     "@mui/material": "^5.16.7",
@@ -104,7 +104,7 @@
     "react-datepicker": "^7.5.0",
     "react-i18next": "^15.4.0",
     "react-select": "^5.8.0",
-    "styled-components": "^6.1.0",
+    "styled-components": "^6.1.18",
     "tslib": "^2.6.2"
   },
   "peerDependencies": {

package/src/components/Accordion.tsx

@@ -1,29 +1,33 @@
-import React from 'react';
+import React from 'react'
 import {
   AccordionDetails,
   AccordionSummary,
   Accordion as MuiAccordion,
-  Typography
-} from '@mui/material';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import { AccordionBaseProps } from '../interfaces';
-import { styled } from '@mui/material/styles';
+  Typography,
+} from '@mui/material'
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import { AccordionBaseProps } from '../interfaces'
+import { styled } from '@mui/material/styles'
 
-const AccordionStyled = styled(MuiAccordion)({});
+const AccordionStyled = styled(MuiAccordion)({})
 
 export const Accordion = ({ data = [], defaultExpanded = false, ...props }: AccordionBaseProps) => {
-  const [expanded, setExpanded] = React.useState<boolean | string>(defaultExpanded);
+  const [expanded, setExpanded] = React.useState<boolean | string>(defaultExpanded)
 
-  const handleChange = (panel: string) => (event: React.SyntheticEvent, isExpanded: boolean) => {
-    console.log('Event ==> ', event);
-    setExpanded(isExpanded ? panel : false);
-  };
+  const handleChange = (panel: string) => (_: any, isExpanded: boolean) => {
+    setExpanded(isExpanded ? panel : false)
+  }
 
   return (
     <>
       {data &&
         data.map((item, key) => (
-          <AccordionStyled expanded={expanded === item.id} onChange={handleChange(item.id)} key={key} {...props}>
+          <AccordionStyled
+            expanded={expanded === item.id}
+            onChange={handleChange(item.id)}
+            key={key}
+            {...props}
+          >
             <AccordionSummary
               expandIcon={<ExpandMoreIcon />}
               aria-controls={`panel-${key}-content`}
@@ -35,5 +39,5 @@ export const Accordion = ({ data = [], defaultExpanded = false, ...props }: Acco
           </AccordionStyled>
         ))}
     </>
-  );
-};
+  )
+}

package/src/components/ProgressBar.tsx

@@ -1,22 +1,24 @@
-import React from 'react';
-import styled from 'styled-components';
+import React from 'react'
+import styled from 'styled-components'
 
-import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography } from '@mui/material';
-import { ProgressBarBaseProps, CustomColor } from '../interfaces';
+import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography } from '@mui/material'
+import { ProgressBarBaseProps, CustomColor } from '../interfaces'
 
-const ProgressBarStyled = styled(MuiProgressBar)<{ colorCustom?: CustomColor; $h?: number }>(({ colorCustom, $h }) => ({
-  width: '100%',
-  height: $h ? `${$h}px` : '10px',
-  borderRadius: '10px',
-  position: 'relative',
-  backgroundColor: colorCustom ? colorCustom.root : undefined,
-  [`&.${linearProgressClasses.determinate}`]: {
+const ProgressBarStyled = styled(MuiProgressBar)<{ colorCustom?: CustomColor; $h?: number }>(
+  ({ colorCustom, $h }) => ({
+    width: '100%',
+    height: $h ? `${$h}px` : '10px',
+    borderRadius: '10px',
+    position: 'relative',
     backgroundColor: colorCustom ? colorCustom.root : undefined,
-  },
-  [`& .${linearProgressClasses.bar}`]: {
-    backgroundColor: colorCustom ? colorCustom.bar : undefined,
-  },
-}));
+    [`&.${linearProgressClasses.determinate}`]: {
+      backgroundColor: colorCustom ? colorCustom.root : undefined,
+    },
+    [`& .${linearProgressClasses.bar}`]: {
+      backgroundColor: colorCustom ? colorCustom.bar : undefined,
+    },
+  }),
+)
 
 const ProgressBarLabelStyled = styled(Typography)<{ $fSize?: string }>`
   display: flex;
@@ -26,7 +28,7 @@ const ProgressBarLabelStyled = styled(Typography)<{ $fSize?: string }>`
   position: relative;
   text-align: left;
   font-size: ${({ $fSize }) => $fSize || '1rem'};
-`;
+`
 
 export const ProgressBar = ({
   value = 0,
@@ -40,20 +42,18 @@ export const ProgressBar = ({
   htmlLabel,
   ...props
 }: ProgressBarBaseProps) => {
-  const percentage = value && total ? (value / total) * 100 : 0;
+  const percentage = value && total ? (value / total) * 100 : 0
 
   return (
     <div className={className} style={{ minWidth: '100px' }}>
       {label ? (
         <ProgressBarLabelStyled $fSize={props.fSize} className="ProgressBarLabel">
-          <>
-            {label}
-            {!props.hideValue && (
-              <span style={{ right: 0 }}>
-                {localeString ? value.toLocaleString() : value} ({percentage.toFixed(2)}%)
-              </span>
-            )}
-          </>
+          {label}
+          {!props.hideValue && (
+            <span style={{ right: 0 }}>
+              {localeString ? value.toLocaleString() : value} ({percentage.toFixed(2)}%)
+            </span>
+          )}
         </ProgressBarLabelStyled>
       ) : (
         htmlLabel
@@ -68,5 +68,5 @@ export const ProgressBar = ({
         {...props}
       />
     </div>
-  );
-};
+  )
+}

package/src/components/StatusModal/StatusModal.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactElement } from 'react';
 
 import { WarningRounded, CheckCircleRounded, InfoRounded } from '@mui/icons-material';
 
@@ -8,7 +8,7 @@ import { OnAction } from '@/types';
 
 interface ModalStatusProps {
   title: string;
-  text: string;
+  text: string | ReactElement;
   type: 'success' | 'info' | 'warning';
   actions: OnAction[];
   w?: string;

package/src/components/Svgs.tsx

@@ -681,17 +681,14 @@ export const iconsSVG = {
     </svg>
   ),
   olosJourneyX: (
-    <>
-      <svg xmlns="http://www.w3.org/2000/svg" width="26.052" height="22.796" viewBox="0 0 26.052 22.796">
+      <svg xmlns="http://www.w3.org/2000/svg" width="" height="" viewBox="0 0 26.052 22.796">
         <path
           id="Icon_metro-table"
           data-name="Icon metro-table"
           d="M2.571,3.856v22.8H28.623V3.856H2.571Zm9.77,14.654V13.626h6.513v4.885Zm6.513,1.628v4.885H12.34V20.139Zm0-13.026V12H12.34V7.113h6.513Zm-8.141,0V12H4.2V7.113h6.513ZM4.2,13.626h6.513v4.885H4.2V13.626Zm16.283,0h6.513v4.885H20.482V13.626Zm0-1.628V7.113h6.513V12ZM4.2,20.139h6.513v4.885H4.2V20.139Zm16.283,4.885V20.139h6.513v4.885Z"
           transform="translate(-2.571 -3.856)"
-          fill=""
         />
       </svg>
-    </>
   ),
   olosAnywhere: (
     <svg xmlns="http://www.w3.org/2000/svg" width="" height="" viewBox="0 0 21.917 30.298">
@@ -701,7 +698,6 @@ export const iconsSVG = {
           data-name="Icon material-phonelink-erase"
           d="M27.026,1.5H13.254A2.762,2.762,0,0,0,10.5,4.254V8.386h2.754V5.631H27.026V27.666H13.254V24.912H10.5v4.131A2.762,2.762,0,0,0,13.254,31.8H27.026a2.762,2.762,0,0,0,2.754-2.754V4.254A2.762,2.762,0,0,0,27.026,1.5Z"
           transform="translate(-4.5 -0.461)"
-          fill=""
         />
         <path
           id="Icon_awesome-map-marker-alt"

package/src/components/UncontrolledTable/{styles.tsx → UncontrolledTable.style.tsx}

@@ -3,6 +3,7 @@ import styled from 'styled-components';
 
 export const Container = styled.div`
   background-color: #fff;
+  padding: 15px;
 `;
 
 export const Table = styled.table`
@@ -18,11 +19,11 @@ const StickyStyles = (top: number) => `
   position: sticky;
   top: ${top}px;
   z-index: 1;
-  background: #fff;
 `;
 
 export const Thead = styled.thead<{ $sticky?: boolean, $stickyTopP?: number}>`
   display: table-header-group;
+  background-color: #fafafa;
   ${props => props.$sticky && StickyStyles(props.$stickyTopP || 0)};
 `;