flipper-ui 0.37.1 → 0.37.2

package/core/data-display/fab/index.d.ts

@@ -6,5 +6,5 @@ export interface IFabProps extends DefaultProps, FabProps {
     onClick?: (event?: MouseEvent<HTMLElement>) => void;
     children: ReactElement<Record<string, unknown>> | string;
 }
-declare const Fab: ({ children, margin, padding, style, ...otherProps }: IFabProps) => React.JSX.Element;
+declare const Fab: ({ children, margin, padding, disabled, style, ...otherProps }: IFabProps) => React.JSX.Element;
 export default Fab;

package/core/data-display/fab/index.js

@@ -11,7 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _Fab = _interopRequireDefault(require("@mui/material/Fab"));
 var _theme = require("../../../theme");
-var _excluded = ["children", "margin", "padding", "style"];
+var _excluded = ["children", "margin", "padding", "disabled", "style"];
 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 gray = _theme.theme.colors.gray;
@@ -19,11 +19,13 @@ var Fab = function Fab(_ref) {
   var children = _ref.children,
     margin = _ref.margin,
     padding = _ref.padding,
+    disabled = _ref.disabled,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Fab["default"], (0, _extends2["default"])({}, otherProps, {
     color: "inherit",
+    disabled: disabled,
     style: _objectSpread({
       margin: margin,
       padding: padding

package/core/data-display/fab-v2/index.d.ts

@@ -9,6 +9,7 @@ export interface IProps extends IFabProps {
     padding?: string | number;
     margin?: string | number;
     style?: CSSProperties;
+    disabled?: boolean;
     children: JSX.Element;
     onClick(event: MouseEvent<HTMLButtonElement>): void;
 }

package/core/data-display/fab-v2/index.js

@@ -11,22 +11,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _fab = _interopRequireDefault(require("../fab"));
 var _tooltip = _interopRequireDefault(require("../../feedback/tooltip"));
-var _excluded = ["mini", "children", "padding", "name", "margin", "style"];
+var _excluded = ["mini", "name", "style", "margin", "padding", "children", "disabled"];
 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 FabV2 = function FabV2(props) {
   var renderButton = function renderButton() {
     var mini = props.mini,
-      children = props.children,
-      padding = props.padding,
       name = props.name,
-      margin = props.margin,
       style = props.style,
+      margin = props.margin,
+      padding = props.padding,
+      children = props.children,
+      disabled = props.disabled,
       otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
     return /*#__PURE__*/_react["default"].createElement(_fab["default"], (0, _extends2["default"])({
-      size: mini ? 'small' : 'medium',
+      disabled: disabled,
+      "data-testid": "fab-button",
       name: name || 'action-button',
-      "data-testid": "fab-button"
+      size: mini ? 'small' : 'medium'
     }, otherProps, {
       style: _objectSpread({
         margin: margin,

package/core/data-display/table-interactive/TableInteractive.d.ts

@@ -15,6 +15,7 @@ export interface ITableInteractive extends Omit<TableProps, 'children'> {
         name: string;
         label: string;
         show: boolean;
+        width?: string;
     }[];
     className?: string;
     paginated?: boolean;

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableInteractive = exports.Direction = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
@@ -51,7 +52,7 @@ var TableInteractive = exports.TableInteractive = function TableInteractive(prop
       display: 'table',
       tableLayout: 'fixed'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_table["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_table["default"], (0, _extends2["default"])({}, props, {
     name: props.name,
     id: 'list-' + props.name,
     className: props.className,
@@ -59,7 +60,7 @@ var TableInteractive = exports.TableInteractive = function TableInteractive(prop
       border: props.isInteractive ? 'none !important' : "1px solid ".concat(gray[300])
     },
     sx: _objectSpread({}, props.sx)
-  }, /*#__PURE__*/_react["default"].createElement(_TableInteractiveHead.TableInteractiveHead, {
+  }), /*#__PURE__*/_react["default"].createElement(_TableInteractiveHead.TableInteractiveHead, {
     active: props.active,
     headers: props.headers,
     children: props.children,

package/core/data-display/table-interactive/styles.d.ts

@@ -10,3 +10,8 @@ export declare const ActionsWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TableCellInteractive: import("@emotion/styled").StyledComponent<import("../table/table-cell").ITableCellProps & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    width?: string;
+}, {}, {}>;

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

@@ -4,12 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TableHeaderContent = exports.ContentWrapper = exports.ActionsWrapper = void 0;
+exports.TableHeaderContent = exports.TableCellInteractive = exports.ContentWrapper = exports.ActionsWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _tableCell = _interopRequireDefault(require("../table/table-cell"));
 var _theme = require("../../../theme");
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var gray = _theme.theme.colors.gray;
 var ContentWrapper = exports.ContentWrapper = _styled["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 2px solid ", ";\n"])), gray[300]);
 var TableHeaderContent = exports.TableHeaderContent = _styled["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin: 0 0 8px 0;\n\n    & > div {\n        display: flex;\n        justify-content: flex-end;\n        gap: 8px;\n    }\n"])));
-var ActionsWrapper = exports.ActionsWrapper = _styled["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n"])));
+var ActionsWrapper = exports.ActionsWrapper = _styled["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n"])));
+var TableCellInteractive = exports.TableCellInteractive = (0, _styled["default"])(_tableCell["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        @media (max-width: 1440px) {\n            padding: 16px 8px;\n        }\n    }\n"])));

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.setVisibleColumns = exports.getVisibleColumns = exports.getOrderedVisibleColumns = exports.getInitialColumns = exports.generateHeader = exports.STORAGE_KEY = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _tableCell = _interopRequireDefault(require("../table/table-cell"));
+var _styles = require("./styles");
 var STORAGE_KEY = exports.STORAGE_KEY = 'visible-columns';
 var getInitialColumns = exports.getInitialColumns = function getInitialColumns(columns, key) {
   var stored = localStorage.getItem(STORAGE_KEY);
@@ -31,7 +31,7 @@ var setVisibleColumns = exports.setVisibleColumns = function setVisibleColumns(c
 };
 var generateHeader = exports.generateHeader = function generateHeader(header, visibleColumns) {
   if (!(visibleColumns !== null && visibleColumns !== void 0 && visibleColumns.includes(header.name))) return null;
-  return /*#__PURE__*/_react["default"].createElement(_tableCell["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_styles.TableCellInteractive, {
     key: header.name + '-header',
     name: header.name
   }, header.label);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.37.1",
+    "version": "0.37.2",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",
@@ -40,10 +40,10 @@
         "react-number-format": "5.4.4"
     },
     "devDependencies": {
-        "@babel/cli": "7.28.0",
-        "@babel/core": "7.28.0",
-        "@babel/plugin-transform-runtime": "7.28.0",
-        "@babel/preset-env": "7.28.0",
+        "@babel/cli": "7.28.3",
+        "@babel/core": "7.28.3",
+        "@babel/plugin-transform-runtime": "7.28.3",
+        "@babel/preset-env": "7.28.3",
         "@babel/preset-react": "7.27.1",
         "@babel/preset-typescript": "7.27.1",
         "@faker-js/faker": "9.9.0",
@@ -52,29 +52,29 @@
         "@storybook/blocks": "8.6.12",
         "@storybook/react": "8.6.12",
         "@storybook/react-webpack5": "8.6.12",
-        "@stylistic/eslint-plugin": "5.2.2",
+        "@stylistic/eslint-plugin": "5.2.3",
         "@testing-library/dom": "10.4.1",
-        "@testing-library/jest-dom": "6.6.4",
+        "@testing-library/jest-dom": "6.8.0",
         "@testing-library/react": "16.3.0",
         "@testing-library/user-event": "14.6.1",
         "@types/jest": "30.0.0",
-        "@types/node": "24.1.0",
+        "@types/node": "24.3.0",
         "@types/ramda": "0.30.2",
         "@types/react": "18.3.12",
-        "@typescript-eslint/eslint-plugin": "8.38.0",
-        "@typescript-eslint/parser": "8.38.0",
+        "@typescript-eslint/eslint-plugin": "8.40.0",
+        "@typescript-eslint/parser": "8.40.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.32.0",
+        "eslint": "9.34.0",
         "eslint-config-prettier": "10.1.8",
         "eslint-import-resolver-typescript": "4.4.4",
         "eslint-plugin-import": "2.32.0",
-        "eslint-plugin-prettier": "5.5.3",
+        "eslint-plugin-prettier": "5.5.4",
         "eslint-plugin-react": "7.37.5",
         "eslint-plugin-react-hooks": "5.2.0",
-        "fs-extra": "11.3.0",
+        "fs-extra": "11.3.1",
         "identity-obj-proxy": "3.0.0",
         "jest": "30.0.5",
         "jest-environment-jsdom": "30.0.5",
@@ -83,12 +83,12 @@
         "react": "18.3.1",
         "react-dom": "18.3.1",
         "storybook": "8.6.12",
-        "ts-jest": "29.4.0",
-        "ts-loader": "9.5.2",
-        "typescript": "5.8.3",
-        "typescript-eslint": "8.38.0",
+        "ts-jest": "29.4.1",
+        "ts-loader": "9.5.4",
+        "typescript": "5.9.2",
+        "typescript-eslint": "8.40.0",
         "uuid": "11.1.0",
-        "webpack": "5.101.0"
+        "webpack": "5.101.3"
     },
     "peerDependencies": {
         "date-fns": "^4.0.0",