flipper-ui 0.35.4 → 0.35.6

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

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.DataTable = void 0;
 var _last2 = _interopRequireDefault(require("ramda/es/last"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _equals2 = _interopRequireDefault(require("ramda/es/equals"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
@@ -49,16 +50,8 @@ var sliceData = function sliceData(data, page, rowsPerPage) {
   return data.slice(start, end);
 };
 var DataTable = exports.DataTable = function DataTable(props) {
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    page = _useState2[0],
-    setPage = _useState2[1];
-  var pagination = _objectSpread(_objectSpread({}, defaultPagination), props.pagination);
-  var _useState3 = (0, _react.useState)(pagination.rowsPerPage),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    rowsPerPage = _useState4[0],
-    setRowsPerPage = _useState4[1];
-  var data = props.data,
+  var _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
     columns = props.columns,
     rowViews = props.rowViews,
     onRowClick = props.onRowClick,
@@ -77,28 +70,36 @@ var DataTable = exports.DataTable = function DataTable(props) {
     hidden = props.hidden,
     checkbox = props.checkbox,
     checkboxProps = props.checkboxProps;
+  var pagination = _objectSpread(_objectSpread({}, defaultPagination), props.pagination);
+  var controller = (0, _react.useRef)();
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    page = _useState2[0],
+    setPage = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    rows = _useState4[0],
+    setRows = _useState4[1];
   var _useState5 = (0, _react.useState)(),
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     newRow = _useState6[0],
     setNewRow = _useState6[1];
-  var rows = (0, _react.useMemo)(function () {
-    if (pagination.disabled) {
-      return data;
-    }
-
-    // this case is not good for the useRowsMode hook
-    if (newRow && page === 0) {
-      return sliceData(data, page, rowsPerPage - 1);
+  var _useState7 = (0, _react.useState)(pagination.rowsPerPage),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    rowsPerPage = _useState8[0],
+    setRowsPerPage = _useState8[1];
+  (0, _react.useEffect)(function () {
+    var newRows = pagination.disabled ? data : sliceData(data, page, newRow && page === 0 ? rowsPerPage - 1 : rowsPerPage);
+    if (!(0, _equals2["default"])(rows, newRows)) {
+      setRows(newRows);
     }
-    return sliceData(data, page, rowsPerPage);
-  }, [pagination.disabled, data, rowsPerPage, page, newRow]);
+  }, [data, page, newRow, rowsPerPage, pagination.disabled]);
   var _useRowsState = (0, _useRowsState2.useRowsState)(rows, hidden, newRow),
     getRowState = _useRowsState.getRowState,
     setEditableRowState = _useRowsState.setEditableRowState,
     setRowState = _useRowsState.setRowState,
     pushRowView = _useRowsState.pushRowView,
     popRowView = _useRowsState.popRowView;
-  var controller = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     var nextController = {
       editRow: function editRow(id) {

package/core/feedback/tooltip/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { ReactElement, CSSProperties, ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
-export interface TooltipProps extends DefaultProps {
+import type { TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';
+export interface TooltipProps extends DefaultProps, MuiTooltipProps {
     placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
     title: ReactNode;
     withWrapper?: boolean;
@@ -11,6 +12,7 @@ export interface TooltipProps extends DefaultProps {
     open?: boolean;
     children: ReactElement<Record<string, unknown>>;
     enterDelay?: number;
+    zIndex?: number;
 }
-declare const Tooltip: ({ children, withWrapper, wrapperStyle, enterDelay, title, ...otherProps }: TooltipProps) => React.JSX.Element;
+declare const Tooltip: ({ title, zIndex, children, withWrapper, wrapperStyle, enterDelay, ...otherProps }: TooltipProps) => React.JSX.Element;
 export default Tooltip;

package/core/feedback/tooltip/index.js

@@ -10,20 +10,28 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-var _excluded = ["children", "withWrapper", "wrapperStyle", "enterDelay", "title"];
+var _excluded = ["title", "zIndex", "children", "withWrapper", "wrapperStyle", "enterDelay"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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 Tooltip = function Tooltip(_ref) {
-  var children = _ref.children,
+  var title = _ref.title,
+    zIndex = _ref.zIndex,
+    children = _ref.children,
     withWrapper = _ref.withWrapper,
     wrapperStyle = _ref.wrapperStyle,
     _ref$enterDelay = _ref.enterDelay,
     enterDelay = _ref$enterDelay === void 0 ? 1000 : _ref$enterDelay,
-    title = _ref.title,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], (0, _extends2["default"])({
     title: title || '',
-    enterDelay: enterDelay
+    enterDelay: enterDelay,
+    slotProps: {
+      popper: {
+        sx: {
+          zIndex: zIndex || 9999
+        }
+      }
+    }
   }, otherProps), withWrapper ? /*#__PURE__*/_react["default"].createElement("div", {
     style: _objectSpread({
       display: 'inherit'

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.35.4",
+    "version": "0.35.6",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",
@@ -32,64 +32,64 @@
     "dependencies": {
         "@emotion/react": "11.14.0",
         "@emotion/styled": "11.14.0",
-        "@mui/icons-material": "6.3.1",
-        "@mui/material": "6.3.1",
-        "@mui/system": "6.3.1",
-        "@mui/x-date-pickers": "7.23.3",
+        "@mui/icons-material": "6.4.2",
+        "@mui/material": "6.4.2",
+        "@mui/system": "6.4.2",
+        "@mui/x-date-pickers": "7.25.0",
         "ramda": "0.30.1",
         "react-loading-skeleton": "3.5.0",
         "react-number-format": "5.4.3"
     },
     "devDependencies": {
         "@babel/cli": "7.26.4",
-        "@babel/core": "7.26.0",
+        "@babel/core": "7.26.7",
         "@babel/plugin-transform-runtime": "7.25.9",
-        "@babel/preset-env": "7.26.0",
+        "@babel/preset-env": "7.26.7",
         "@babel/preset-react": "7.26.3",
         "@babel/preset-typescript": "7.26.0",
-        "@faker-js/faker": "9.3.0",
-        "@storybook/addon-essentials": "8.4.7",
+        "@faker-js/faker": "9.4.0",
+        "@storybook/addon-essentials": "8.5.3",
         "@storybook/addon-webpack5-compiler-babel": "3.0.5",
-        "@storybook/blocks": "8.4.7",
-        "@storybook/react": "8.4.7",
-        "@storybook/react-webpack5": "8.4.7",
-        "@stylistic/eslint-plugin": "2.12.1",
+        "@storybook/blocks": "8.5.3",
+        "@storybook/react": "8.5.3",
+        "@storybook/react-webpack5": "8.5.3",
+        "@stylistic/eslint-plugin": "3.0.1",
         "@testing-library/dom": "10.4.0",
         "@testing-library/jest-dom": "6.6.3",
-        "@testing-library/react": "16.1.0",
-        "@testing-library/user-event": "14.5.2",
+        "@testing-library/react": "16.2.0",
+        "@testing-library/user-event": "14.6.1",
         "@types/jest": "29.5.14",
-        "@types/node": "22.10.5",
+        "@types/node": "22.13.0",
         "@types/ramda": "0.30.2",
         "@types/react": "18.3.12",
         "@types/uuid": "10.0.0",
-        "@typescript-eslint/eslint-plugin": "8.19.1",
-        "@typescript-eslint/parser": "8.19.1",
+        "@typescript-eslint/eslint-plugin": "8.22.0",
+        "@typescript-eslint/parser": "8.22.0",
         "babel-loader": "9.2.1",
         "babel-plugin-import": "1.13.8",
         "babel-plugin-module-resolver": "5.0.2",
         "date-fns": "4.1.0",
-        "eslint": "9.17.0",
-        "eslint-config-prettier": "9.1.0",
+        "eslint": "9.19.0",
+        "eslint-config-prettier": "10.0.1",
         "eslint-import-resolver-typescript": "3.7.0",
         "eslint-plugin-import": "2.31.0",
-        "eslint-plugin-prettier": "5.2.1",
-        "eslint-plugin-react": "7.37.3",
+        "eslint-plugin-prettier": "5.2.3",
+        "eslint-plugin-react": "7.37.4",
         "eslint-plugin-react-hooks": "5.1.0",
-        "fs-extra": "11.2.0",
+        "fs-extra": "11.3.0",
         "identity-obj-proxy": "3.0.0",
         "jest": "29.7.0",
         "jest-environment-jsdom": "29.7.0",
         "prettier": "3.4.2",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "storybook": "8.4.7",
+        "storybook": "8.5.3",
         "styled-components": "6.1.14",
         "ts-jest": "29.2.5",
-        "ts-loader": "9.5.1",
+        "ts-loader": "9.5.2",
         "typescript": "5.7.3",
-        "typescript-eslint": "8.19.1",
-        "uuid": "11.0.4",
+        "typescript-eslint": "8.22.0",
+        "uuid": "11.0.5",
         "webpack": "5.97.1"
     },
     "peerDependencies": {