flipper-ui 0.39.0 → 0.39.2

package/core/data-display/data-table/data-table-query-paginated.d.ts

@@ -20,6 +20,8 @@ export type DataTableProps<D extends Data, V extends StackView = Record<string,
     pagination?: Partial<PaginationOptions>;
     controllerRef?: MutableRefObject<DataTableController<D, V> | undefined>;
     hidden?: boolean;
+    className?: string;
+    responsive?: boolean;
     rowViews?: Record<keyof V, RowViewComponent<D>>;
     onRowClick?: (event: MouseEvent<HTMLTableRowElement>, rowData: D) => void;
 };

package/core/data-display/data-table/data-table-query-paginated.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DataTableQueryPaginated = void 0;
+var _Box2 = _interopRequireDefault(require("@mui/material/Box"));
 var _last2 = _interopRequireDefault(require("ramda/es/last"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -28,12 +29,12 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var defaultPagination = {
   rowsPerPage: 10,
-  labelRowsPerPage: 'Rows per page:',
+  labelRowsPerPage: 'Linhas por página:',
   labelDisplayedRows: function labelDisplayedRows(_ref) {
     var from = _ref.from,
       to = _ref.to,
       count = _ref.count;
-    return "".concat(from, "-").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
+    return "".concat(from, "-").concat(to, " de ").concat(count !== -1 ? count : "mais que ".concat(to));
   },
   disabled: false,
   showFirstButton: false,
@@ -61,7 +62,10 @@ var DataTableQueryPaginated = exports.DataTableQueryPaginated = function DataTab
     bodyStyle = props.bodyStyle,
     headStyle = props.headStyle,
     hiddenRowHeight = props.hiddenRowHeight,
-    hidden = props.hidden;
+    hidden = props.hidden,
+    className = props.className,
+    _props$responsive = props.responsive,
+    responsive = _props$responsive === void 0 ? false : _props$responsive;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     newRow = _useState2[0],
@@ -182,15 +186,19 @@ var DataTableQueryPaginated = exports.DataTableQueryPaginated = function DataTab
       clickable: !pagination.clickable
     });
   }, [pagination.showFirstButton, pagination.showLastButton, pagination.clickable]);
-  return /*#__PURE__*/_react["default"].createElement(_TableContainer["default"], {
+  var table = /*#__PURE__*/_react["default"].createElement(_TableContainer["default"], {
     component: _Paper["default"]
-  }, /*#__PURE__*/_react["default"].createElement(_Table["default"], null, !noHeader && /*#__PURE__*/_react["default"].createElement(_TableHead["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Table["default"], {
+    className: className
+  }, !noHeader && /*#__PURE__*/_react["default"].createElement(_TableHead["default"], {
     style: headStyle
   }, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
     style: headRowStyle
   }, columnsList)), /*#__PURE__*/_react["default"].createElement(_TableBody["default"], {
     style: bodyStyle
-  }, currentRowsNumber === 0 || !pagination.clickable ? componentForEmpty : rowsElements, hiddenRowFiller), !pagination.disabled && /*#__PURE__*/_react["default"].createElement(_TableFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TablePagination["default"], {
+  }, currentRowsNumber === 0 || !pagination.clickable ? componentForEmpty : rowsElements, hiddenRowFiller), !pagination.disabled && /*#__PURE__*/_react["default"].createElement(_TableFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
+    className: "no-hover"
+  }, /*#__PURE__*/_react["default"].createElement(_TablePagination["default"], {
     count: totalElements,
     page: page,
     rowsPerPageOptions: pagination.rowsPerPageOptions,
@@ -205,5 +213,16 @@ var DataTableQueryPaginated = exports.DataTableQueryPaginated = function DataTab
       handleChangePerPage(parseInt(event.target.value, 10));
     }
   })))));
+  return responsive ? /*#__PURE__*/_react["default"].createElement(_Box2["default"], {
+    sx: {
+      overflow: 'auto'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Box2["default"], {
+    sx: {
+      width: '100%',
+      display: 'table',
+      tableLayout: 'fixed'
+    }
+  }, table)) : table;
 };
 var _default = exports["default"] = DataTableQueryPaginated;

package/core/feedback/nothing-found/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import type { ReactNode } from 'react';
 export interface IProps {
     searchText?: string;
-    customText?: string;
+    customText?: ReactNode;
     buttonLabel?: string;
     readonly?: boolean;
     show: boolean;

package/core/inputs/date-time/index.js

@@ -124,7 +124,18 @@ var CustomStaticDateTimePicker = function CustomStaticDateTimePicker(props) {
             minHeight: '36px'
           },
           '.MuiDateCalendar-root': {
-            maxHeight: '300px'
+            height: 'unset'
+          },
+          '& .MuiPickersSlideTransition-root': {
+            overflow: 'hidden',
+            minHeight: '160px',
+            transition: 'min-height 200ms ease-in-out'
+          },
+          '& .MuiPickersSlideTransition-root:has(.MuiDayCalendar-monthContainer > :nth-child(5))': {
+            minHeight: '200px'
+          },
+          '& .MuiPickersSlideTransition-root:has(.MuiDayCalendar-monthContainer > :nth-child(6))': {
+            minHeight: '240px'
           }
         }
       }
@@ -207,7 +218,18 @@ var DateTime = function DateTime(_ref) {
           layout: {
             sx: {
               '.MuiDateCalendar-root': {
-                maxHeight: '300px'
+                height: 'unset'
+              },
+              '& .MuiPickersSlideTransition-root': {
+                overflow: 'hidden',
+                minHeight: '160px',
+                transition: 'min-height 200ms ease-in-out'
+              },
+              '& .MuiPickersSlideTransition-root:has(.MuiDayCalendar-monthContainer > :nth-child(5))': {
+                minHeight: '200px'
+              },
+              '& .MuiPickersSlideTransition-root:has(.MuiDayCalendar-monthContainer > :nth-child(6))': {
+                minHeight: '240px'
               }
             }
           }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.39.0",
+    "version": "0.39.2",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",
@@ -52,22 +52,22 @@
         "@storybook/blocks": "8.6.12",
         "@storybook/react": "8.6.12",
         "@storybook/react-webpack5": "8.6.12",
-        "@stylistic/eslint-plugin": "5.5.0",
+        "@stylistic/eslint-plugin": "5.6.1",
         "@testing-library/dom": "10.4.1",
         "@testing-library/jest-dom": "6.9.1",
-        "@testing-library/react": "16.3.0",
+        "@testing-library/react": "16.3.1",
         "@testing-library/user-event": "14.6.1",
         "@types/jest": "30.0.0",
         "@types/node": "24.10.0",
         "@types/ramda": "0.30.2",
         "@types/react": "18.3.12",
-        "@typescript-eslint/eslint-plugin": "8.46.2",
-        "@typescript-eslint/parser": "8.46.2",
+        "@typescript-eslint/eslint-plugin": "8.50.0",
+        "@typescript-eslint/parser": "8.50.0",
         "babel-loader": "10.0.0",
         "babel-plugin-import": "1.13.8",
         "babel-plugin-module-resolver": "5.0.2",
         "date-fns": "4.1.0",
-        "eslint": "9.39.0",
+        "eslint": "9.39.2",
         "eslint-config-prettier": "10.1.8",
         "eslint-import-resolver-typescript": "4.4.4",
         "eslint-plugin-import": "2.32.0",
@@ -78,17 +78,17 @@
         "identity-obj-proxy": "3.0.0",
         "jest": "30.2.0",
         "jest-environment-jsdom": "30.2.0",
-        "prettier": "3.6.2",
+        "prettier": "3.7.4",
         "ramda": "0.30.1",
         "react": "18.3.1",
         "react-dom": "18.3.1",
         "storybook": "8.6.12",
-        "ts-jest": "29.4.5",
+        "ts-jest": "29.4.6",
         "ts-loader": "9.5.4",
         "typescript": "5.9.3",
-        "typescript-eslint": "8.46.2",
+        "typescript-eslint": "8.50.0",
         "uuid": "11.1.0",
-        "webpack": "5.102.1"
+        "webpack": "5.104.0"
     },
     "peerDependencies": {
         "date-fns": "^4.0.0",