norma-library 0.6.89 → 0.6.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/components/Accordion.js +2 -3
- package/dist/esm/components/Accordion.js.map +1 -1
- package/dist/esm/components/ProgressBar.js +6 -7
- package/dist/esm/components/ProgressBar.js.map +1 -1
- package/dist/esm/components/StatusModal/StatusModal.d.ts +2 -2
- package/dist/esm/components/StatusModal/StatusModal.js.map +1 -1
- package/dist/esm/components/Svgs.js +3 -4
- package/dist/esm/components/Svgs.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/UncontrolledTable.d.ts +4 -0
- package/dist/esm/components/UncontrolledTable/UncontrolledTable.js +120 -0
- package/dist/esm/components/UncontrolledTable/UncontrolledTable.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.d.ts +14 -0
- package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.js +22 -0
- package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.d.ts +13 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.js +31 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.d.ts +10 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.js +9 -0
- package/dist/esm/components/UncontrolledTable/components/TableButton/TableButton.style.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.d.ts +15 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.js +49 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.styles.d.ts +4 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.styles.js +8 -0
- package/dist/esm/components/UncontrolledTable/components/header/header.styles.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/index.d.ts +4 -3
- package/dist/esm/components/UncontrolledTable/components/index.js +4 -3
- package/dist/esm/components/UncontrolledTable/components/index.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/components/pagination/pagination.d.ts +11 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/pagination.js +18 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/pagination.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/pagination.styles.d.ts +1 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/pagination.styles.js +5 -0
- package/dist/esm/components/UncontrolledTable/components/pagination/pagination.styles.js.map +1 -0
- package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js +1 -1
- package/dist/esm/components/UncontrolledTable/components/row/DraggableRow.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js +1 -1
- package/dist/esm/components/UncontrolledTable/components/row/SimpleRow.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/components/row/styles.d.ts +1 -1
- package/dist/esm/components/UncontrolledTable/components/row/styles.js +2 -8
- package/dist/esm/components/UncontrolledTable/components/row/styles.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/interface.d.ts +27 -10
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.d.ts +1 -0
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js +3 -3
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js.map +1 -1
- package/dist/esm/hooks/useClickOutside.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/Accordion.tsx +19 -15
- package/src/components/ProgressBar.tsx +28 -28
- package/src/components/StatusModal/StatusModal.tsx +2 -2
- package/src/components/Svgs.tsx +1 -5
- package/src/components/UncontrolledTable/{styles.tsx → UncontrolledTable.style.tsx} +2 -1
- package/src/components/UncontrolledTable/{index.tsx → UncontrolledTable.tsx} +69 -87
- package/src/components/UncontrolledTable/components/TableButton/TableButton.style.tsx +48 -0
- package/src/components/UncontrolledTable/components/TableButton/TableButton.tsx +64 -0
- package/src/components/UncontrolledTable/components/header/header.styles.tsx +26 -0
- package/src/components/UncontrolledTable/components/header/header.tsx +85 -0
- package/src/components/UncontrolledTable/components/index.tsx +6 -3
- package/src/components/UncontrolledTable/components/pagination/{index.tsx → pagination.tsx} +1 -1
- package/src/components/UncontrolledTable/components/row/DraggableRow.tsx +11 -11
- package/src/components/UncontrolledTable/components/row/SimpleRow.tsx +7 -8
- package/src/components/UncontrolledTable/components/row/styles.tsx +5 -15
- package/src/components/UncontrolledTable/interface.ts +58 -38
- package/src/components/UncontrolledTabs/UncontrolledTabs.tsx +5 -3
- package/src/hooks/useClickOutside.tsx +9 -9
- package/src/index.ts +1 -1
- package/src/stories/ModalStatus.stories.tsx +8 -0
- package/src/stories/ProductCard.stories.tsx +1 -1
- package/src/stories/UncontrolledTable.stories.tsx +322 -20
- package/src/stories/UncontrolledTabs.stories.tsx +19 -1
- package/src/components/UncontrolledTable/components/header/index.tsx +0 -89
- package/src/components/UncontrolledTable/components/header/styles.tsx +0 -67
- /package/src/components/UncontrolledTable/components/pagination/{styles.tsx → pagination.styles.tsx} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/UncontrolledTable/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface PaginationProps {
|
|
3
|
+
count: number;
|
|
4
|
+
pagination: {
|
|
5
|
+
pageIndex: number;
|
|
6
|
+
pageSize: number;
|
|
7
|
+
};
|
|
8
|
+
onChangePage: (page: number) => void;
|
|
9
|
+
}
|
|
10
|
+
declare const Pagination: (props: PaginationProps) => React.JSX.Element;
|
|
11
|
+
export default Pagination;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Pagination as MuiPagination, PaginationItem } from '@mui/material';
|
|
4
|
+
import * as S from './pagination.styles';
|
|
5
|
+
var Pagination = function (props) {
|
|
6
|
+
var count = props.count, pagination = props.pagination, onChangePage = props.onChangePage;
|
|
7
|
+
var PreviousPagination = function () {
|
|
8
|
+
return React.createElement("span", null, '<');
|
|
9
|
+
};
|
|
10
|
+
var NextPagination = function () {
|
|
11
|
+
return React.createElement("span", null, '>');
|
|
12
|
+
};
|
|
13
|
+
return (React.createElement(S.Pagination, null,
|
|
14
|
+
React.createElement("div", { className: "content" },
|
|
15
|
+
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))); } }))));
|
|
16
|
+
};
|
|
17
|
+
export default Pagination;
|
|
18
|
+
//# sourceMappingURL=pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
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;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
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"])));
|
|
4
|
+
var templateObject_1;
|
|
5
|
+
//# sourceMappingURL=pagination.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -15,7 +15,7 @@ var DraggableRow = function (_a) {
|
|
|
15
15
|
zIndex: isDragging ? 1 : 0,
|
|
16
16
|
position: 'relative',
|
|
17
17
|
};
|
|
18
|
-
return (React.createElement(S.Tr, {
|
|
18
|
+
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'
|
|
19
19
|
? cell.getValue()
|
|
20
20
|
: flexRender(cell.column.columnDef.cell, cell.getContext()))); })));
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DraggableRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/DraggableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,
|
|
1
|
+
{"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"}
|
|
@@ -3,7 +3,7 @@ import { flexRender } from '@tanstack/react-table';
|
|
|
3
3
|
import * as S from './styles';
|
|
4
4
|
var SimpleRow = function (_a) {
|
|
5
5
|
var row = _a.row, onClick = _a.onClick, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut;
|
|
6
|
-
return (React.createElement(S.Tr, {
|
|
6
|
+
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) {
|
|
7
7
|
return (React.createElement(S.Td, { key: index }, cell.column.columnDef.type == 'action'
|
|
8
8
|
? cell.getValue()
|
|
9
9
|
: flexRender(cell.column.columnDef.cell, cell.getContext())));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleRow.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/SimpleRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
1
|
+
{"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web",
|
|
1
|
+
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;
|
|
2
2
|
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;
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import { breakpoints } from '../../../../utils/styledBreakpoints';
|
|
3
2
|
import styled from 'styled-components';
|
|
4
|
-
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
|
|
5
|
-
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:
|
|
6
|
-
cssProp: 'padding',
|
|
7
|
-
cssPropUnits: 'px',
|
|
8
|
-
values: [{ 1440: 8 }],
|
|
9
|
-
mediaQueryType: 'max-width',
|
|
10
|
-
}));
|
|
3
|
+
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"])));
|
|
4
|
+
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"])));
|
|
11
5
|
var templateObject_1, templateObject_2;
|
|
12
6
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/row/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"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"}
|
|
@@ -1,38 +1,55 @@
|
|
|
1
1
|
import { ColumnDef } from '@tanstack/react-table';
|
|
2
|
+
import { JSX } from 'react';
|
|
2
3
|
type Labels = {
|
|
3
4
|
orderAsc: string;
|
|
4
5
|
orderDesc: string;
|
|
5
6
|
filter: string;
|
|
6
7
|
clearFilter: string;
|
|
8
|
+
columns: string;
|
|
7
9
|
};
|
|
8
10
|
interface Pagination {
|
|
9
11
|
pageIndex: number;
|
|
10
12
|
pageSize: number;
|
|
11
13
|
}
|
|
14
|
+
interface Sticky {
|
|
15
|
+
enabled: boolean;
|
|
16
|
+
top: number;
|
|
17
|
+
}
|
|
18
|
+
export interface TableList {
|
|
19
|
+
id: string;
|
|
20
|
+
label: string;
|
|
21
|
+
onClick?: (id: string) => void;
|
|
22
|
+
checked?: () => boolean | boolean;
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
}
|
|
25
|
+
export interface TableButton {
|
|
26
|
+
render: () => JSX.Element;
|
|
27
|
+
list?: {
|
|
28
|
+
options: TableList[];
|
|
29
|
+
toggleableList?: boolean;
|
|
30
|
+
};
|
|
31
|
+
toggleableList?: boolean;
|
|
32
|
+
onClick?: () => void;
|
|
33
|
+
}
|
|
12
34
|
export interface UncontrolledTableProps {
|
|
13
35
|
data: any;
|
|
14
36
|
columns: ColumnDef<ColumnsTable>[];
|
|
15
37
|
onClick: any;
|
|
16
38
|
onMouseOver: any;
|
|
17
39
|
onMouseOut: any;
|
|
18
|
-
showTotalResults: boolean;
|
|
19
|
-
showSettings: boolean;
|
|
20
40
|
pagination?: Pagination;
|
|
21
41
|
totalPages: number;
|
|
22
|
-
showClearFields?: boolean;
|
|
23
|
-
customTotalResults?: string;
|
|
24
42
|
labels?: Labels;
|
|
25
43
|
tableClassName?: string;
|
|
26
|
-
|
|
27
|
-
stickyHeaderP?: number;
|
|
28
|
-
customIcons?: React.ReactNode[];
|
|
29
|
-
hideColumns?: string[];
|
|
44
|
+
sticky?: Sticky;
|
|
30
45
|
draggable?: boolean;
|
|
46
|
+
buttons?: TableButton[];
|
|
47
|
+
configs?: TableButton[];
|
|
48
|
+
hideColumns?: string[];
|
|
49
|
+
onColumnVisibilityChange?: (column: string, value: boolean) => void;
|
|
31
50
|
onChangePage: (pagination: Pagination) => void;
|
|
32
|
-
onClearFieldsClick?: () => void;
|
|
33
51
|
onFilterClick?: (column: string) => void;
|
|
34
52
|
onSortClick?: (column: string, direction: string) => void;
|
|
35
|
-
onColumnVisibilityChange?: (columnId: string, isVisible: boolean) => void;
|
|
36
53
|
onDragEnd?: (data: any[]) => void;
|
|
37
54
|
}
|
|
38
55
|
export interface ColumnsTable {
|
|
@@ -10,6 +10,7 @@ interface Props extends MuiTabsBaseProps {
|
|
|
10
10
|
color?: ColorVariant;
|
|
11
11
|
variant?: TabsVariant;
|
|
12
12
|
info?: React.ReactNode;
|
|
13
|
+
tabPanelSx?: SxProps<Theme>;
|
|
13
14
|
}
|
|
14
15
|
declare const UncontrolledTabs: ({ tabs, tab, color, onTabChange, info, ...props }: Props) => React.JSX.Element;
|
|
15
16
|
export default UncontrolledTabs;
|
|
@@ -4,8 +4,8 @@ import { Box } from '@mui/material';
|
|
|
4
4
|
import { NormaTab, NormaTabs } from './UncontrolledTabs.style';
|
|
5
5
|
import { NormaTabInfo } from './UncontrolledTabsInfo.style';
|
|
6
6
|
function TabPanel(props) {
|
|
7
|
-
var children = props.children, value = props.value, index = props.index, other = __rest(props, ["children", "value", "index"]);
|
|
8
|
-
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)));
|
|
7
|
+
var children = props.children, value = props.value, index = props.index, sx = props.sx, other = __rest(props, ["children", "value", "index", "sx"]);
|
|
8
|
+
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)));
|
|
9
9
|
}
|
|
10
10
|
function a11yProps(index) {
|
|
11
11
|
return {
|
|
@@ -25,7 +25,7 @@ var UncontrolledTabs = function (_a) {
|
|
|
25
25
|
info && React.createElement(NormaTabInfo, null, info))),
|
|
26
26
|
tabs.map(function (item, key) {
|
|
27
27
|
var _a;
|
|
28
|
-
return (React.createElement(TabPanel, __assign({}, (_a = item.tabPanel) === null || _a === void 0 ? void 0 : _a.props, { key: key, value: tab, index: key }), item.children));
|
|
28
|
+
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));
|
|
29
29
|
})));
|
|
30
30
|
};
|
|
31
31
|
export default UncontrolledTabs;
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../src/hooks/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,
|
|
1
|
+
{"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/index.d.ts
CHANGED
|
@@ -25,7 +25,7 @@ import MultiSelectInput from './components/MultiSelectInput';
|
|
|
25
25
|
import { Title, Text } from './components/Typography';
|
|
26
26
|
import TextInput from './components/TextInput';
|
|
27
27
|
import Table from './components/Table';
|
|
28
|
-
import UncontrolledTable from './components/UncontrolledTable';
|
|
28
|
+
import UncontrolledTable from './components/UncontrolledTable/UncontrolledTable';
|
|
29
29
|
import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
|
|
30
30
|
import { TimeLine, TimeLineData } from './components/TimeLine/TimeLine';
|
|
31
31
|
import { ModalStatus } from './components/StatusModal/StatusModal';
|
package/dist/esm/index.js
CHANGED
|
@@ -25,7 +25,7 @@ import MultiSelectInput from './components/MultiSelectInput';
|
|
|
25
25
|
import { Title, Text } from './components/Typography';
|
|
26
26
|
import TextInput from './components/TextInput';
|
|
27
27
|
import Table from './components/Table';
|
|
28
|
-
import UncontrolledTable from './components/UncontrolledTable';
|
|
28
|
+
import UncontrolledTable from './components/UncontrolledTable/UncontrolledTable';
|
|
29
29
|
import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
|
|
30
30
|
import { TimeLine } from './components/TimeLine/TimeLine';
|
|
31
31
|
import { ModalStatus } from './components/StatusModal/StatusModal';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +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,
|
|
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,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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "norma-library",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.90",
|
|
4
4
|
"private": false,
|
|
5
5
|
"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.",
|
|
6
6
|
"scripts": {
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"@dnd-kit/modifiers": "^9.0.0",
|
|
94
94
|
"@dnd-kit/sortable": "^10.0.0",
|
|
95
95
|
"@emotion/react": "^11.14.0",
|
|
96
|
-
"@emotion/styled": "^11.
|
|
96
|
+
"@emotion/styled": "^11.14.0",
|
|
97
97
|
"@mui/icons-material": "^5.14.9",
|
|
98
98
|
"@mui/lab": "^5.0.0-alpha.152",
|
|
99
99
|
"@mui/material": "^5.16.7",
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
"react-datepicker": "^7.5.0",
|
|
105
105
|
"react-i18next": "^15.4.0",
|
|
106
106
|
"react-select": "^5.8.0",
|
|
107
|
-
"styled-components": "^6.1.
|
|
107
|
+
"styled-components": "^6.1.18",
|
|
108
108
|
"tslib": "^2.6.2"
|
|
109
109
|
},
|
|
110
110
|
"peerDependencies": {
|
|
@@ -1,29 +1,33 @@
|
|
|
1
|
-
import React from 'react'
|
|
1
|
+
import React from 'react'
|
|
2
2
|
import {
|
|
3
3
|
AccordionDetails,
|
|
4
4
|
AccordionSummary,
|
|
5
5
|
Accordion as MuiAccordion,
|
|
6
|
-
Typography
|
|
7
|
-
} from '@mui/material'
|
|
8
|
-
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
|
|
9
|
-
import { AccordionBaseProps } from '../interfaces'
|
|
10
|
-
import { styled } from '@mui/material/styles'
|
|
6
|
+
Typography,
|
|
7
|
+
} from '@mui/material'
|
|
8
|
+
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
|
|
9
|
+
import { AccordionBaseProps } from '../interfaces'
|
|
10
|
+
import { styled } from '@mui/material/styles'
|
|
11
11
|
|
|
12
|
-
const AccordionStyled = styled(MuiAccordion)({})
|
|
12
|
+
const AccordionStyled = styled(MuiAccordion)({})
|
|
13
13
|
|
|
14
14
|
export const Accordion = ({ data = [], defaultExpanded = false, ...props }: AccordionBaseProps) => {
|
|
15
|
-
const [expanded, setExpanded] = React.useState<boolean | string>(defaultExpanded)
|
|
15
|
+
const [expanded, setExpanded] = React.useState<boolean | string>(defaultExpanded)
|
|
16
16
|
|
|
17
|
-
const handleChange = (panel: string) => (
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
};
|
|
17
|
+
const handleChange = (panel: string) => (_: any, isExpanded: boolean) => {
|
|
18
|
+
setExpanded(isExpanded ? panel : false)
|
|
19
|
+
}
|
|
21
20
|
|
|
22
21
|
return (
|
|
23
22
|
<>
|
|
24
23
|
{data &&
|
|
25
24
|
data.map((item, key) => (
|
|
26
|
-
<AccordionStyled
|
|
25
|
+
<AccordionStyled
|
|
26
|
+
expanded={expanded === item.id}
|
|
27
|
+
onChange={handleChange(item.id)}
|
|
28
|
+
key={key}
|
|
29
|
+
{...props}
|
|
30
|
+
>
|
|
27
31
|
<AccordionSummary
|
|
28
32
|
expandIcon={<ExpandMoreIcon />}
|
|
29
33
|
aria-controls={`panel-${key}-content`}
|
|
@@ -35,5 +39,5 @@ export const Accordion = ({ data = [], defaultExpanded = false, ...props }: Acco
|
|
|
35
39
|
</AccordionStyled>
|
|
36
40
|
))}
|
|
37
41
|
</>
|
|
38
|
-
)
|
|
39
|
-
}
|
|
42
|
+
)
|
|
43
|
+
}
|
|
@@ -1,22 +1,24 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import styled from 'styled-components'
|
|
1
|
+
import React from 'react'
|
|
2
|
+
import styled from 'styled-components'
|
|
3
3
|
|
|
4
|
-
import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography } from '@mui/material'
|
|
5
|
-
import { ProgressBarBaseProps, CustomColor } from '../interfaces'
|
|
4
|
+
import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography } from '@mui/material'
|
|
5
|
+
import { ProgressBarBaseProps, CustomColor } from '../interfaces'
|
|
6
6
|
|
|
7
|
-
const ProgressBarStyled = styled(MuiProgressBar)<{ colorCustom?: CustomColor; $h?: number }>(
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
[`&.${linearProgressClasses.determinate}`]: {
|
|
7
|
+
const ProgressBarStyled = styled(MuiProgressBar)<{ colorCustom?: CustomColor; $h?: number }>(
|
|
8
|
+
({ colorCustom, $h }) => ({
|
|
9
|
+
width: '100%',
|
|
10
|
+
height: $h ? `${$h}px` : '10px',
|
|
11
|
+
borderRadius: '10px',
|
|
12
|
+
position: 'relative',
|
|
14
13
|
backgroundColor: colorCustom ? colorCustom.root : undefined,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
[`&.${linearProgressClasses.determinate}`]: {
|
|
15
|
+
backgroundColor: colorCustom ? colorCustom.root : undefined,
|
|
16
|
+
},
|
|
17
|
+
[`& .${linearProgressClasses.bar}`]: {
|
|
18
|
+
backgroundColor: colorCustom ? colorCustom.bar : undefined,
|
|
19
|
+
},
|
|
20
|
+
}),
|
|
21
|
+
)
|
|
20
22
|
|
|
21
23
|
const ProgressBarLabelStyled = styled(Typography)<{ $fSize?: string }>`
|
|
22
24
|
display: flex;
|
|
@@ -26,7 +28,7 @@ const ProgressBarLabelStyled = styled(Typography)<{ $fSize?: string }>`
|
|
|
26
28
|
position: relative;
|
|
27
29
|
text-align: left;
|
|
28
30
|
font-size: ${({ $fSize }) => $fSize || '1rem'};
|
|
29
|
-
|
|
31
|
+
`
|
|
30
32
|
|
|
31
33
|
export const ProgressBar = ({
|
|
32
34
|
value = 0,
|
|
@@ -40,20 +42,18 @@ export const ProgressBar = ({
|
|
|
40
42
|
htmlLabel,
|
|
41
43
|
...props
|
|
42
44
|
}: ProgressBarBaseProps) => {
|
|
43
|
-
const percentage = value && total ? (value / total) * 100 : 0
|
|
45
|
+
const percentage = value && total ? (value / total) * 100 : 0
|
|
44
46
|
|
|
45
47
|
return (
|
|
46
48
|
<div className={className} style={{ minWidth: '100px' }}>
|
|
47
49
|
{label ? (
|
|
48
50
|
<ProgressBarLabelStyled $fSize={props.fSize} className="ProgressBarLabel">
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
{
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
)}
|
|
56
|
-
</>
|
|
51
|
+
{label}
|
|
52
|
+
{!props.hideValue && (
|
|
53
|
+
<span style={{ right: 0 }}>
|
|
54
|
+
{localeString ? value.toLocaleString() : value} ({percentage.toFixed(2)}%)
|
|
55
|
+
</span>
|
|
56
|
+
)}
|
|
57
57
|
</ProgressBarLabelStyled>
|
|
58
58
|
) : (
|
|
59
59
|
htmlLabel
|
|
@@ -68,5 +68,5 @@ export const ProgressBar = ({
|
|
|
68
68
|
{...props}
|
|
69
69
|
/>
|
|
70
70
|
</div>
|
|
71
|
-
)
|
|
72
|
-
}
|
|
71
|
+
)
|
|
72
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
2
|
|
|
3
3
|
import { WarningRounded, CheckCircleRounded, InfoRounded } from '@mui/icons-material';
|
|
4
4
|
|
|
@@ -8,7 +8,7 @@ import { OnAction } from '@/types';
|
|
|
8
8
|
|
|
9
9
|
interface ModalStatusProps {
|
|
10
10
|
title: string;
|
|
11
|
-
text: string;
|
|
11
|
+
text: string | ReactElement;
|
|
12
12
|
type: 'success' | 'info' | 'warning';
|
|
13
13
|
actions: OnAction[];
|
|
14
14
|
w?: string;
|
package/src/components/Svgs.tsx
CHANGED
|
@@ -681,17 +681,14 @@ export const iconsSVG = {
|
|
|
681
681
|
</svg>
|
|
682
682
|
),
|
|
683
683
|
olosJourneyX: (
|
|
684
|
-
|
|
685
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="26.052" height="22.796" viewBox="0 0 26.052 22.796">
|
|
684
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="" height="" viewBox="0 0 26.052 22.796">
|
|
686
685
|
<path
|
|
687
686
|
id="Icon_metro-table"
|
|
688
687
|
data-name="Icon metro-table"
|
|
689
688
|
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"
|
|
690
689
|
transform="translate(-2.571 -3.856)"
|
|
691
|
-
fill=""
|
|
692
690
|
/>
|
|
693
691
|
</svg>
|
|
694
|
-
</>
|
|
695
692
|
),
|
|
696
693
|
olosAnywhere: (
|
|
697
694
|
<svg xmlns="http://www.w3.org/2000/svg" width="" height="" viewBox="0 0 21.917 30.298">
|
|
@@ -701,7 +698,6 @@ export const iconsSVG = {
|
|
|
701
698
|
data-name="Icon material-phonelink-erase"
|
|
702
699
|
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"
|
|
703
700
|
transform="translate(-4.5 -0.461)"
|
|
704
|
-
fill=""
|
|
705
701
|
/>
|
|
706
702
|
<path
|
|
707
703
|
id="Icon_awesome-map-marker-alt"
|
|
@@ -3,6 +3,7 @@ import styled from 'styled-components';
|
|
|
3
3
|
|
|
4
4
|
export const Container = styled.div`
|
|
5
5
|
background-color: #fff;
|
|
6
|
+
padding: 15px;
|
|
6
7
|
`;
|
|
7
8
|
|
|
8
9
|
export const Table = styled.table`
|
|
@@ -18,11 +19,11 @@ const StickyStyles = (top: number) => `
|
|
|
18
19
|
position: sticky;
|
|
19
20
|
top: ${top}px;
|
|
20
21
|
z-index: 1;
|
|
21
|
-
background: #fff;
|
|
22
22
|
`;
|
|
23
23
|
|
|
24
24
|
export const Thead = styled.thead<{ $sticky?: boolean, $stickyTopP?: number}>`
|
|
25
25
|
display: table-header-group;
|
|
26
|
+
background-color: #fafafa;
|
|
26
27
|
${props => props.$sticky && StickyStyles(props.$stickyTopP || 0)};
|
|
27
28
|
`;
|
|
28
29
|
|