norma-library 0.6.982 → 0.6.984

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.
Files changed (9) hide show
  1. package/dist/esm/components/UncontrolledTable/UncontrolledTable.js +49 -46
  2. package/dist/esm/components/UncontrolledTable/UncontrolledTable.js.map +1 -1
  3. package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.d.ts +1 -0
  4. package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.js +12 -11
  5. package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/UncontrolledTable/UncontrolledTable.style.tsx +5 -0
  8. package/src/components/UncontrolledTable/UncontrolledTable.tsx +131 -122
  9. package/src/stories/UncontrolledTable.stories.tsx +28 -1
package/dist/esm/components/UncontrolledTable/UncontrolledTable.js CHANGED
@@ -68,52 +68,55 @@ var UncontrolledTable = function (props) {
68
68
  columns: (labels === null || labels === void 0 ? void 0 : labels.columns) || 'Colunas',
69
69
  }, configs: configs, menus: buttons, hideColumns: hideColumns, onColumnVisibilityChange: onColumnVisibilityChange }),
70
70
  React.createElement(DndContext, { collisionDetection: closestCenter, modifiers: [restrictToVerticalAxis], onDragEnd: handleDragEnd, sensors: sensors },
71
- React.createElement(S.Table, { className: tableClassName || '' },
72
- React.createElement(S.Thead, { "$sticky": sticky === null || sticky === void 0 ? void 0 : sticky.enabled, "$stickyTopP": sticky === null || sticky === void 0 ? void 0 : sticky.top }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(S.TableRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
73
- var _a, _b, _c, _d;
74
- return (React.createElement(S.Th, { key: header.id },
75
- React.createElement(S.ColumnContent, { onClick: function () {
76
- var _a, _b;
77
- 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))
78
- setOpenFilterDialog(header.column.columnDef.accessorKey);
79
- } },
80
- React.createElement(S.TextColumn, { title: header.column.columnDef.header, "$size": header.column.columnDef.width }, !header.isPlaceholder &&
81
- flexRender(header.column.columnDef.header, header.getContext())),
82
- !((_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) && (React.createElement(S.IconFilterDialog, null,
83
- React.createElement("svg", { fill: "#666", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" },
84
- React.createElement("path", { d: "m7 10 5 5 5-5z" }))))),
85
- openFilterDialog === header.column.columnDef.accessorKey && (React.createElement(S.FilterDialog, { ref: filterRef },
86
- React.createElement(S.ListFilterDialog, null,
87
- React.createElement(S.OptionFilterDialog, { onClick: function () {
88
- onSortClick && onSortClick(header.column.columnDef.accessorKey, 'asc');
89
- setOpenFilterDialog('');
90
- } },
91
- React.createElement("div", { className: "icon" },
92
- 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" },
93
- React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
94
- React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderAsc) || 'Menor primeiro')),
95
- React.createElement(S.OptionFilterDialog, { onClick: function () {
96
- onSortClick &&
97
- onSortClick(header.column.columnDef.accessorKey, 'desc');
98
- setOpenFilterDialog('');
99
- } },
100
- React.createElement("div", { className: "icon rotate" },
101
- 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" },
102
- React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
103
- React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderDesc) || 'Maior primeiro')),
104
- !((_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.nofilter) && (React.createElement(S.OptionFilterDialog, { onClick: function () {
105
- onFilterClick && onFilterClick(header.column.columnDef.accessorKey);
106
- setOpenFilterDialog('');
107
- } },
108
- React.createElement("div", { className: "icon" },
109
- 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" },
110
- 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" }))),
111
- React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.filter) || 'Filtrar por'))))))));
112
- }))); })),
113
- React.createElement("tbody", null,
114
- React.createElement(SortableContext, { items: dataIds, strategy: verticalListSortingStrategy }, table.getRowModel().rows.map(function (row) {
115
- return draggable ? (React.createElement(DraggableRow, { key: row.id, row: row, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut })) : (React.createElement(SimpleRow, { key: row.id, row: row, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }));
116
- }))))),
71
+ React.createElement(S.TableContainer, { className: 'Norma__TableContainer' },
72
+ React.createElement(S.Table, { className: tableClassName || '' },
73
+ React.createElement(S.Thead, { "$sticky": sticky === null || sticky === void 0 ? void 0 : sticky.enabled, "$stickyTopP": sticky === null || sticky === void 0 ? void 0 : sticky.top }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(S.TableRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
74
+ var _a, _b, _c, _d;
75
+ return (React.createElement(S.Th, { key: header.id },
76
+ React.createElement(S.ColumnContent, { onClick: function () {
77
+ var _a, _b;
78
+ 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))
79
+ setOpenFilterDialog(header.column.columnDef.accessorKey);
80
+ } },
81
+ React.createElement(S.TextColumn, { title: header.column.columnDef.header, "$size": header.column.columnDef.width }, !header.isPlaceholder &&
82
+ flexRender(header.column.columnDef.header, header.getContext())),
83
+ !((_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) && (React.createElement(S.IconFilterDialog, null,
84
+ React.createElement("svg", { fill: "#666", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" },
85
+ React.createElement("path", { d: "m7 10 5 5 5-5z" }))))),
86
+ openFilterDialog === header.column.columnDef.accessorKey && (React.createElement(S.FilterDialog, { ref: filterRef },
87
+ React.createElement(S.ListFilterDialog, null,
88
+ React.createElement(S.OptionFilterDialog, { onClick: function () {
89
+ onSortClick &&
90
+ onSortClick(header.column.columnDef.accessorKey, 'asc');
91
+ setOpenFilterDialog('');
92
+ } },
93
+ React.createElement("div", { className: "icon" },
94
+ 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" },
95
+ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
96
+ React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderAsc) || 'Menor primeiro')),
97
+ React.createElement(S.OptionFilterDialog, { onClick: function () {
98
+ onSortClick &&
99
+ onSortClick(header.column.columnDef.accessorKey, 'desc');
100
+ setOpenFilterDialog('');
101
+ } },
102
+ React.createElement("div", { className: "icon rotate" },
103
+ 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" },
104
+ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
105
+ React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderDesc) || 'Maior primeiro')),
106
+ !((_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.nofilter) && (React.createElement(S.OptionFilterDialog, { onClick: function () {
107
+ onFilterClick &&
108
+ onFilterClick(header.column.columnDef.accessorKey);
109
+ setOpenFilterDialog('');
110
+ } },
111
+ React.createElement("div", { className: "icon" },
112
+ 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" },
113
+ 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" }))),
114
+ React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.filter) || 'Filtrar por'))))))));
115
+ }))); })),
116
+ React.createElement("tbody", null,
117
+ React.createElement(SortableContext, { items: dataIds, strategy: verticalListSortingStrategy }, table.getRowModel().rows.map(function (row) {
118
+ return draggable ? (React.createElement(DraggableRow, { key: row.id, row: row, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut })) : (React.createElement(SimpleRow, { key: row.id, row: row, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }));
119
+ })))))),
117
120
  pagination && (React.createElement(Pagination, { pagination: pagination, count: totalPages || 0, onChangePage: function (page) { return onChangePage === null || onChangePage === void 0 ? void 0 : onChangePage(__assign(__assign({}, pagination), { pageIndex: page })); } }))));
118
121
  };
119
122
  export default UncontrolledTable;
package/dist/esm/components/UncontrolledTable/UncontrolledTable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UncontrolledTable.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/UncontrolledTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"UncontrolledTable.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/UncontrolledTable.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ export declare const TableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
3
  export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
3
4
  export declare const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
4
5
  $sticky?: boolean;
package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.js CHANGED
@@ -2,24 +2,25 @@ import { __makeTemplateObject } from "tslib";
2
2
  import { breakpoints } from '../../utils/styledBreakpoints';
3
3
  import styled from 'styled-components';
4
4
  export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: #fff;\n padding: 15px;\n"], ["\n background-color: #fff;\n padding: 15px;\n"])));
5
- export var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"], ["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"])));
5
+ export var TableContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n overflow-x: auto;\n"], ["\n overflow-x: auto;\n"])));
6
+ export var Table = styled.table(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"], ["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"])));
6
7
  var StickyStyles = function (top) { return "\n position: sticky;\n top: ".concat(top, "px;\n z-index: 1;\n"); };
7
- export var Thead = styled.thead(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: table-header-group;\n background-color: #fafafa;\n ", ";\n"], ["\n display: table-header-group;\n background-color: #fafafa;\n ", ";\n"])), function (props) { return props.$sticky && StickyStyles(props.$stickyTopP || 0); });
8
- export var TableRow = styled.tr(templateObject_4 || (templateObject_4 = __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"])));
9
- export var Th = styled.th(templateObject_5 || (templateObject_5 = __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 8px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\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 8px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"])), breakpoints({
8
+ export var Thead = styled.thead(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: table-header-group;\n background-color: #fafafa;\n ", ";\n"], ["\n display: table-header-group;\n background-color: #fafafa;\n ", ";\n"])), function (props) { return props.$sticky && StickyStyles(props.$stickyTopP || 0); });
9
+ export var TableRow = styled.tr(templateObject_5 || (templateObject_5 = __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"])));
10
+ export var Th = styled.th(templateObject_6 || (templateObject_6 = __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 8px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\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 8px;\n ", ";\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"])), breakpoints({
10
11
  cssProp: 'padding',
11
12
  cssPropUnits: 'px',
12
13
  values: [{ 1440: 8 }],
13
14
  mediaQueryType: 'max-width',
14
15
  }));
15
- export var ColumnContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 5px;\n"], ["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
16
- export var TextColumn = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n line-height: 1.3;\n ", "\n"], ["\n line-height: 1.3;\n ", "\n"])), function (props) {
16
+ export var ColumnContent = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 5px;\n"], ["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
17
+ export var TextColumn = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n line-height: 1.3;\n ", "\n"], ["\n line-height: 1.3;\n ", "\n"])), function (props) {
17
18
  return props.$size &&
18
19
  " white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: ".concat(props.$size, ";\n ");
19
20
  });
20
- export var IconFilterDialog = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n height: 20px;\n width: 20px;\n min-width: 20px;\n"], ["\n height: 20px;\n width: 20px;\n min-width: 20px;\n"])));
21
- export var FilterDialog = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n padding: 10px 0;\n margin: 6px 0px 0 0;\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 position: absolute;\n padding: 10px 0;\n margin: 6px 0px 0 0;\n width: max-content;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n z-index: 99;\n"])));
22
- export var ListFilterDialog = styled.div(templateObject_10 || (templateObject_10 = __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"])));
23
- export var OptionFilterDialog = styled.div(templateObject_11 || (templateObject_11 = __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"])));
24
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
21
+ export var IconFilterDialog = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n height: 20px;\n width: 20px;\n min-width: 20px;\n"], ["\n height: 20px;\n width: 20px;\n min-width: 20px;\n"])));
22
+ export var FilterDialog = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n padding: 10px 0;\n margin: 6px 0px 0 0;\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 position: absolute;\n padding: 10px 0;\n margin: 6px 0px 0 0;\n width: max-content;\n background: #fff;\n box-shadow: 0px 3px 6px #00000029;\n border: 1px solid #e0e0e0;\n z-index: 99;\n"])));
23
+ export var ListFilterDialog = styled.div(templateObject_11 || (templateObject_11 = __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"])));
24
+ export var OptionFilterDialog = styled.div(templateObject_12 || (templateObject_12 = __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"])));
25
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
25
26
  //# sourceMappingURL=UncontrolledTable.style.js.map
package/dist/esm/components/UncontrolledTable/UncontrolledTable.style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UncontrolledTable.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/UncontrolledTable.style.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oHAAA,iDAGlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,GAAW,IAAK,OAAA,wCAE7B,GAAG,yBAEX,EAJqC,CAIrC,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,8IAA6C,oEAG1E,EAAgE,KACnE,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,EAArD,CAAqD,CACnE,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAKhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,qaAAA,4PAUvB,EAKA,oGAKH,KAVG,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,CAKH,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAItC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,oGAAoB,2BAErD,EAMC,IACJ,KAPG,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,KAAK;QACX,uGAGW,KAAK,CAAC,KAAK,YACrB;AALD,CAKC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0QAAA,uMASrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAczC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAA"}
1
+ {"version":3,"file":"UncontrolledTable.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/UncontrolledTable.style.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oHAAA,iDAGlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,4FAAA,yBAEvC,IAAA,CAAA;AAGD,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,GAAW,IAAK,OAAA,wCAE7B,GAAG,yBAEX,EAJqC,CAIrC,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,8IAA6C,oEAG1E,EAAgE,KACnE,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,EAArD,CAAqD,CACnE,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAKhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,qaAAA,4PAUvB,EAKA,oGAKH,KAVG,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,CAKH,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAItC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,oGAAoB,2BAErD,EAMC,IACJ,KAPG,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,KAAK;QACX,uGAGW,KAAK,CAAC,KAAK,YACrB;AALD,CAKC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,4QAAA,uMASrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAczC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "norma-library",
3
- "version": "0.6.982",
3
+ "version": "0.6.984",
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": {
package/src/components/UncontrolledTable/UncontrolledTable.style.tsx CHANGED
@@ -6,6 +6,11 @@ export const Container = styled.div`
6
6
  padding: 15px;
7
7
  `
8
8
 
9
+ export const TableContainer = styled.div<{ $sticky?: boolean}>`
10
+ overflow-x: ${(props) => (props.$sticky ? 'initial' : 'auto')};
11
+ width: 100%;
12
+ `
13
+
9
14
  export const Table = styled.table`
10
15
  display: table;
11
16
  width: 100%;
package/src/components/UncontrolledTable/UncontrolledTable.tsx CHANGED
@@ -144,149 +144,158 @@ const UncontrolledTable = (props: UncontrolledTableProps) => {
144
144
  onDragEnd={handleDragEnd}
145
145
  sensors={sensors}
146
146
  >
147
- <S.Table className={tableClassName || ''}>
148
- <S.Thead $sticky={sticky?.enabled} $stickyTopP={sticky?.top}>
149
- {table.getHeaderGroups().map((headerGroup: any) => (
150
- <S.TableRow key={headerGroup.id}>
151
- {headerGroup.headers.map((header: any) => (
152
- <S.Th key={header.id}>
153
- <S.ColumnContent
154
- onClick={() => {
155
- if (!header?.column?.columnDef?.disableMenu)
156
- setOpenFilterDialog(header.column.columnDef.accessorKey)
157
- }}
158
- >
159
- <S.TextColumn
160
- title={header.column.columnDef.header}
161
- $size={header.column.columnDef.width}
147
+ <S.TableContainer $sticky={sticky?.enabled}>
148
+ <S.Table className={tableClassName || ''}>
149
+ <S.Thead $sticky={sticky?.enabled} $stickyTopP={sticky?.top}>
150
+ {table.getHeaderGroups().map((headerGroup: any) => (
151
+ <S.TableRow key={headerGroup.id}>
152
+ {headerGroup.headers.map((header: any) => (
153
+ <S.Th key={header.id}>
154
+ <S.ColumnContent
155
+ onClick={() => {
156
+ if (!header?.column?.columnDef?.disableMenu)
157
+ setOpenFilterDialog(header.column.columnDef.accessorKey)
158
+ }}
162
159
  >
163
- {!header.isPlaceholder &&
164
- flexRender(header.column.columnDef.header, header.getContext())}
165
- </S.TextColumn>
166
- {!header?.column?.columnDef?.disableMenu && (
167
- <S.IconFilterDialog>
168
- <svg fill="#666" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
169
- <path d="m7 10 5 5 5-5z" />
170
- </svg>
171
- </S.IconFilterDialog>
172
- )}
173
- </S.ColumnContent>
174
- {openFilterDialog === header.column.columnDef.accessorKey && (
175
- <S.FilterDialog ref={filterRef}>
176
- <S.ListFilterDialog>
177
- <S.OptionFilterDialog
178
- onClick={() => {
179
- onSortClick && onSortClick(header.column.columnDef.accessorKey, 'asc')
180
- setOpenFilterDialog('')
181
- }}
182
- >
183
- <div className="icon">
184
- <svg
185
- fill="#666"
186
- stroke="currentColor"
187
- strokeWidth="1.5"
188
- viewBox="0 0 24 24"
189
- xmlns="http://www.w3.org/2000/svg"
190
- aria-hidden="true"
191
- width="20"
192
- height="20"
193
- >
194
- <path
195
- strokeLinecap="round"
196
- strokeLinejoin="round"
197
- d="M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75"
198
- />
199
- </svg>
200
- </div>
201
- <p>{labels?.orderAsc || 'Menor primeiro'}</p>
202
- </S.OptionFilterDialog>
203
- <S.OptionFilterDialog
204
- onClick={() => {
205
- onSortClick &&
206
- onSortClick(header.column.columnDef.accessorKey, 'desc')
207
- setOpenFilterDialog('')
208
- }}
209
- >
210
- <div className="icon rotate">
211
- <svg
212
- fill="#666"
213
- stroke="currentColor"
214
- strokeWidth="1.5"
215
- viewBox="0 0 24 24"
216
- xmlns="http://www.w3.org/2000/svg"
217
- aria-hidden="true"
218
- width="20"
219
- height="20"
220
- >
221
- <path
222
- strokeLinecap="round"
223
- strokeLinejoin="round"
224
- d="M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75"
225
- ></path>
226
- </svg>
227
- </div>
228
- <p>{labels?.orderDesc || 'Maior primeiro'}</p>
229
- </S.OptionFilterDialog>
230
- {!header?.column?.columnDef?.nofilter && (
160
+ <S.TextColumn
161
+ title={header.column.columnDef.header}
162
+ $size={header.column.columnDef.width}
163
+ >
164
+ {!header.isPlaceholder &&
165
+ flexRender(header.column.columnDef.header, header.getContext())}
166
+ </S.TextColumn>
167
+ {!header?.column?.columnDef?.disableMenu && (
168
+ <S.IconFilterDialog>
169
+ <svg
170
+ fill="#666"
171
+ focusable="false"
172
+ aria-hidden="true"
173
+ viewBox="0 0 24 24"
174
+ >
175
+ <path d="m7 10 5 5 5-5z" />
176
+ </svg>
177
+ </S.IconFilterDialog>
178
+ )}
179
+ </S.ColumnContent>
180
+ {openFilterDialog === header.column.columnDef.accessorKey && (
181
+ <S.FilterDialog ref={filterRef}>
182
+ <S.ListFilterDialog>
231
183
  <S.OptionFilterDialog
232
184
  onClick={() => {
233
- onFilterClick && onFilterClick(header.column.columnDef.accessorKey)
185
+ onSortClick &&
186
+ onSortClick(header.column.columnDef.accessorKey, 'asc')
234
187
  setOpenFilterDialog('')
235
188
  }}
236
189
  >
237
190
  <div className="icon">
238
191
  <svg
239
- fill="none"
192
+ fill="#666"
193
+ stroke="currentColor"
194
+ strokeWidth="1.5"
195
+ viewBox="0 0 24 24"
196
+ xmlns="http://www.w3.org/2000/svg"
197
+ aria-hidden="true"
198
+ width="20"
199
+ height="20"
200
+ >
201
+ <path
202
+ strokeLinecap="round"
203
+ strokeLinejoin="round"
204
+ d="M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75"
205
+ />
206
+ </svg>
207
+ </div>
208
+ <p>{labels?.orderAsc || 'Menor primeiro'}</p>
209
+ </S.OptionFilterDialog>
210
+ <S.OptionFilterDialog
211
+ onClick={() => {
212
+ onSortClick &&
213
+ onSortClick(header.column.columnDef.accessorKey, 'desc')
214
+ setOpenFilterDialog('')
215
+ }}
216
+ >
217
+ <div className="icon rotate">
218
+ <svg
219
+ fill="#666"
240
220
  stroke="currentColor"
241
221
  strokeWidth="1.5"
242
222
  viewBox="0 0 24 24"
243
223
  xmlns="http://www.w3.org/2000/svg"
244
224
  aria-hidden="true"
245
- width="16"
246
- height="16"
225
+ width="20"
226
+ height="20"
247
227
  >
248
228
  <path
249
229
  strokeLinecap="round"
250
230
  strokeLinejoin="round"
251
- 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"
231
+ d="M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75"
252
232
  ></path>
253
233
  </svg>
254
234
  </div>
255
- <p>{labels?.filter || 'Filtrar por'}</p>
235
+ <p>{labels?.orderDesc || 'Maior primeiro'}</p>
256
236
  </S.OptionFilterDialog>
257
- )}
258
- </S.ListFilterDialog>
259
- </S.FilterDialog>
260
- )}
261
- </S.Th>
262
- ))}
263
- </S.TableRow>
264
- ))}
265
- </S.Thead>
266
- <tbody>
267
- <SortableContext items={dataIds} strategy={verticalListSortingStrategy}>
268
- {table.getRowModel().rows.map((row: any) => {
269
- return draggable ? (
270
- <DraggableRow
271
- key={row.id}
272
- row={row}
273
- onClick={onClick}
274
- onMouseOver={onMouseOver}
275
- onMouseOut={onMouseOut}
276
- />
277
- ) : (
278
- <SimpleRow
279
- key={row.id}
280
- row={row}
281
- onClick={onClick}
282
- onMouseOver={onMouseOver}
283
- onMouseOut={onMouseOut}
284
- />
285
- )
286
- })}
287
- </SortableContext>
288
- </tbody>
289
- </S.Table>
237
+ {!header?.column?.columnDef?.nofilter && (
238
+ <S.OptionFilterDialog
239
+ onClick={() => {
240
+ onFilterClick &&
241
+ onFilterClick(header.column.columnDef.accessorKey)
242
+ setOpenFilterDialog('')
243
+ }}
244
+ >
245
+ <div className="icon">
246
+ <svg
247
+ fill="none"
248
+ stroke="currentColor"
249
+ strokeWidth="1.5"
250
+ viewBox="0 0 24 24"
251
+ xmlns="http://www.w3.org/2000/svg"
252
+ aria-hidden="true"
253
+ width="16"
254
+ height="16"
255
+ >
256
+ <path
257
+ strokeLinecap="round"
258
+ strokeLinejoin="round"
259
+ 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"
260
+ ></path>
261
+ </svg>
262
+ </div>
263
+ <p>{labels?.filter || 'Filtrar por'}</p>
264
+ </S.OptionFilterDialog>
265
+ )}
266
+ </S.ListFilterDialog>
267
+ </S.FilterDialog>
268
+ )}
269
+ </S.Th>
270
+ ))}
271
+ </S.TableRow>
272
+ ))}
273
+ </S.Thead>
274
+ <tbody>
275
+ <SortableContext items={dataIds} strategy={verticalListSortingStrategy}>
276
+ {table.getRowModel().rows.map((row: any) => {
277
+ return draggable ? (
278
+ <DraggableRow
279
+ key={row.id}
280
+ row={row}
281
+ onClick={onClick}
282
+ onMouseOver={onMouseOver}
283
+ onMouseOut={onMouseOut}
284
+ />
285
+ ) : (
286
+ <SimpleRow
287
+ key={row.id}
288
+ row={row}
289
+ onClick={onClick}
290
+ onMouseOver={onMouseOver}
291
+ onMouseOut={onMouseOut}
292
+ />
293
+ )
294
+ })}
295
+ </SortableContext>
296
+ </tbody>
297
+ </S.Table>
298
+ </S.TableContainer>
290
299
  </DndContext>
291
300
  {pagination && (
292
301
  <Pagination
package/src/stories/UncontrolledTable.stories.tsx CHANGED
@@ -52,7 +52,34 @@ const columns = [
52
52
  enableColumnFilter: true,
53
53
  filterFn: 'customFilterText',
54
54
  },
55
-
55
+ {
56
+ header: 'Confiança da transcrição da conversa',
57
+ accessorKey: 'campaign',
58
+ type: 'string',
59
+ enableColumnFilter: true,
60
+ filterFn: 'customFilterText',
61
+ },
62
+ {
63
+ header: 'Confiança da transcrição da conversa',
64
+ accessorKey: 'campaign',
65
+ type: 'string',
66
+ enableColumnFilter: true,
67
+ filterFn: 'customFilterText',
68
+ },
69
+ {
70
+ header: 'Confiança da transcrição da conversa',
71
+ accessorKey: 'campaign',
72
+ type: 'string',
73
+ enableColumnFilter: true,
74
+ filterFn: 'customFilterText',
75
+ },
76
+ {
77
+ header: 'Confiança da transcrição da conversa',
78
+ accessorKey: 'campaign',
79
+ type: 'string',
80
+ enableColumnFilter: true,
81
+ filterFn: 'customFilterText',
82
+ },
56
83
  {
57
84
  header: 'Ação',
58
85
  accessorKey: 'action',