flipper-ui 0.37.1 → 0.37.3

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/icons/specific/IconAddLink.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IIconProps } from '../utils';
+export declare const IconAddLink: ({ color, width, height, viewBox }: IIconProps) => React.JSX.Element;

package/icons/specific/IconAddLink.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconAddLink = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("../../theme");
+var primary = _theme.theme.colors.primary;
+var IconAddLink = exports.IconAddLink = function IconAddLink(_ref) {
+  var color = _ref.color,
+    width = _ref.width,
+    height = _ref.height,
+    viewBox = _ref.viewBox;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    width: width || 24,
+    height: height || 24,
+    viewBox: viewBox || '0 0 24 24',
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M9.06776 11.5811L4.87885 15.77C3.95346 16.6954 3.95346 18.1958 4.87885 19.1212C5.80423 20.0465 7.30459 20.0465 8.22998 19.1212L12.4189 14.9322C13.3443 14.0069 13.3443 12.5065 12.4189 11.5811C11.4935 10.6557 9.99315 10.6557 9.06776 11.5811ZM4.04106 14.9322C2.65298 16.3203 2.65298 18.5709 4.04106 19.9589C5.42915 21.347 7.67968 21.347 9.06776 19.9589L13.2567 15.77C14.6448 14.3819 14.6448 12.1314 13.2567 10.7433C11.8686 9.35524 9.61806 9.35524 8.22998 10.7433L4.04106 14.9322Z",
+    fill: color || primary.main
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M15.77 4.87885L11.5811 9.06776C10.6557 9.99315 10.6557 11.4935 11.5811 12.4189C12.5065 13.3443 14.0069 13.3443 14.9322 12.4189L19.1212 8.22998C20.0465 7.30459 20.0465 5.80423 19.1212 4.87885C18.1958 3.95346 16.6954 3.95346 15.77 4.87885ZM10.7433 8.22998C9.35524 9.61806 9.35524 11.8686 10.7433 13.2567C12.1314 14.6448 14.3819 14.6448 15.77 13.2567L19.9589 9.06776C21.347 7.67968 21.347 5.42915 19.9589 4.04106C18.5709 2.65298 16.3203 2.65298 14.9322 4.04106L10.7433 8.22998Z",
+    fill: color || primary.main
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.81109 15.3511L15.3511 7.81109L16.1889 8.64887L8.64887 16.1889L7.81109 15.3511Z",
+    fill: color || primary.main
+  }));
+};

package/icons/specific/IconRemoveLink.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IIconProps } from '../utils';
+export declare const IconRemoveLink: ({ color, width, height, viewBox }: IIconProps) => React.JSX.Element;

package/icons/specific/IconRemoveLink.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconRemoveLink = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("../../theme");
+var primary = _theme.theme.colors.primary;
+var IconRemoveLink = exports.IconRemoveLink = function IconRemoveLink(_ref) {
+  var color = _ref.color,
+    width = _ref.width,
+    height = _ref.height,
+    viewBox = _ref.viewBox;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    width: width || 24,
+    height: height || 24,
+    viewBox: viewBox || '0 0 24 24',
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M9.06776 11.5811L4.87885 15.77C3.95346 16.6954 3.95346 18.1958 4.87885 19.1212C5.80423 20.0465 7.30459 20.0465 8.22998 19.1212L12.4189 14.9322C13.3443 14.0069 13.3443 12.5065 12.4189 11.5811C11.4935 10.6557 9.99315 10.6557 9.06776 11.5811ZM4.04106 14.9322C2.65298 16.3203 2.65298 18.5709 4.04106 19.9589C5.42915 21.347 7.67968 21.347 9.06776 19.9589L13.2567 15.77C14.6448 14.3819 14.6448 12.1314 13.2567 10.7433C11.8686 9.35524 9.61806 9.35524 8.22998 10.7433L4.04106 14.9322Z",
+    fill: color || primary.main
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M15.77 4.87885L11.5811 9.06776C10.6557 9.99315 10.6557 11.4935 11.5811 12.4189C12.5065 13.3443 14.0069 13.3443 14.9322 12.4189L19.1212 8.22998C20.0465 7.30459 20.0465 5.80423 19.1212 4.87885C18.1958 3.95346 16.6954 3.95346 15.77 4.87885ZM10.7433 8.22998C9.35524 9.61806 9.35524 11.8686 10.7433 13.2567C12.1314 14.6448 14.3819 14.6448 15.77 13.2567L19.9589 9.06776C21.347 7.67968 21.347 5.42915 19.9589 4.04106C18.5709 2.65298 16.3203 2.65298 14.9322 4.04106L10.7433 8.22998Z",
+    fill: color || primary.main
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M7.81109 15.3511L15.3511 7.81109L16.1889 8.64887L8.64887 16.1889L7.81109 15.3511Z",
+    fill: color || primary.main
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M4.18909 11.5122L4.22476 9.51254L8.20629 10.5837L4.18909 11.5122Z",
+    fill: color || primary.main
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M20.5355 14.104L19.9835 16.0263L16.4149 13.9612L20.5355 14.104Z",
+    fill: color || primary.main
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M5 7.57312L6.23503 6L8.76375 9.25662L5 7.57312Z",
+    fill: color || primary.main
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M18.7328 17.699L17.1327 18.8989L15.533 15.0988L18.7328 17.699Z",
+    fill: color || primary.main
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M8 4.29834L9.97762 4L9.58549 8.10442L8 4.29834Z",
+    fill: color || primary.main
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M14.9874 20.0858L13 19.8621L14.4411 15.999L14.9874 20.0858Z",
+    fill: color || primary.main
+  }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.37.1",
+    "version": "0.37.3",
     "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",