flipper-ui 0.36.2 → 0.36.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/core/data-display/table-interactive/TableDialogPreferences.d.ts +4 -2
  2. package/core/data-display/table-interactive/TableDialogPreferences.js +17 -2
  3. package/core/data-display/table-interactive/TableInteractive.d.ts +1 -0
  4. package/core/data-display/table-interactive/TableInteractive.js +1 -0
  5. package/core/data-display/table-interactive/styles.d.ts +4 -0
  6. package/core/data-display/table-interactive/styles.js +4 -3
  7. package/package.json +8 -8
package/core/data-display/table-interactive/TableDialogPreferences.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  import React from 'react';
2
2
  import type { ITableInteractive } from './TableInteractive';
3
- export type ITableDialogPreferences = Pick<ITableInteractive, 'open' | 'headers' | 'columnsTemporary' | 'onCancel' | 'onConfirm' | 'setColumnsTemporary'>;
4
- export declare const TableDialogPreferences: ({ open, headers, columnsTemporary, onCancel, onConfirm, setColumnsTemporary }: ITableDialogPreferences) => React.JSX.Element;
3
+ export type ITableDialogPreferences = Pick<ITableInteractive, 'open' | 'headers' | 'columnsTemporary' | 'onCancel' | 'onConfirm' | 'setColumnsTemporary'> & {
4
+ tableIdentifier: string;
5
+ };
6
+ export declare const TableDialogPreferences: ({ open, headers, tableIdentifier, columnsTemporary, onCancel, onConfirm, setColumnsTemporary }: ITableDialogPreferences) => React.JSX.Element;
package/core/data-display/table-interactive/TableDialogPreferences.js CHANGED
@@ -9,13 +9,16 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
11
11
  var _dialog = _interopRequireDefault(require("../../feedback/dialog"));
12
+ var _button = _interopRequireDefault(require("../../inputs/button"));
12
13
  var _actions = _interopRequireDefault(require("../actions"));
13
14
  var _typography = _interopRequireDefault(require("../typography"));
15
+ var _utils = require("./utils");
14
16
  var _styles = require("./styles");
15
17
  var TableDialogPreferences = exports.TableDialogPreferences = function TableDialogPreferences(_ref) {
16
18
  var _ref$open = _ref.open,
17
19
  open = _ref$open === void 0 ? false : _ref$open,
18
20
  headers = _ref.headers,
21
+ tableIdentifier = _ref.tableIdentifier,
19
22
  _ref$columnsTemporary = _ref.columnsTemporary,
20
23
  columnsTemporary = _ref$columnsTemporary === void 0 ? [] : _ref$columnsTemporary,
21
24
  onCancel = _ref.onCancel,
@@ -28,6 +31,15 @@ var TableDialogPreferences = exports.TableDialogPreferences = function TableDial
28
31
  }) : [].concat((0, _toConsumableArray2["default"])(prev), [name]);
29
32
  });
30
33
  };
34
+ var handleReset = function handleReset() {
35
+ var initial = headers.filter(function (col) {
36
+ return col.show;
37
+ }).map(function (col) {
38
+ return col.name;
39
+ });
40
+ setColumnsTemporary === null || setColumnsTemporary === void 0 || setColumnsTemporary(initial);
41
+ (0, _utils.setVisibleColumns)(initial, tableIdentifier);
42
+ };
31
43
  return /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
32
44
  fullWidth: true,
33
45
  open: open,
@@ -54,10 +66,13 @@ var TableDialogPreferences = exports.TableDialogPreferences = function TableDial
54
66
  }
55
67
  }));
56
68
  })),
57
- actions: /*#__PURE__*/_react["default"].createElement(_actions["default"], {
69
+ actions: /*#__PURE__*/_react["default"].createElement(_styles.ActionsWrapper, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
70
+ margin: "0 16px 16px 16px",
71
+ onClick: handleReset
72
+ }, "Restaurar prefer\xEAncias"), /*#__PURE__*/_react["default"].createElement(_actions["default"], {
58
73
  margin: "0 16px 16px 16px",
59
74
  onCancel: onCancel,
60
75
  onConfirm: onConfirm !== null && onConfirm !== void 0 ? onConfirm : function () {}
61
- })
76
+ }))
62
77
  });
63
78
  };
package/core/data-display/table-interactive/TableInteractive.d.ts CHANGED
@@ -13,6 +13,7 @@ export interface ITableInteractive {
13
13
  headers: {
14
14
  name: string;
15
15
  label: string;
16
+ show: boolean;
16
17
  }[];
17
18
  paginated?: boolean;
18
19
  rowsPerPage?: number;
package/core/data-display/table-interactive/TableInteractive.js CHANGED
@@ -75,6 +75,7 @@ var TableInteractive = exports.TableInteractive = function TableInteractive(prop
75
75
  })))))), /*#__PURE__*/_react["default"].createElement(_TableDialogPreferences.TableDialogPreferences, {
76
76
  open: props.open,
77
77
  headers: props.headers,
78
+ tableIdentifier: props.name,
78
79
  columnsTemporary: props.columnsTemporary,
79
80
  setColumnsTemporary: props.setColumnsTemporary,
80
81
  onCancel: props.onCancel,
package/core/data-display/table-interactive/styles.d.ts CHANGED
@@ -6,3 +6,7 @@ export declare const TableHeaderContent: import("@emotion/styled").StyledCompone
6
6
  theme?: import("@emotion/react").Theme;
7
7
  as?: React.ElementType;
8
8
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
9
+ export declare const ActionsWrapper: import("@emotion/styled").StyledComponent<{
10
+ theme?: import("@emotion/react").Theme;
11
+ as?: React.ElementType;
12
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
package/core/data-display/table-interactive/styles.js CHANGED
@@ -4,11 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.TableHeaderContent = exports.ContentWrapper = void 0;
7
+ exports.TableHeaderContent = exports.ContentWrapper = exports.ActionsWrapper = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
10
  var _theme = require("../../../theme");
11
- var _templateObject, _templateObject2;
11
+ var _templateObject, _templateObject2, _templateObject3;
12
12
  var gray = _theme.theme.colors.gray;
13
13
  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]);
14
- 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"])));
14
+ 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"])));
15
+ 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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flipper-ui",
3
- "version": "0.36.2",
3
+ "version": "0.36.3",
4
4
  "description": "React UI based on the @mui/material toolkit for the web",
5
5
  "main": "dist/index.js",
6
6
  "author": "NG",
@@ -52,17 +52,17 @@
52
52
  "@storybook/blocks": "8.6.12",
53
53
  "@storybook/react": "8.6.12",
54
54
  "@storybook/react-webpack5": "8.6.12",
55
- "@stylistic/eslint-plugin": "5.2.1",
55
+ "@stylistic/eslint-plugin": "5.2.2",
56
56
  "@testing-library/dom": "10.4.0",
57
57
  "@testing-library/jest-dom": "6.6.3",
58
58
  "@testing-library/react": "16.3.0",
59
59
  "@testing-library/user-event": "14.6.1",
60
60
  "@types/jest": "30.0.0",
61
- "@types/node": "24.0.15",
61
+ "@types/node": "24.1.0",
62
62
  "@types/ramda": "0.30.2",
63
63
  "@types/react": "18.3.12",
64
- "@typescript-eslint/eslint-plugin": "8.37.0",
65
- "@typescript-eslint/parser": "8.37.0",
64
+ "@typescript-eslint/eslint-plugin": "8.38.0",
65
+ "@typescript-eslint/parser": "8.38.0",
66
66
  "babel-loader": "10.0.0",
67
67
  "babel-plugin-import": "1.13.8",
68
68
  "babel-plugin-module-resolver": "5.0.2",
@@ -76,8 +76,8 @@
76
76
  "eslint-plugin-react-hooks": "5.2.0",
77
77
  "fs-extra": "11.3.0",
78
78
  "identity-obj-proxy": "3.0.0",
79
- "jest": "30.0.4",
80
- "jest-environment-jsdom": "30.0.4",
79
+ "jest": "30.0.5",
80
+ "jest-environment-jsdom": "30.0.5",
81
81
  "prettier": "3.6.2",
82
82
  "ramda": "0.30.1",
83
83
  "react": "18.3.1",
@@ -86,7 +86,7 @@
86
86
  "ts-jest": "29.4.0",
87
87
  "ts-loader": "9.5.2",
88
88
  "typescript": "5.8.3",
89
- "typescript-eslint": "8.37.0",
89
+ "typescript-eslint": "8.38.0",
90
90
  "uuid": "11.1.0",
91
91
  "webpack": "5.100.2"
92
92
  },