flipper-ui 0.36.1 → 0.36.3

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

@@ -1,4 +1,6 @@
 import React from 'react';
 import type { ITableInteractive } from './TableInteractive';
-export type ITableDialogPreferences = Pick<ITableInteractive, 'open' | 'headers' | 'columnsTemporary' | 'onCancel' | 'onConfirm' | 'setColumnsTemporary'>;
-export declare const TableDialogPreferences: ({ open, headers, columnsTemporary, onCancel, onConfirm, setColumnsTemporary }: ITableDialogPreferences) => React.JSX.Element;
+export type ITableDialogPreferences = Pick<ITableInteractive, 'open' | 'headers' | 'columnsTemporary' | 'onCancel' | 'onConfirm' | 'setColumnsTemporary'> & {
+    tableIdentifier: string;
+};
+export declare const TableDialogPreferences: ({ open, headers, tableIdentifier, columnsTemporary, onCancel, onConfirm, setColumnsTemporary }: ITableDialogPreferences) => React.JSX.Element;

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

@@ -9,13 +9,16 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _react = _interopRequireDefault(require("react"));
 var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
 var _dialog = _interopRequireDefault(require("../../feedback/dialog"));
+var _button = _interopRequireDefault(require("../../inputs/button"));
 var _actions = _interopRequireDefault(require("../actions"));
 var _typography = _interopRequireDefault(require("../typography"));
+var _utils = require("./utils");
 var _styles = require("./styles");
 var TableDialogPreferences = exports.TableDialogPreferences = function TableDialogPreferences(_ref) {
   var _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
     headers = _ref.headers,
+    tableIdentifier = _ref.tableIdentifier,
     _ref$columnsTemporary = _ref.columnsTemporary,
     columnsTemporary = _ref$columnsTemporary === void 0 ? [] : _ref$columnsTemporary,
     onCancel = _ref.onCancel,
@@ -28,6 +31,15 @@ var TableDialogPreferences = exports.TableDialogPreferences = function TableDial
       }) : [].concat((0, _toConsumableArray2["default"])(prev), [name]);
     });
   };
+  var handleReset = function handleReset() {
+    var initial = headers.filter(function (col) {
+      return col.show;
+    }).map(function (col) {
+      return col.name;
+    });
+    setColumnsTemporary === null || setColumnsTemporary === void 0 || setColumnsTemporary(initial);
+    (0, _utils.setVisibleColumns)(initial, tableIdentifier);
+  };
   return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
     fullWidth: true,
     open: open,
@@ -54,10 +66,13 @@ var TableDialogPreferences = exports.TableDialogPreferences = function TableDial
         }
       }));
     })),
-    actions: /*#__PURE__*/_react["default"].createElement(_actions["default"], {
+    actions: /*#__PURE__*/_react["default"].createElement(_styles.ActionsWrapper, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+      margin: "0 16px 16px 16px",
+      onClick: handleReset
+    }, "Restaurar prefer\xEAncias"), /*#__PURE__*/_react["default"].createElement(_actions["default"], {
       margin: "0 16px 16px 16px",
       onCancel: onCancel,
       onConfirm: onConfirm !== null && onConfirm !== void 0 ? onConfirm : function () {}
-    })
+    }))
   });
 };

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

@@ -13,6 +13,7 @@ export interface ITableInteractive {
     headers: {
         name: string;
         label: string;
+        show: boolean;
     }[];
     paginated?: boolean;
     rowsPerPage?: number;

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

@@ -75,6 +75,7 @@ var TableInteractive = exports.TableInteractive = function TableInteractive(prop
   })))))), /*#__PURE__*/_react["default"].createElement(_TableDialogPreferences.TableDialogPreferences, {
     open: props.open,
     headers: props.headers,
+    tableIdentifier: props.name,
     columnsTemporary: props.columnsTemporary,
     setColumnsTemporary: props.setColumnsTemporary,
     onCancel: props.onCancel,

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

@@ -6,3 +6,7 @@ export declare const TableHeaderContent: import("@emotion/styled").StyledCompone
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ActionsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -4,11 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TableHeaderContent = exports.ContentWrapper = void 0;
+exports.TableHeaderContent = exports.ContentWrapper = exports.ActionsWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _theme = require("../../../theme");
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 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 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"])));

package/icons/mui/index.d.ts

@@ -47,6 +47,7 @@ export { default as IconEqualizer } from '@mui/icons-material/Equalizer';
 export { default as IconError } from '@mui/icons-material/Error';
 export { default as IconErrorOutline } from '@mui/icons-material/ErrorOutline';
 export { default as IconExitToApp } from '@mui/icons-material/ExitToApp';
+export { default as IconExpand } from '@mui/icons-material/Expand';
 export { default as IconExpandLess } from '@mui/icons-material/ExpandLess';
 export { default as IconExpandMore } from '@mui/icons-material/ExpandMore';
 export { default as IconFace } from '@mui/icons-material/Face';
@@ -69,6 +70,7 @@ export { default as IconHistory } from '@mui/icons-material/History';
 export { default as IconHome } from '@mui/icons-material/Home';
 export { default as IconHomeWorkOutlined } from '@mui/icons-material/HomeWorkOutlined';
 export { default as IconHourglassFull } from '@mui/icons-material/HourglassFull';
+export { default as IconVote } from '@mui/icons-material/HowToVote';
 export { default as IconImportantDevices } from '@mui/icons-material/ImportantDevices';
 export { default as IconInfo } from '@mui/icons-material/Info';
 export { default as IconInsertDriveFile } from '@mui/icons-material/InsertDriveFile';

package/icons/mui/index.js

@@ -298,6 +298,12 @@ Object.defineProperty(exports, "IconExitToApp", {
     return _ExitToApp["default"];
   }
 });
+Object.defineProperty(exports, "IconExpand", {
+  enumerable: true,
+  get: function get() {
+    return _Expand["default"];
+  }
+});
 Object.defineProperty(exports, "IconExpandLess", {
   enumerable: true,
   get: function get() {
@@ -826,6 +832,12 @@ Object.defineProperty(exports, "IconVisibilityOff", {
     return _VisibilityOff["default"];
   }
 });
+Object.defineProperty(exports, "IconVote", {
+  enumerable: true,
+  get: function get() {
+    return _HowToVote["default"];
+  }
+});
 Object.defineProperty(exports, "IconVpnKey", {
   enumerable: true,
   get: function get() {
@@ -899,6 +911,7 @@ var _Equalizer = _interopRequireDefault(require("@mui/icons-material/Equalizer")
 var _Error = _interopRequireDefault(require("@mui/icons-material/Error"));
 var _ErrorOutline = _interopRequireDefault(require("@mui/icons-material/ErrorOutline"));
 var _ExitToApp = _interopRequireDefault(require("@mui/icons-material/ExitToApp"));
+var _Expand = _interopRequireDefault(require("@mui/icons-material/Expand"));
 var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _Face = _interopRequireDefault(require("@mui/icons-material/Face"));
@@ -921,6 +934,7 @@ var _History = _interopRequireDefault(require("@mui/icons-material/History"));
 var _Home = _interopRequireDefault(require("@mui/icons-material/Home"));
 var _HomeWorkOutlined = _interopRequireDefault(require("@mui/icons-material/HomeWorkOutlined"));
 var _HourglassFull = _interopRequireDefault(require("@mui/icons-material/HourglassFull"));
+var _HowToVote = _interopRequireDefault(require("@mui/icons-material/HowToVote"));
 var _ImportantDevices = _interopRequireDefault(require("@mui/icons-material/ImportantDevices"));
 var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
 var _InsertDriveFile = _interopRequireDefault(require("@mui/icons-material/InsertDriveFile"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.36.1",
+    "version": "0.36.3",
     "description": "React UI based on the @mui/material toolkit for the web",
     "main": "dist/index.js",
     "author": "NG",
@@ -52,32 +52,32 @@
         "@storybook/blocks": "8.6.12",
         "@storybook/react": "8.6.12",
         "@storybook/react-webpack5": "8.6.12",
-        "@stylistic/eslint-plugin": "5.1.0",
+        "@stylistic/eslint-plugin": "5.2.2",
         "@testing-library/dom": "10.4.0",
         "@testing-library/jest-dom": "6.6.3",
         "@testing-library/react": "16.3.0",
         "@testing-library/user-event": "14.6.1",
         "@types/jest": "30.0.0",
-        "@types/node": "24.0.10",
+        "@types/node": "24.1.0",
         "@types/ramda": "0.30.2",
         "@types/react": "18.3.12",
-        "@typescript-eslint/eslint-plugin": "8.35.1",
-        "@typescript-eslint/parser": "8.35.1",
+        "@typescript-eslint/eslint-plugin": "8.38.0",
+        "@typescript-eslint/parser": "8.38.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.30.1",
-        "eslint-config-prettier": "10.1.5",
+        "eslint": "9.31.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.1",
+        "eslint-plugin-prettier": "5.5.3",
         "eslint-plugin-react": "7.37.5",
         "eslint-plugin-react-hooks": "5.2.0",
         "fs-extra": "11.3.0",
         "identity-obj-proxy": "3.0.0",
-        "jest": "30.0.4",
-        "jest-environment-jsdom": "30.0.4",
+        "jest": "30.0.5",
+        "jest-environment-jsdom": "30.0.5",
         "prettier": "3.6.2",
         "ramda": "0.30.1",
         "react": "18.3.1",
@@ -86,9 +86,9 @@
         "ts-jest": "29.4.0",
         "ts-loader": "9.5.2",
         "typescript": "5.8.3",
-        "typescript-eslint": "8.35.1",
+        "typescript-eslint": "8.38.0",
         "uuid": "11.1.0",
-        "webpack": "5.99.9"
+        "webpack": "5.100.2"
     },
     "peerDependencies": {
         "date-fns": "^4.0.0",