norma-library 0.5.9 → 0.5.10
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/UncontrolledTable/components/header/index.js +3 -10
- package/dist/esm/components/UncontrolledTable/components/header/index.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/components/header/styles.js +5 -5
- package/dist/esm/components/UncontrolledTable/components/header/styles.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/index.js +18 -12
- package/dist/esm/components/UncontrolledTable/index.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/styles.d.ts +1 -1
- package/dist/esm/components/UncontrolledTable/styles.js +8 -8
- package/dist/esm/components/UncontrolledTable/styles.js.map +1 -1
- package/package.json +1 -1
- package/src/components/UncontrolledTable/components/header/index.tsx +3 -30
- package/src/components/UncontrolledTable/components/header/styles.tsx +13 -14
- package/src/components/UncontrolledTable/index.tsx +30 -21
- package/src/components/UncontrolledTable/styles.tsx +23 -22
- package/src/stories/UncontrolledTable.stories.tsx +1 -1
|
@@ -2,21 +2,14 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import * as S from './styles';
|
|
3
3
|
import SettingsIcon from '@mui/icons-material/Settings';
|
|
4
4
|
var Header = function (_a) {
|
|
5
|
-
var table = _a.table,
|
|
5
|
+
var table = _a.table, showTotalResults = _a.showTotalResults, showSettings = _a.showSettings, showClearFiels = _a.showClearFiels, onClearFieldsClick = _a.onClearFieldsClick;
|
|
6
6
|
var _b = useState(false), openTools = _b[0], setOpenTools = _b[1];
|
|
7
7
|
return (React.createElement(S.Header, { "$showResults": showTotalResults },
|
|
8
8
|
React.createElement("div", null,
|
|
9
|
-
showTotalResults
|
|
9
|
+
showTotalResults && (React.createElement(S.Results, null,
|
|
10
10
|
React.createElement(S.TextResult, null,
|
|
11
11
|
table.getRowModel().rows.length,
|
|
12
|
-
" resultados encontrados."),
|
|
13
|
-
React.createElement(S.TextClearSearchContent, null, globalFilters.length || !!orderSmallest || !!orderLargest ? (React.createElement(S.TextClearSearch, { onClick: function () {
|
|
14
|
-
table.resetColumnFilters(true);
|
|
15
|
-
setGlobalFilters([]);
|
|
16
|
-
setOrderLargest(false);
|
|
17
|
-
setOrderSmallest(false);
|
|
18
|
-
table.resetSorting(true);
|
|
19
|
-
} }, "Limpar busca")) : null))) : null,
|
|
12
|
+
" resultados encontrados."))),
|
|
20
13
|
showClearFiels && (React.createElement(S.TextClearSearch, { onClick: function () { return onClearFieldsClick && onClearFieldsClick(); } }, "Limpar busca"))),
|
|
21
14
|
React.createElement(S.Tools, null,
|
|
22
15
|
showSettings ? (React.createElement(S.IconTools, { onClick: function () { return setOpenTools(!openTools); } },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAExD,IAAM,MAAM,GAAkB,UAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAExD,IAAM,MAAM,GAAkB,UAAC,EAA6E;QAA3E,KAAK,WAAA,EAAE,gBAAgB,sBAAA,EAAE,YAAY,kBAAA,EAAE,cAAc,oBAAA,EAAE,kBAAkB,wBAAA;IAClG,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAElD,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,oBAAe,gBAAgB;QACtC;YACG,gBAAgB,IAAI,CACnB,oBAAC,CAAC,CAAC,OAAO;gBACR,oBAAC,CAAC,CAAC,UAAU;oBAAE,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM;+CAAwC,CAC5E,CACb;YACA,cAAc,IAAI,CACjB,oBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,cAAM,OAAA,kBAAkB,IAAI,kBAAkB,EAAE,EAA1C,CAA0C,mBAAkC,CAC/G,CACG;QACN,oBAAC,CAAC,CAAC,KAAK;YACL,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,CAAC,CAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB;gBAClD,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,CAC5C,CACf,CAAC,CAAC,CAAC,IAAI;YACP,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,CAAC,CAAC,SAAS,QACT,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,UAAC,MAAW;gBACzC,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;oBACnC;wBACE,+BAEI,IAAI,EAAE,UAAU;4BAChB,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE;4BAC9B,QAAQ,EAAE,MAAM,CAAC,0BAA0B,EAAE,GAE/C;wBACD,MAAM,CAAC,EAAE,CACJ,CACJ,CACP,CAAC;YACJ,CAAC,CAAC,CACU,CACf,CAAC,CAAC,CAAC,IAAI,CACA,CACD,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import styled from
|
|
3
|
-
export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: ", ";\n display: flex;\n justify-content: space-between;\n"], ["\n margin: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (props) { return props.$showResults ? '0
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: ", ";\n display: flex;\n justify-content: space-between;\n"], ["\n margin: ", ";\n display: flex;\n justify-content: space-between;\n"])), function (props) { return (props.$showResults ? '0 24px 10px 24px;' : '0 16px;'); });
|
|
4
4
|
export var Results = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 8px;\n"])));
|
|
5
|
-
export var Tools = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["
|
|
5
|
+
export var Tools = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
|
|
6
6
|
export var TextResult = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: #666666;\n font-size: 16px;\n"], ["\n color: #666666;\n font-size: 16px;\n"])));
|
|
7
7
|
export var TextClearSearchContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 10px;\n"], ["\n height: 10px;\n"])));
|
|
8
|
-
export var TextClearSearch = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: #
|
|
8
|
+
export var TextClearSearch = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: #de8b50;\n font-size: 14px;\n cursor: pointer;\n margin: 0;\n &:hover {\n text-decoration: underline;\n }\n"], ["\n color: #de8b50;\n font-size: 14px;\n cursor: pointer;\n margin: 0;\n &:hover {\n text-decoration: underline;\n }\n"])));
|
|
9
9
|
export var IconTools = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 24px;\n height: 24px;\n cursor: pointer;\n"], ["\n width: 24px;\n height: 24px;\n cursor: pointer;\n"])));
|
|
10
|
-
export var ListTools = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding: 12px;\n margin: 6px 0 0 -106px;\n position: absolute;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #
|
|
10
|
+
export var ListTools = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding: 12px;\n margin: 6px 0 0 -106px;\n position: absolute;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n font-size: 14px;\n z-index: 99;\n label {\n display: flex;\n gap: 8px;\n align-items: center;\n }\n"], ["\n padding: 12px;\n margin: 6px 0 0 -106px;\n position: absolute;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n font-size: 14px;\n z-index: 99;\n label {\n display: flex;\n gap: 8px;\n align-items: center;\n }\n"])));
|
|
11
11
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
12
12
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,6IAAK,cACzB,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,6IAAK,cACzB,EAA+D,0DAG1E,KAHW,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,EAAtD,CAAsD,CAG1E,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAIhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAC;AAElC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGnC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAE/C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,mMAAA,gIAQtC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,+YAAA,4UAiBlC,IAAA,CAAC"}
|
|
@@ -107,41 +107,47 @@ var UncontrolledTable = function (props) {
|
|
|
107
107
|
React.createElement(S.Content, null,
|
|
108
108
|
React.createElement(S.Table, null,
|
|
109
109
|
React.createElement("thead", null, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement("tr", { key: headerGroup.id }, headerGroup.headers.map(function (header) {
|
|
110
|
-
var _a, _b;
|
|
110
|
+
var _a, _b, _c, _d, _e, _f;
|
|
111
111
|
return (React.createElement("th", { key: header.id },
|
|
112
112
|
React.createElement("div", null,
|
|
113
113
|
React.createElement(S.ColumnContent, { onClick: function () {
|
|
114
|
-
|
|
114
|
+
var _a, _b;
|
|
115
|
+
if (!((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu))
|
|
116
|
+
setOpenFilterDialog(header.column.columnDef.accessorKey);
|
|
115
117
|
} },
|
|
116
|
-
React.createElement(S.TextColumn, null, header.isPlaceholder
|
|
117
|
-
|
|
118
|
-
: flexRender(header.column.columnDef.header, header.getContext())),
|
|
119
|
-
React.createElement(S.IconFilterDialog, null,
|
|
118
|
+
React.createElement(S.TextColumn, { "$alone": (_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu }, !header.isPlaceholder && flexRender(header.column.columnDef.header, header.getContext())),
|
|
119
|
+
!((_d = (_c = header === null || header === void 0 ? void 0 : header.column) === null || _c === void 0 ? void 0 : _c.columnDef) === null || _d === void 0 ? void 0 : _d.disableMenu) && (React.createElement(S.IconFilterDialog, null,
|
|
120
120
|
React.createElement("svg", { fill: "#666", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "ArrowDropDownIcon" },
|
|
121
|
-
React.createElement("path", { d: "m7 10 5 5 5-5z" })))),
|
|
122
|
-
openFilterDialog === header.column.columnDef.accessorKey
|
|
121
|
+
React.createElement("path", { d: "m7 10 5 5 5-5z" }))))),
|
|
122
|
+
openFilterDialog === header.column.columnDef.accessorKey && (React.createElement(React.Fragment, null,
|
|
123
123
|
React.createElement(S.backgroundDialog, { onClick: function () { return setOpenFilterDialog(''); } }),
|
|
124
124
|
React.createElement(S.FilterDialog, null,
|
|
125
125
|
React.createElement(S.ListFilterDialog, null,
|
|
126
126
|
React.createElement(S.OptionFilterDialog, { style: {
|
|
127
127
|
background: orderSmallest ? 'rgba(0, 0, 0, 0.04)' : '',
|
|
128
|
-
}, onClick: function () {
|
|
128
|
+
}, onClick: function () {
|
|
129
|
+
onSortClick && onSortClick(header.column.columnDef.accessorKey, 'asc');
|
|
130
|
+
setOpenFilterDialog('');
|
|
131
|
+
} },
|
|
129
132
|
React.createElement("div", { className: "icon" },
|
|
130
133
|
React.createElement("svg", { fill: "#666", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "20", height: "20" },
|
|
131
134
|
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
|
|
132
135
|
React.createElement("p", null, "Menor primeiro")),
|
|
133
136
|
React.createElement(S.OptionFilterDialog, { style: {
|
|
134
137
|
background: orderLargest ? 'rgba(0, 0, 0, 0.04)' : '',
|
|
135
|
-
}, onClick: function () {
|
|
138
|
+
}, onClick: function () {
|
|
139
|
+
onSortClick && onSortClick(header.column.columnDef.accessorKey, 'desc');
|
|
140
|
+
setOpenFilterDialog('');
|
|
141
|
+
} },
|
|
136
142
|
React.createElement("div", { className: "icon rotate" },
|
|
137
143
|
React.createElement("svg", { fill: "#666", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "20", height: "20" },
|
|
138
144
|
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
|
|
139
145
|
React.createElement("p", null, "Maior primeiro")),
|
|
140
|
-
!((
|
|
146
|
+
!((_f = (_e = header === null || header === void 0 ? void 0 : header.column) === null || _e === void 0 ? void 0 : _e.columnDef) === null || _f === void 0 ? void 0 : _f.nofilter) && (React.createElement(S.OptionFilterDialog, { onClick: function () { return onFilterClick && onFilterClick(header.column.columnDef.accessorKey); } },
|
|
141
147
|
React.createElement("div", { className: "icon" },
|
|
142
148
|
React.createElement("svg", { fill: "none", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "16", height: "16" },
|
|
143
149
|
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" }))),
|
|
144
|
-
React.createElement("p", null, "Filtrar por")))))))
|
|
150
|
+
React.createElement("p", null, "Filtrar por"))))))))));
|
|
145
151
|
}))); })),
|
|
146
152
|
React.createElement(TBody, { table: table, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }))),
|
|
147
153
|
React.createElement(Pagination, { table: table, onChangePage: onChangePage })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
3
|
export declare const Content: import("styled-components").IStyledComponent<"web", any>;
|
|
4
4
|
export declare const Table: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>>;
|
|
5
|
-
export declare const TextColumn: import("styled-components").IStyledComponent<"web",
|
|
5
|
+
export declare const TextColumn: import("styled-components").IStyledComponent<"web", any>;
|
|
6
6
|
export declare const ColumnContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
7
7
|
export declare const IconFilterDialog: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
8
8
|
export declare const backgroundDialog: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import styled from
|
|
3
|
-
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n background: #fff;\n
|
|
4
|
-
export var Content = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-height: ", ";\n"], ["\n min-height: ", ";\n"])), function (props) { return props.minHeight ? props.minHeight : 'auto'; });
|
|
5
|
-
export var Table = styled.table(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-collapse: collapse;\n width: 100%;\n thead {\n tr {\n border-bottom: 1px solid #
|
|
6
|
-
export var TextColumn = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: #666666;\n font-size: 14px;\n"], ["\n color: #666666;\n font-size: 14px;\n"])));
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n background: #fff;\n"], ["\n width: 100%;\n background: #fff;\n"])));
|
|
4
|
+
export var Content = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-height: ", ";\n"], ["\n min-height: ", ";\n"])), function (props) { return (props.minHeight ? props.minHeight : 'auto'); });
|
|
5
|
+
export var Table = styled.table(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-collapse: collapse;\n width: 100%;\n thead {\n tr {\n border-bottom: 1px solid #e0e0e0;\n th {\n padding: 12px 24px;\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 16px 24px;\n color: #666666;\n font-size: 14px;\n }\n }\n tr:nth-child(even) {\n background: #fafafa;\n border-bottom: 1px solid #f1f1f1;\n border-top: 1px solid #f1f1f1;\n }\n }\n"], ["\n border-collapse: collapse;\n width: 100%;\n thead {\n tr {\n border-bottom: 1px solid #e0e0e0;\n th {\n padding: 12px 24px;\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 16px 24px;\n color: #666666;\n font-size: 14px;\n }\n }\n tr:nth-child(even) {\n background: #fafafa;\n border-bottom: 1px solid #f1f1f1;\n border-top: 1px solid #f1f1f1;\n }\n }\n"])));
|
|
6
|
+
export var TextColumn = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: #666666;\n font-size: 14px;\n width: ", ";\n text-align: ", ";\n"], ["\n color: #666666;\n font-size: 14px;\n width: ", ";\n text-align: ", ";\n"])), function (props) { return (props.$alone ? '100%' : 'auto'); }, function (props) { return (props.$alone ? 'center' : 'initial'); });
|
|
7
7
|
export var ColumnContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n gap: 2px;\n align-items: center;\n display: flex;\n cursor: pointer;\n"], ["\n gap: 2px;\n align-items: center;\n display: flex;\n cursor: pointer;\n"])));
|
|
8
8
|
export var IconFilterDialog = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 20px;\n height: 20px;\n cursor: pointer;\n"], ["\n width: 20px;\n height: 20px;\n cursor: pointer;\n"])));
|
|
9
9
|
export var backgroundDialog = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 100%;\n position: absolute;\n height: 100vh;\n background: transparent;\n top: 0;\n left: 0;\n"], ["\n width: 100%;\n position: absolute;\n height: 100vh;\n background: transparent;\n top: 0;\n left: 0;\n"])));
|
|
10
|
-
export var FilterDialog = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding:
|
|
11
|
-
export var ListFilterDialog = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n .label {\n margin: 0 0 8px 0;\n color: #666666;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n }\n .select {\n border: 1px solid #
|
|
12
|
-
export var OptionFilterDialog = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n gap: 16px;\n align-items: center;\n padding: 6px
|
|
10
|
+
export var FilterDialog = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n padding: 10px 0;\n margin: 6px 0px 0 0;\n position: absolute;\n width: max-content;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n z-index: 99;\n"], ["\n padding: 10px 0;\n margin: 6px 0px 0 0;\n position: absolute;\n width: max-content;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n z-index: 99;\n"])));
|
|
11
|
+
export var ListFilterDialog = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n .label {\n margin: 0 0 8px 0;\n color: #666666;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n }\n .select {\n border: 1px solid #e0e0e0;\n padding: 8px 12px;\n }\n"], ["\n display: flex;\n flex-direction: column;\n .label {\n margin: 0 0 8px 0;\n color: #666666;\n font-size: 14px;\n font-weight: 400;\n text-align: left;\n }\n .select {\n border: 1px solid #e0e0e0;\n padding: 8px 12px;\n }\n"])));
|
|
12
|
+
export var OptionFilterDialog = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n gap: 16px;\n align-items: center;\n padding: 6px 15px;\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n .icon {\n color: #666;\n }\n .rotate {\n rotate: 180deg;\n }\n div {\n width: 20px;\n height: 20px;\n }\n p {\n margin: 0;\n color: #666666;\n font-size: 16px;\n font-weight: 400;\n }\n"], ["\n display: flex;\n gap: 16px;\n align-items: center;\n padding: 6px 15px;\n cursor: pointer;\n &:hover {\n background: rgba(0, 0, 0, 0.04);\n }\n .icon {\n color: #666;\n }\n .rotate {\n rotate: 180deg;\n }\n div {\n width: 20px;\n height: 20px;\n }\n p {\n margin: 0;\n color: #666666;\n font-size: 16px;\n font-weight: 400;\n }\n"])));
|
|
13
13
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4GAAA,yCAGlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,4FAAK,kBACtB,EAAqD,KACpE,KADe,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAA5C,CAA4C,CACpE,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,mgBAAA,gcAyBhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,mJAAK,oDAG/B,EAAyC,mBACpC,EAA8C,KAC7D,KAFU,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAhC,CAAgC,EACpC,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,EAArC,CAAqC,CAC7D,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,kJAAA,+EAKtC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIzC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,mLAAA,gHAOzC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0QAAA,uMASrC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,gUAAA,6PAczC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "norma-library",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.10",
|
|
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": {
|
|
@@ -2,44 +2,17 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import * as S from './styles';
|
|
3
3
|
import SettingsIcon from '@mui/icons-material/Settings';
|
|
4
4
|
|
|
5
|
-
const Header: React.FC<any> = ({
|
|
6
|
-
table,
|
|
7
|
-
globalFilters,
|
|
8
|
-
orderSmallest,
|
|
9
|
-
orderLargest,
|
|
10
|
-
showTotalResults,
|
|
11
|
-
showSettings,
|
|
12
|
-
setGlobalFilters,
|
|
13
|
-
setOrderLargest,
|
|
14
|
-
setOrderSmallest,
|
|
15
|
-
showClearFiels,
|
|
16
|
-
onClearFieldsClick,
|
|
17
|
-
}) => {
|
|
5
|
+
const Header: React.FC<any> = ({ table, showTotalResults, showSettings, showClearFiels, onClearFieldsClick }) => {
|
|
18
6
|
const [openTools, setOpenTools] = useState(false);
|
|
19
7
|
|
|
20
8
|
return (
|
|
21
9
|
<S.Header $showResults={showTotalResults}>
|
|
22
10
|
<div>
|
|
23
|
-
{showTotalResults
|
|
11
|
+
{showTotalResults && (
|
|
24
12
|
<S.Results>
|
|
25
13
|
<S.TextResult>{table.getRowModel().rows.length} resultados encontrados.</S.TextResult>
|
|
26
|
-
<S.TextClearSearchContent>
|
|
27
|
-
{globalFilters.length || !!orderSmallest || !!orderLargest ? (
|
|
28
|
-
<S.TextClearSearch
|
|
29
|
-
onClick={() => {
|
|
30
|
-
table.resetColumnFilters(true);
|
|
31
|
-
setGlobalFilters([]);
|
|
32
|
-
setOrderLargest(false);
|
|
33
|
-
setOrderSmallest(false);
|
|
34
|
-
table.resetSorting(true);
|
|
35
|
-
}}
|
|
36
|
-
>
|
|
37
|
-
Limpar busca
|
|
38
|
-
</S.TextClearSearch>
|
|
39
|
-
) : null}
|
|
40
|
-
</S.TextClearSearchContent>
|
|
41
14
|
</S.Results>
|
|
42
|
-
)
|
|
15
|
+
)}
|
|
43
16
|
{showClearFiels && (
|
|
44
17
|
<S.TextClearSearch onClick={() => onClearFieldsClick && onClearFieldsClick()}>Limpar busca</S.TextClearSearch>
|
|
45
18
|
)}
|
|
@@ -1,45 +1,43 @@
|
|
|
1
|
-
import styled from
|
|
1
|
+
import styled from 'styled-components';
|
|
2
2
|
|
|
3
3
|
export const Header = styled.div<any>`
|
|
4
|
-
margin: ${props => props.$showResults ? '0
|
|
4
|
+
margin: ${props => (props.$showResults ? '0 24px 10px 24px;' : '0 16px;')};
|
|
5
5
|
display: flex;
|
|
6
6
|
justify-content: space-between;
|
|
7
|
-
|
|
7
|
+
`;
|
|
8
8
|
|
|
9
9
|
export const Results = styled.div`
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: column;
|
|
12
12
|
gap: 8px;
|
|
13
|
-
|
|
13
|
+
`;
|
|
14
14
|
|
|
15
|
-
export const Tools = styled.div
|
|
16
|
-
|
|
17
|
-
`
|
|
15
|
+
export const Tools = styled.div``;
|
|
18
16
|
|
|
19
17
|
export const TextResult = styled.div`
|
|
20
18
|
color: #666666;
|
|
21
19
|
font-size: 16px;
|
|
22
|
-
|
|
20
|
+
`;
|
|
23
21
|
|
|
24
22
|
export const TextClearSearchContent = styled.div`
|
|
25
23
|
height: 10px;
|
|
26
|
-
|
|
24
|
+
`;
|
|
27
25
|
|
|
28
26
|
export const TextClearSearch = styled.p`
|
|
29
|
-
color: #
|
|
27
|
+
color: #de8b50;
|
|
30
28
|
font-size: 14px;
|
|
31
29
|
cursor: pointer;
|
|
32
30
|
margin: 0;
|
|
33
31
|
&:hover {
|
|
34
32
|
text-decoration: underline;
|
|
35
33
|
}
|
|
36
|
-
|
|
34
|
+
`;
|
|
37
35
|
|
|
38
36
|
export const IconTools = styled.div`
|
|
39
37
|
width: 24px;
|
|
40
38
|
height: 24px;
|
|
41
39
|
cursor: pointer;
|
|
42
|
-
|
|
40
|
+
`;
|
|
43
41
|
|
|
44
42
|
export const ListTools = styled.div`
|
|
45
43
|
padding: 12px;
|
|
@@ -47,14 +45,15 @@ export const ListTools = styled.div`
|
|
|
47
45
|
position: absolute;
|
|
48
46
|
background: #fff;
|
|
49
47
|
box-shadow: 0px 3px 6px #00000029;
|
|
50
|
-
border: 1px solid #
|
|
48
|
+
border: 1px solid #e0e0e0;
|
|
51
49
|
display: flex;
|
|
52
50
|
flex-direction: column;
|
|
53
51
|
gap: 8px;
|
|
54
52
|
font-size: 14px;
|
|
53
|
+
z-index: 99;
|
|
55
54
|
label {
|
|
56
55
|
display: flex;
|
|
57
56
|
gap: 8px;
|
|
58
57
|
align-items: center;
|
|
59
58
|
}
|
|
60
|
-
|
|
59
|
+
`;
|
|
@@ -170,27 +170,28 @@ const UncontrolledTable = (props: UncontrolledTableProps) => {
|
|
|
170
170
|
<div>
|
|
171
171
|
<S.ColumnContent
|
|
172
172
|
onClick={() => {
|
|
173
|
-
|
|
173
|
+
if (!header?.column?.columnDef?.disableMenu)
|
|
174
|
+
setOpenFilterDialog(header.column.columnDef.accessorKey);
|
|
174
175
|
}}
|
|
175
176
|
>
|
|
176
|
-
<S.TextColumn>
|
|
177
|
-
{header.isPlaceholder
|
|
178
|
-
? null
|
|
179
|
-
: flexRender(header.column.columnDef.header, header.getContext())}
|
|
177
|
+
<S.TextColumn $alone={header?.column?.columnDef?.disableMenu}>
|
|
178
|
+
{!header.isPlaceholder && flexRender(header.column.columnDef.header, header.getContext())}
|
|
180
179
|
</S.TextColumn>
|
|
181
|
-
|
|
182
|
-
<
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
180
|
+
{!header?.column?.columnDef?.disableMenu && (
|
|
181
|
+
<S.IconFilterDialog>
|
|
182
|
+
<svg
|
|
183
|
+
fill="#666"
|
|
184
|
+
focusable="false"
|
|
185
|
+
aria-hidden="true"
|
|
186
|
+
viewBox="0 0 24 24"
|
|
187
|
+
data-testid="ArrowDropDownIcon"
|
|
188
|
+
>
|
|
189
|
+
<path d="m7 10 5 5 5-5z"></path>
|
|
190
|
+
</svg>
|
|
191
|
+
</S.IconFilterDialog>
|
|
192
|
+
)}
|
|
192
193
|
</S.ColumnContent>
|
|
193
|
-
{openFilterDialog === header.column.columnDef.accessorKey
|
|
194
|
+
{openFilterDialog === header.column.columnDef.accessorKey && (
|
|
194
195
|
<>
|
|
195
196
|
<S.backgroundDialog onClick={() => setOpenFilterDialog('')}></S.backgroundDialog>
|
|
196
197
|
<S.FilterDialog>
|
|
@@ -199,7 +200,10 @@ const UncontrolledTable = (props: UncontrolledTableProps) => {
|
|
|
199
200
|
style={{
|
|
200
201
|
background: orderSmallest ? 'rgba(0, 0, 0, 0.04)' : '',
|
|
201
202
|
}}
|
|
202
|
-
onClick={() =>
|
|
203
|
+
onClick={() => {
|
|
204
|
+
onSortClick && onSortClick(header.column.columnDef.accessorKey, 'asc');
|
|
205
|
+
setOpenFilterDialog('');
|
|
206
|
+
}}
|
|
203
207
|
>
|
|
204
208
|
<div className="icon">
|
|
205
209
|
<svg
|
|
@@ -225,7 +229,10 @@ const UncontrolledTable = (props: UncontrolledTableProps) => {
|
|
|
225
229
|
style={{
|
|
226
230
|
background: orderLargest ? 'rgba(0, 0, 0, 0.04)' : '',
|
|
227
231
|
}}
|
|
228
|
-
onClick={() =>
|
|
232
|
+
onClick={() => {
|
|
233
|
+
onSortClick && onSortClick(header.column.columnDef.accessorKey, 'desc');
|
|
234
|
+
setOpenFilterDialog('');
|
|
235
|
+
}}
|
|
229
236
|
>
|
|
230
237
|
<div className="icon rotate">
|
|
231
238
|
<svg
|
|
@@ -248,7 +255,9 @@ const UncontrolledTable = (props: UncontrolledTableProps) => {
|
|
|
248
255
|
<p>Maior primeiro</p>
|
|
249
256
|
</S.OptionFilterDialog>
|
|
250
257
|
{!header?.column?.columnDef?.nofilter && (
|
|
251
|
-
<S.OptionFilterDialog
|
|
258
|
+
<S.OptionFilterDialog
|
|
259
|
+
onClick={() => onFilterClick && onFilterClick(header.column.columnDef.accessorKey)}
|
|
260
|
+
>
|
|
252
261
|
<div className="icon">
|
|
253
262
|
<svg
|
|
254
263
|
fill="none"
|
|
@@ -273,7 +282,7 @@ const UncontrolledTable = (props: UncontrolledTableProps) => {
|
|
|
273
282
|
</S.ListFilterDialog>
|
|
274
283
|
</S.FilterDialog>
|
|
275
284
|
</>
|
|
276
|
-
)
|
|
285
|
+
)}
|
|
277
286
|
</div>
|
|
278
287
|
</th>
|
|
279
288
|
))}
|
|
@@ -1,22 +1,20 @@
|
|
|
1
|
-
import styled from
|
|
1
|
+
import styled from 'styled-components';
|
|
2
2
|
|
|
3
3
|
export const Container = styled.div`
|
|
4
4
|
width: 100%;
|
|
5
5
|
background: #fff;
|
|
6
|
-
|
|
7
|
-
padding: 24px 0;
|
|
8
|
-
`
|
|
6
|
+
`;
|
|
9
7
|
|
|
10
8
|
export const Content = styled.div<any>`
|
|
11
|
-
min-height: ${props => props.minHeight ? props.minHeight : 'auto'};
|
|
12
|
-
|
|
9
|
+
min-height: ${props => (props.minHeight ? props.minHeight : 'auto')};
|
|
10
|
+
`;
|
|
13
11
|
|
|
14
12
|
export const Table = styled.table`
|
|
15
13
|
border-collapse: collapse;
|
|
16
14
|
width: 100%;
|
|
17
15
|
thead {
|
|
18
16
|
tr {
|
|
19
|
-
border-bottom: 1px solid #
|
|
17
|
+
border-bottom: 1px solid #e0e0e0;
|
|
20
18
|
th {
|
|
21
19
|
padding: 12px 24px;
|
|
22
20
|
}
|
|
@@ -31,30 +29,32 @@ export const Table = styled.table`
|
|
|
31
29
|
}
|
|
32
30
|
}
|
|
33
31
|
tr:nth-child(even) {
|
|
34
|
-
background: #
|
|
32
|
+
background: #fafafa;
|
|
35
33
|
border-bottom: 1px solid #f1f1f1;
|
|
36
34
|
border-top: 1px solid #f1f1f1;
|
|
37
35
|
}
|
|
38
36
|
}
|
|
39
|
-
|
|
37
|
+
`;
|
|
40
38
|
|
|
41
|
-
export const TextColumn = styled.span
|
|
39
|
+
export const TextColumn = styled.span<any>`
|
|
42
40
|
color: #666666;
|
|
43
41
|
font-size: 14px;
|
|
44
|
-
|
|
42
|
+
width: ${props => (props.$alone ? '100%' : 'auto')};
|
|
43
|
+
text-align: ${props => (props.$alone ? 'center' : 'initial')};
|
|
44
|
+
`;
|
|
45
45
|
|
|
46
46
|
export const ColumnContent = styled.div`
|
|
47
47
|
gap: 2px;
|
|
48
48
|
align-items: center;
|
|
49
49
|
display: flex;
|
|
50
50
|
cursor: pointer;
|
|
51
|
-
|
|
51
|
+
`;
|
|
52
52
|
|
|
53
53
|
export const IconFilterDialog = styled.div`
|
|
54
54
|
width: 20px;
|
|
55
55
|
height: 20px;
|
|
56
56
|
cursor: pointer;
|
|
57
|
-
|
|
57
|
+
`;
|
|
58
58
|
|
|
59
59
|
export const backgroundDialog = styled.div`
|
|
60
60
|
width: 100%;
|
|
@@ -63,17 +63,18 @@ export const backgroundDialog = styled.div`
|
|
|
63
63
|
background: transparent;
|
|
64
64
|
top: 0;
|
|
65
65
|
left: 0;
|
|
66
|
-
|
|
66
|
+
`;
|
|
67
67
|
|
|
68
68
|
export const FilterDialog = styled.div`
|
|
69
|
-
padding:
|
|
69
|
+
padding: 10px 0;
|
|
70
70
|
margin: 6px 0px 0 0;
|
|
71
71
|
position: absolute;
|
|
72
|
-
width:
|
|
72
|
+
width: max-content;
|
|
73
73
|
background: #fff;
|
|
74
74
|
box-shadow: 0px 3px 6px #00000029;
|
|
75
|
-
border: 1px solid #
|
|
76
|
-
|
|
75
|
+
border: 1px solid #e0e0e0;
|
|
76
|
+
z-index: 99;
|
|
77
|
+
`;
|
|
77
78
|
|
|
78
79
|
export const ListFilterDialog = styled.div`
|
|
79
80
|
display: flex;
|
|
@@ -86,16 +87,16 @@ export const ListFilterDialog = styled.div`
|
|
|
86
87
|
text-align: left;
|
|
87
88
|
}
|
|
88
89
|
.select {
|
|
89
|
-
border: 1px solid #
|
|
90
|
+
border: 1px solid #e0e0e0;
|
|
90
91
|
padding: 8px 12px;
|
|
91
92
|
}
|
|
92
|
-
|
|
93
|
+
`;
|
|
93
94
|
|
|
94
95
|
export const OptionFilterDialog = styled.div`
|
|
95
96
|
display: flex;
|
|
96
97
|
gap: 16px;
|
|
97
98
|
align-items: center;
|
|
98
|
-
padding: 6px
|
|
99
|
+
padding: 6px 15px;
|
|
99
100
|
cursor: pointer;
|
|
100
101
|
&:hover {
|
|
101
102
|
background: rgba(0, 0, 0, 0.04);
|
|
@@ -116,4 +117,4 @@ export const OptionFilterDialog = styled.div`
|
|
|
116
117
|
font-size: 16px;
|
|
117
118
|
font-weight: 400;
|
|
118
119
|
}
|
|
119
|
-
|
|
120
|
+
`;
|