flipper-ui 0.37.0 → 0.37.1

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;
@@ -15,6 +16,7 @@ export interface ITableInteractive {
         label: string;
         show: boolean;
     }[];
+    className?: string;
     paginated?: boolean;
     rowsPerPage?: number;
     direction?: Direction;

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 _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 +17,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";
@@ -48,7 +53,12 @@ var TableInteractive = exports.TableInteractive = function TableInteractive(prop
     }
   }, /*#__PURE__*/_react["default"].createElement(_table["default"], {
     name: props.name,
-    id: 'list-' + props.name
+    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,
@@ -57,7 +67,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/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.1",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",

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 {};