flipper-ui 0.39.1 → 0.39.3
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/core/data-display/data-table/data-table-query-paginated.d.ts +2 -0
- package/core/data-display/data-table/data-table-query-paginated.js +25 -6
- package/core/feedback/nothing-found/index.d.ts +2 -1
- package/icons/specific/IconFilePfx.d.ts +3 -0
- package/icons/specific/IconFilePfx.js +27 -0
- package/package.json +10 -10
|
@@ -20,6 +20,8 @@ export type DataTableProps<D extends Data, V extends StackView = Record<string,
|
|
|
20
20
|
pagination?: Partial<PaginationOptions>;
|
|
21
21
|
controllerRef?: MutableRefObject<DataTableController<D, V> | undefined>;
|
|
22
22
|
hidden?: boolean;
|
|
23
|
+
className?: string;
|
|
24
|
+
responsive?: boolean;
|
|
23
25
|
rowViews?: Record<keyof V, RowViewComponent<D>>;
|
|
24
26
|
onRowClick?: (event: MouseEvent<HTMLTableRowElement>, rowData: D) => void;
|
|
25
27
|
};
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = exports.DataTableQueryPaginated = void 0;
|
|
9
|
+
var _Box2 = _interopRequireDefault(require("@mui/material/Box"));
|
|
9
10
|
var _last2 = _interopRequireDefault(require("ramda/es/last"));
|
|
10
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
@@ -28,12 +29,12 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
28
29
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
29
30
|
var defaultPagination = {
|
|
30
31
|
rowsPerPage: 10,
|
|
31
|
-
labelRowsPerPage: '
|
|
32
|
+
labelRowsPerPage: 'Linhas por página:',
|
|
32
33
|
labelDisplayedRows: function labelDisplayedRows(_ref) {
|
|
33
34
|
var from = _ref.from,
|
|
34
35
|
to = _ref.to,
|
|
35
36
|
count = _ref.count;
|
|
36
|
-
return "".concat(from, "-").concat(to, "
|
|
37
|
+
return "".concat(from, "-").concat(to, " de ").concat(count !== -1 ? count : "mais que ".concat(to));
|
|
37
38
|
},
|
|
38
39
|
disabled: false,
|
|
39
40
|
showFirstButton: false,
|
|
@@ -61,7 +62,10 @@ var DataTableQueryPaginated = exports.DataTableQueryPaginated = function DataTab
|
|
|
61
62
|
bodyStyle = props.bodyStyle,
|
|
62
63
|
headStyle = props.headStyle,
|
|
63
64
|
hiddenRowHeight = props.hiddenRowHeight,
|
|
64
|
-
hidden = props.hidden
|
|
65
|
+
hidden = props.hidden,
|
|
66
|
+
className = props.className,
|
|
67
|
+
_props$responsive = props.responsive,
|
|
68
|
+
responsive = _props$responsive === void 0 ? false : _props$responsive;
|
|
65
69
|
var _useState = (0, _react.useState)(),
|
|
66
70
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
67
71
|
newRow = _useState2[0],
|
|
@@ -182,15 +186,19 @@ var DataTableQueryPaginated = exports.DataTableQueryPaginated = function DataTab
|
|
|
182
186
|
clickable: !pagination.clickable
|
|
183
187
|
});
|
|
184
188
|
}, [pagination.showFirstButton, pagination.showLastButton, pagination.clickable]);
|
|
185
|
-
|
|
189
|
+
var table = /*#__PURE__*/_react["default"].createElement(_TableContainer["default"], {
|
|
186
190
|
component: _Paper["default"]
|
|
187
|
-
}, /*#__PURE__*/_react["default"].createElement(_Table["default"],
|
|
191
|
+
}, /*#__PURE__*/_react["default"].createElement(_Table["default"], {
|
|
192
|
+
className: className
|
|
193
|
+
}, !noHeader && /*#__PURE__*/_react["default"].createElement(_TableHead["default"], {
|
|
188
194
|
style: headStyle
|
|
189
195
|
}, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
|
|
190
196
|
style: headRowStyle
|
|
191
197
|
}, columnsList)), /*#__PURE__*/_react["default"].createElement(_TableBody["default"], {
|
|
192
198
|
style: bodyStyle
|
|
193
|
-
}, currentRowsNumber === 0 || !pagination.clickable ? componentForEmpty : rowsElements, hiddenRowFiller), !pagination.disabled && /*#__PURE__*/_react["default"].createElement(_TableFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"],
|
|
199
|
+
}, currentRowsNumber === 0 || !pagination.clickable ? componentForEmpty : rowsElements, hiddenRowFiller), !pagination.disabled && /*#__PURE__*/_react["default"].createElement(_TableFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
|
|
200
|
+
className: "no-hover"
|
|
201
|
+
}, /*#__PURE__*/_react["default"].createElement(_TablePagination["default"], {
|
|
194
202
|
count: totalElements,
|
|
195
203
|
page: page,
|
|
196
204
|
rowsPerPageOptions: pagination.rowsPerPageOptions,
|
|
@@ -205,5 +213,16 @@ var DataTableQueryPaginated = exports.DataTableQueryPaginated = function DataTab
|
|
|
205
213
|
handleChangePerPage(parseInt(event.target.value, 10));
|
|
206
214
|
}
|
|
207
215
|
})))));
|
|
216
|
+
return responsive ? /*#__PURE__*/_react["default"].createElement(_Box2["default"], {
|
|
217
|
+
sx: {
|
|
218
|
+
overflow: 'auto'
|
|
219
|
+
}
|
|
220
|
+
}, /*#__PURE__*/_react["default"].createElement(_Box2["default"], {
|
|
221
|
+
sx: {
|
|
222
|
+
width: '100%',
|
|
223
|
+
display: 'table',
|
|
224
|
+
tableLayout: 'fixed'
|
|
225
|
+
}
|
|
226
|
+
}, table)) : table;
|
|
208
227
|
};
|
|
209
228
|
var _default = exports["default"] = DataTableQueryPaginated;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.IconFilePfx = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _utils = require("@mui/material/utils");
|
|
10
|
+
var _theme = require("../../theme");
|
|
11
|
+
var amber = _theme.theme.colors.amber;
|
|
12
|
+
var IconFilePfx = exports.IconFilePfx = (0, _utils.createSvgIcon)(/*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("path", {
|
|
13
|
+
fill: amber[50],
|
|
14
|
+
fillRule: "evenodd",
|
|
15
|
+
clipRule: "evenodd",
|
|
16
|
+
d: "M6.41317 2.00021H14.6211L17 4.5L18.5609 6.10657L20 7.49686V20.646C20 21.3906 19.364 22 18.5868 22H6.41317C5.63601 22 5 21.3906 5 20.646V3.35399C5 2.60938 5.63601 2.00021 6.41317 2.00021Z"
|
|
17
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
18
|
+
fill: amber[700],
|
|
19
|
+
fillRule: "evenodd",
|
|
20
|
+
clipRule: "evenodd",
|
|
21
|
+
d: "M19.9022 7.49765L15.9524 7.49744C15.8357 7.49744 15.7191 7.49972 15.6024 7.49744C15.515 7.49558 15.4271 7.49101 15.3413 7.47276C15.1576 7.43377 15.0278 7.33421 14.8974 7.2023C14.7596 7.06291 14.6814 6.91856 14.6512 6.72255C14.6367 6.62839 14.6339 6.53277 14.6337 6.43757C14.6333 6.32204 14.6365 6.20651 14.6361 6.09098L14.6216 2.13772L14.6206 2L14.7151 2.09665L15.9918 3.40335L17.3296 4.77268L19.9996 7.49703L19.9018 7.49765H19.9022Z"
|
|
22
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
23
|
+
fill: amber[700],
|
|
24
|
+
fillRule: "evenodd",
|
|
25
|
+
clipRule: "evenodd",
|
|
26
|
+
d: "M5.06935 10.8495H17.4612C18.0495 10.8495 18.5306 11.3386 18.5306 11.9361V15.9643C18.5306 16.562 18.0493 17.0509 17.4612 17.0509H5.06935C4.48109 17.0509 4 16.5618 4 15.9643V11.9361C4 11.3384 4.4813 10.8495 5.06935 10.8495ZM10.3595 12.7079V13.8213H10.4971C10.6286 13.8213 10.7231 13.7783 10.7792 13.6912C10.8353 13.6043 10.8631 13.46 10.8631 13.2565C10.8631 13.0592 10.8347 12.9176 10.778 12.8342C10.7212 12.75 10.6231 12.7079 10.4828 12.7079H10.3593H10.3595ZM9.77068 12.084H10.412C10.5855 12.084 10.7218 12.0967 10.8219 12.1217C10.9213 12.1477 11.0039 12.1881 11.0701 12.2445C11.1911 12.3458 11.2823 12.4839 11.3442 12.6596C11.4064 12.8344 11.4375 13.0406 11.4375 13.2762C11.4375 13.667 11.3591 13.96 11.2023 14.1565C11.0456 14.3527 10.8123 14.4506 10.501 14.4506H10.3595V15.8166H9.77068V12.084ZM11.7781 12.084H13.1781V12.7079H12.367V13.6329H13.1485V14.2622H12.367V15.8166H11.7781V12.084ZM13.3745 12.084H14.0326L14.3961 13.2503L14.7702 12.084H15.3924L14.7343 13.8464L15.4375 15.8166H14.7812L14.3595 14.4819L13.9189 15.8166H13.2892L14.0219 13.8464L13.3745 12.084Z"
|
|
27
|
+
})), 'IconFilePfx');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flipper-ui",
|
|
3
|
-
"version": "0.39.
|
|
3
|
+
"version": "0.39.3",
|
|
4
4
|
"description": "React UI based on the @mui/material toolkit for the web",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"author": "NG",
|
|
@@ -52,22 +52,22 @@
|
|
|
52
52
|
"@storybook/blocks": "8.6.12",
|
|
53
53
|
"@storybook/react": "8.6.12",
|
|
54
54
|
"@storybook/react-webpack5": "8.6.12",
|
|
55
|
-
"@stylistic/eslint-plugin": "5.
|
|
55
|
+
"@stylistic/eslint-plugin": "5.6.1",
|
|
56
56
|
"@testing-library/dom": "10.4.1",
|
|
57
57
|
"@testing-library/jest-dom": "6.9.1",
|
|
58
|
-
"@testing-library/react": "16.3.
|
|
58
|
+
"@testing-library/react": "16.3.1",
|
|
59
59
|
"@testing-library/user-event": "14.6.1",
|
|
60
60
|
"@types/jest": "30.0.0",
|
|
61
61
|
"@types/node": "24.10.0",
|
|
62
62
|
"@types/ramda": "0.30.2",
|
|
63
63
|
"@types/react": "18.3.12",
|
|
64
|
-
"@typescript-eslint/eslint-plugin": "8.
|
|
65
|
-
"@typescript-eslint/parser": "8.
|
|
64
|
+
"@typescript-eslint/eslint-plugin": "8.50.0",
|
|
65
|
+
"@typescript-eslint/parser": "8.50.0",
|
|
66
66
|
"babel-loader": "10.0.0",
|
|
67
67
|
"babel-plugin-import": "1.13.8",
|
|
68
68
|
"babel-plugin-module-resolver": "5.0.2",
|
|
69
69
|
"date-fns": "4.1.0",
|
|
70
|
-
"eslint": "9.39.
|
|
70
|
+
"eslint": "9.39.2",
|
|
71
71
|
"eslint-config-prettier": "10.1.8",
|
|
72
72
|
"eslint-import-resolver-typescript": "4.4.4",
|
|
73
73
|
"eslint-plugin-import": "2.32.0",
|
|
@@ -78,17 +78,17 @@
|
|
|
78
78
|
"identity-obj-proxy": "3.0.0",
|
|
79
79
|
"jest": "30.2.0",
|
|
80
80
|
"jest-environment-jsdom": "30.2.0",
|
|
81
|
-
"prettier": "3.
|
|
81
|
+
"prettier": "3.7.4",
|
|
82
82
|
"ramda": "0.30.1",
|
|
83
83
|
"react": "18.3.1",
|
|
84
84
|
"react-dom": "18.3.1",
|
|
85
85
|
"storybook": "8.6.12",
|
|
86
|
-
"ts-jest": "29.4.
|
|
86
|
+
"ts-jest": "29.4.6",
|
|
87
87
|
"ts-loader": "9.5.4",
|
|
88
88
|
"typescript": "5.9.3",
|
|
89
|
-
"typescript-eslint": "8.
|
|
89
|
+
"typescript-eslint": "8.50.0",
|
|
90
90
|
"uuid": "11.1.0",
|
|
91
|
-
"webpack": "5.
|
|
91
|
+
"webpack": "5.104.0"
|
|
92
92
|
},
|
|
93
93
|
"peerDependencies": {
|
|
94
94
|
"date-fns": "^4.0.0",
|