flipper-ui 0.37.0 → 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

@@ -1,10 +1,11 @@
 import React from 'react';
 import type { Dispatch, ReactNode, SetStateAction } from 'react';
+import type { TableProps } from '@mui/material/Table';
 export declare enum Direction {
     ASCENDENT = "asc",
     DESCENDENT = "desc"
 }
-export interface ITableInteractive {
+export interface ITableInteractive extends Omit<TableProps, 'children'> {
     name: string;
     page?: number;
     open?: boolean;
@@ -14,7 +15,9 @@ export interface ITableInteractive {
         name: string;
         label: string;
         show: boolean;
+        width?: string;
     }[];
+    className?: string;
     paginated?: boolean;
     rowsPerPage?: number;
     direction?: Direction;

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

@@ -5,6 +5,8 @@ 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"));
 var _table = _interopRequireDefault(require("../table"));
@@ -16,6 +18,10 @@ var _TableDialogPreferences = require("./TableDialogPreferences");
 var _TableInteractiveHead = require("./TableInteractiveHead");
 var _TableInteractiveHeader = require("./TableInteractiveHeader");
 var _TablePaginationActions = require("./TablePaginationActions");
+var _theme = require("../../../theme");
+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;
 var Direction = exports.Direction = /*#__PURE__*/function (Direction) {
   Direction["ASCENDENT"] = "asc";
   Direction["DESCENDENT"] = "desc";
@@ -46,10 +52,15 @@ 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
-  }, /*#__PURE__*/_react["default"].createElement(_TableInteractiveHead.TableInteractiveHead, {
+    id: 'list-' + props.name,
+    className: props.className,
+    style: {
+      border: props.isInteractive ? 'none !important' : "1px solid ".concat(gray[300])
+    },
+    sx: _objectSpread({}, props.sx)
+  }), /*#__PURE__*/_react["default"].createElement(_TableInteractiveHead.TableInteractiveHead, {
     active: props.active,
     headers: props.headers,
     children: props.children,
@@ -57,7 +68,9 @@ var TableInteractive = exports.TableInteractive = function TableInteractive(prop
     isCollapsible: props.isCollapsible,
     visibleColumns: props.visibleColumns || [],
     onSort: props.onSort
-  }), /*#__PURE__*/_react["default"].createElement(_tableBody["default"], null, props.rowsContent()), props.paginated && /*#__PURE__*/_react["default"].createElement(_tableFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_tableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_tablePagination["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_tableBody["default"], null, props.rowsContent()), props.paginated && /*#__PURE__*/_react["default"].createElement(_tableFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_tableRow["default"], {
+    className: "no-hover"
+  }, /*#__PURE__*/_react["default"].createElement(_tablePagination["default"], {
     page: page,
     count: count,
     rowsPerPage: (_props$rowsPerPage2 = props.rowsPerPage) !== null && _props$rowsPerPage2 !== void 0 ? _props$rowsPerPage2 : 10,

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/IconMicrosoftEntra.d.ts

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

package/icons/specific/IconMicrosoftEntra.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconMicrosoftEntra = void 0;
+var _react = _interopRequireDefault(require("react"));
+var IconMicrosoftEntra = exports.IconMicrosoftEntra = function IconMicrosoftEntra(_ref) {
+  var width = _ref.width,
+    height = _ref.height,
+    viewBox = _ref.viewBox;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("svg", {
+    width: width || 18,
+    height: height || 18,
+    viewBox: viewBox || '0 0 18 18',
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: "m3.802,14.032c.388.242,1.033.511,1.715.511.621,0,1.198-.18,1.676-.487,0,0,.001,0,.002-.001l1.805-1.128v4.073c-.286,0-.574-.078-.824-.234l-4.374-2.734Z",
+    fill: "#225086"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "m7.853,1.507L.353,9.967c-.579.654-.428,1.642.323,2.111,0,0,2.776,1.735,3.126,1.954.388.242,1.033.511,1.715.511.621,0,1.198-.18,1.676-.487,0,0,.001,0,.002-.001l1.805-1.128-4.364-2.728,4.365-4.924V1s0,0,0,0c-.424,0-.847.169-1.147.507Z",
+    fill: "#6df"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    points: "4.636 10.199 4.688 10.231 9 12.927 9.001 12.927 9.001 12.927 9.001 5.276 9 5.275 4.636 10.199",
+    fill: "#cbf8ff"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "m17.324,12.078c.751-.469.902-1.457.323-2.111l-4.921-5.551c-.397-.185-.842-.291-1.313-.291-.925,0-1.752.399-2.302,1.026l-.109.123h0s4.364,4.924,4.364,4.924h0s0,0,0,0l-4.365,2.728v4.073c.287,0,.573-.078.823-.234l7.5-4.688Z",
+    fill: "#074793"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "m9.001,1v4.275s.109-.123.109-.123c.55-.627,1.377-1.026,2.302-1.026.472,0,.916.107,1.313.291l-2.579-2.909c-.299-.338-.723-.507-1.146-.507Z",
+    fill: "#0294e4"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    points: "13.365 10.199 13.365 10.199 13.365 10.199 9.001 5.276 9.001 12.926 13.365 10.199",
+    fill: "#96bcc2"
+  })));
+};

package/package.json

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

package/test/mocks/table-interactive-mock.d.ts

@@ -18,5 +18,5 @@ export declare const TABLE_DATA: {
     email: string;
     cel: string;
 }[];
-export declare const InteractiveTableWrapper: ({ initialArgs, onConfirmMock, onCancelMock, setVisibleColumnsMock, setPageMock, setRowsPerPageMock, ...props }: TableInteractiveWrapperProps) => React.JSX.Element;
+export declare const InteractiveTableWrapper: ({ initialArgs, onConfirmMock, onCancelMock, setVisibleColumnsMock, setPageMock, setRowsPerPageMock, isInteractive, ...props }: TableInteractiveWrapperProps) => React.JSX.Element;
 export {};