flipper-ui 0.35.3 → 0.35.5

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 (8) hide show
  1. package/core/data-display/avatar/index.js +2 -2
  2. package/core/data-display/data-table/data-table.js +23 -22
  3. package/core/data-display/data-table/styles.d.ts +4 -4
  4. package/core/data-display/data-table/styles.js +4 -4
  5. package/core/inputs/date-time/index.js +2 -2
  6. package/core/surfaces/paper/index.js +0 -1
  7. package/core/surfaces/step-card/index.d.ts +1 -1
  8. package/package.json +29 -29
package/core/data-display/avatar/index.js CHANGED
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports["default"] = void 0;
8
- var _Avatar2 = _interopRequireDefault(require("@mui/material/Avatar"));
9
8
  var _react = _interopRequireDefault(require("react"));
9
+ var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
10
10
  var Avatar = function Avatar(props) {
11
11
  var getChild = function getChild() {
12
12
  if (props.name) {
@@ -14,6 +14,6 @@ var Avatar = function Avatar(props) {
14
14
  }
15
15
  return props.icon;
16
16
  };
17
- return /*#__PURE__*/_react["default"].createElement(_Avatar2["default"], props, getChild());
17
+ return /*#__PURE__*/_react["default"].createElement(_Avatar["default"], props, getChild());
18
18
  };
19
19
  var _default = exports["default"] = Avatar;
package/core/data-display/data-table/data-table.js CHANGED
@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports["default"] = exports.DataTable = void 0;
9
9
  var _last2 = _interopRequireDefault(require("ramda/es/last"));
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
+ var _equals2 = _interopRequireDefault(require("ramda/es/equals"));
11
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
12
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
13
  var _react = _interopRequireWildcard(require("react"));
13
14
  var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
14
15
  var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
@@ -49,16 +50,8 @@ var sliceData = function sliceData(data, page, rowsPerPage) {
49
50
  return data.slice(start, end);
50
51
  };
51
52
  var DataTable = exports.DataTable = function DataTable(props) {
52
- var _useState = (0, _react.useState)(0),
53
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
54
- page = _useState2[0],
55
- setPage = _useState2[1];
56
- var pagination = _objectSpread(_objectSpread({}, defaultPagination), props.pagination);
57
- var _useState3 = (0, _react.useState)(pagination.rowsPerPage),
58
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
59
- rowsPerPage = _useState4[0],
60
- setRowsPerPage = _useState4[1];
61
- var data = props.data,
53
+ var _props$data = props.data,
54
+ data = _props$data === void 0 ? [] : _props$data,
62
55
  columns = props.columns,
63
56
  rowViews = props.rowViews,
64
57
  onRowClick = props.onRowClick,
@@ -77,28 +70,36 @@ var DataTable = exports.DataTable = function DataTable(props) {
77
70
  hidden = props.hidden,
78
71
  checkbox = props.checkbox,
79
72
  checkboxProps = props.checkboxProps;
73
+ var pagination = _objectSpread(_objectSpread({}, defaultPagination), props.pagination);
74
+ var controller = (0, _react.useRef)();
75
+ var _useState = (0, _react.useState)(0),
76
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
77
+ page = _useState2[0],
78
+ setPage = _useState2[1];
79
+ var _useState3 = (0, _react.useState)([]),
80
+ _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
81
+ rows = _useState4[0],
82
+ setRows = _useState4[1];
80
83
  var _useState5 = (0, _react.useState)(),
81
84
  _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
82
85
  newRow = _useState6[0],
83
86
  setNewRow = _useState6[1];
84
- var rows = (0, _react.useMemo)(function () {
85
- if (pagination.disabled) {
86
- return data;
87
- }
88
-
89
- // this case is not good for the useRowsMode hook
90
- if (newRow && page === 0) {
91
- return sliceData(data, page, rowsPerPage - 1);
87
+ var _useState7 = (0, _react.useState)(pagination.rowsPerPage),
88
+ _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
89
+ rowsPerPage = _useState8[0],
90
+ setRowsPerPage = _useState8[1];
91
+ (0, _react.useEffect)(function () {
92
+ var newRows = pagination.disabled ? data : sliceData(data, page, newRow && page === 0 ? rowsPerPage - 1 : rowsPerPage);
93
+ if (!(0, _equals2["default"])(rows, newRows)) {
94
+ setRows(newRows);
92
95
  }
93
- return sliceData(data, page, rowsPerPage);
94
- }, [pagination.disabled, data, rowsPerPage, page, newRow]);
96
+ }, [data, page, newRow, rowsPerPage, pagination.disabled]);
95
97
  var _useRowsState = (0, _useRowsState2.useRowsState)(rows, hidden, newRow),
96
98
  getRowState = _useRowsState.getRowState,
97
99
  setEditableRowState = _useRowsState.setEditableRowState,
98
100
  setRowState = _useRowsState.setRowState,
99
101
  pushRowView = _useRowsState.pushRowView,
100
102
  popRowView = _useRowsState.popRowView;
101
- var controller = (0, _react.useRef)();
102
103
  (0, _react.useEffect)(function () {
103
104
  var nextController = {
104
105
  editRow: function editRow(id) {
package/core/data-display/data-table/styles.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { TableCell } from '@mui/material';
1
+ import MuiTableCell from '@mui/material/TableCell';
2
2
  export declare const FieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
3
3
  export declare const PaginationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
- export declare const TableCellRows: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").TableCellProps, never>> & string & Omit<typeof TableCell, keyof import("react").Component<any, {}, any>>;
5
- export declare const RowTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
4
+ export declare const TableCellRows: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material/TableCell").TableCellProps, never>> & string & Omit<typeof MuiTableCell, keyof import("react").Component<any, {}, any>>;
5
+ export declare const RowTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material/TableRow").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
6
6
  ref?: ((instance: HTMLTableRowElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
7
- }, "children" | "style" | "className" | "classes" | "sx" | "selected" | "hover">, never>> & string & Omit<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TableRowTypeMap<{}, "tr">>, keyof import("react").Component<any, {}, any>>;
7
+ }, "children" | "style" | "className" | "classes" | "sx" | "selected" | "hover">, never>> & string & Omit<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/TableRow").TableRowTypeMap<{}, "tr">>, keyof import("react").Component<any, {}, any>>;
package/core/data-display/data-table/styles.js CHANGED
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.TableCellRows = exports.RowTable = exports.PaginationWrapper = exports.FieldWrapper = void 0;
8
- var _TableRow2 = _interopRequireDefault(require("@mui/material/TableRow"));
9
- var _TableCell2 = _interopRequireDefault(require("@mui/material/TableCell"));
10
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
+ var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
10
+ var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
11
11
  var _styledComponents = _interopRequireDefault(require("styled-components"));
12
12
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
13
13
  var FieldWrapper = exports.FieldWrapper = _styledComponents["default"].span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
14
14
  var PaginationWrapper = exports.PaginationWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n margin-left: 12px;\n"])));
15
- var TableCellRows = exports.TableCellRows = (0, _styledComponents["default"])(_TableCell2["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n && {\n width: 400px;\n height: 60px;\n padding: 0 10px;\n }\n"])));
16
- var RowTable = exports.RowTable = (0, _styledComponents["default"])(_TableRow2["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n cursor: pointer;\n\n &:hover {\n background: -moz-linear-gradient(\n left,\n rgba(189, 189, 189, 0) 0%,\n rgba(189, 189, 189, 1) 100%\n );\n background: -webkit-linear-gradient(\n left,\n rgba(189, 189, 189, 0) 0%,\n rgba(189, 189, 189, 1) 100%\n );\n background: linear-gradient(\n to right,\n rgba(189, 189, 189, 0) 0%,\n rgba(189, 189, 189, 1) 100%\n );\n }\n\n &.no-hover {\n background: none;\n }\n"])));
15
+ var TableCellRows = exports.TableCellRows = (0, _styledComponents["default"])(_TableCell["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n && {\n width: 400px;\n height: 60px;\n padding: 0 10px;\n }\n"])));
16
+ var RowTable = exports.RowTable = (0, _styledComponents["default"])(_TableRow["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n cursor: pointer;\n\n &:hover {\n background: -moz-linear-gradient(\n left,\n rgba(189, 189, 189, 0) 0%,\n rgba(189, 189, 189, 1) 100%\n );\n background: -webkit-linear-gradient(\n left,\n rgba(189, 189, 189, 0) 0%,\n rgba(189, 189, 189, 1) 100%\n );\n background: linear-gradient(\n to right,\n rgba(189, 189, 189, 0) 0%,\n rgba(189, 189, 189, 1) 100%\n );\n }\n\n &.no-hover {\n background: none;\n }\n"])));
package/core/inputs/date-time/index.js CHANGED
@@ -16,7 +16,7 @@ var _DateTimePicker = require("@mui/x-date-pickers/DateTimePicker");
16
16
  var _locales = require("@mui/x-date-pickers/locales");
17
17
  var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
18
18
  var _TimePicker = require("@mui/x-date-pickers/TimePicker");
19
- var _locale = require("date-fns/locale");
19
+ var _ptBR = require("date-fns/locale/pt-BR");
20
20
  var _styles = require("./styles");
21
21
  var _theme = require("../../../theme");
22
22
  var _excluded = ["id", "padding", "margin", "style", "value", "onChange", "error", "minDate", "minDateTime", "maxDate", "maxDateTime", "required", "disabled", "placeholder", "fullWidth", "type"];
@@ -301,7 +301,7 @@ var DateTime = function DateTime(_ref) {
301
301
  }));
302
302
  };
303
303
  return /*#__PURE__*/_react["default"].createElement(_LocalizationProvider.LocalizationProvider, {
304
- adapterLocale: _locale.ptBR,
304
+ adapterLocale: _ptBR.ptBR,
305
305
  dateAdapter: _AdapterDateFnsV.AdapterDateFns,
306
306
  localeText: _locales.ptBR.components.MuiLocalizationProvider.defaultProps.localeText
307
307
  }, renderChildren());
package/core/surfaces/paper/index.js CHANGED
@@ -21,7 +21,6 @@ var Paper = function Paper(_ref) {
21
21
  margin = _ref.margin,
22
22
  otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
23
23
  return /*#__PURE__*/_react["default"].createElement(_Paper["default"], (0, _extends2["default"])({}, otherProps, {
24
- role: "mui-paper-container",
25
24
  style: _objectSpread({
26
25
  padding: padding,
27
26
  margin: margin
package/core/surfaces/step-card/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import type { CSSProperties, ChangeEvent, HTMLAttributes, SyntheticEvent } from 'react';
3
3
  import type Typography from '@/core/data-display/typography';
4
- import type { LinearProgress } from '@mui/material';
5
4
  import type MuiAccordionDetails from '@mui/material/Accordion';
5
+ import type LinearProgress from '@mui/material/LinearProgress';
6
6
  export interface IStepCardProps {
7
7
  expanded?: boolean;
8
8
  onChange?: (event?: ChangeEvent<Record<string, unknown>> | SyntheticEvent<Element, Event>, expanded?: boolean) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flipper-ui",
3
- "version": "0.35.3",
3
+ "version": "0.35.5",
4
4
  "description": "React UI based on the @mui/material toolkit for the web",
5
5
  "main": "dist/index.js",
6
6
  "author": "NG",
@@ -32,64 +32,64 @@
32
32
  "dependencies": {
33
33
  "@emotion/react": "11.14.0",
34
34
  "@emotion/styled": "11.14.0",
35
- "@mui/icons-material": "6.3.0",
36
- "@mui/material": "6.3.0",
37
- "@mui/system": "6.3.0",
38
- "@mui/x-date-pickers": "7.23.3",
35
+ "@mui/icons-material": "6.4.2",
36
+ "@mui/material": "6.4.2",
37
+ "@mui/system": "6.4.2",
38
+ "@mui/x-date-pickers": "7.24.1",
39
39
  "ramda": "0.30.1",
40
40
  "react-loading-skeleton": "3.5.0",
41
41
  "react-number-format": "5.4.3"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@babel/cli": "7.26.4",
45
- "@babel/core": "7.26.0",
45
+ "@babel/core": "7.26.7",
46
46
  "@babel/plugin-transform-runtime": "7.25.9",
47
- "@babel/preset-env": "7.26.0",
47
+ "@babel/preset-env": "7.26.7",
48
48
  "@babel/preset-react": "7.26.3",
49
49
  "@babel/preset-typescript": "7.26.0",
50
- "@faker-js/faker": "9.3.0",
51
- "@storybook/addon-essentials": "8.4.7",
50
+ "@faker-js/faker": "9.4.0",
51
+ "@storybook/addon-essentials": "8.5.2",
52
52
  "@storybook/addon-webpack5-compiler-babel": "3.0.5",
53
- "@storybook/blocks": "8.4.7",
54
- "@storybook/react": "8.4.7",
55
- "@storybook/react-webpack5": "8.4.7",
56
- "@stylistic/eslint-plugin": "2.12.1",
53
+ "@storybook/blocks": "8.5.2",
54
+ "@storybook/react": "8.5.2",
55
+ "@storybook/react-webpack5": "8.5.2",
56
+ "@stylistic/eslint-plugin": "3.0.1",
57
57
  "@testing-library/dom": "10.4.0",
58
58
  "@testing-library/jest-dom": "6.6.3",
59
- "@testing-library/react": "16.1.0",
60
- "@testing-library/user-event": "14.5.2",
59
+ "@testing-library/react": "16.2.0",
60
+ "@testing-library/user-event": "14.6.1",
61
61
  "@types/jest": "29.5.14",
62
- "@types/node": "22.10.2",
62
+ "@types/node": "22.12.0",
63
63
  "@types/ramda": "0.30.2",
64
64
  "@types/react": "18.3.12",
65
65
  "@types/uuid": "10.0.0",
66
- "@typescript-eslint/eslint-plugin": "8.19.0",
67
- "@typescript-eslint/parser": "8.19.0",
66
+ "@typescript-eslint/eslint-plugin": "8.22.0",
67
+ "@typescript-eslint/parser": "8.22.0",
68
68
  "babel-loader": "9.2.1",
69
69
  "babel-plugin-import": "1.13.8",
70
70
  "babel-plugin-module-resolver": "5.0.2",
71
71
  "date-fns": "4.1.0",
72
- "eslint": "9.17.0",
73
- "eslint-config-prettier": "9.1.0",
72
+ "eslint": "9.19.0",
73
+ "eslint-config-prettier": "10.0.1",
74
74
  "eslint-import-resolver-typescript": "3.7.0",
75
75
  "eslint-plugin-import": "2.31.0",
76
- "eslint-plugin-prettier": "5.2.1",
77
- "eslint-plugin-react": "7.37.3",
76
+ "eslint-plugin-prettier": "5.2.3",
77
+ "eslint-plugin-react": "7.37.4",
78
78
  "eslint-plugin-react-hooks": "5.1.0",
79
- "fs-extra": "11.2.0",
79
+ "fs-extra": "11.3.0",
80
80
  "identity-obj-proxy": "3.0.0",
81
81
  "jest": "29.7.0",
82
82
  "jest-environment-jsdom": "29.7.0",
83
83
  "prettier": "3.4.2",
84
84
  "react": "18.3.1",
85
85
  "react-dom": "18.3.1",
86
- "storybook": "8.4.7",
87
- "styled-components": "6.1.13",
86
+ "storybook": "8.5.2",
87
+ "styled-components": "6.1.14",
88
88
  "ts-jest": "29.2.5",
89
- "ts-loader": "9.5.1",
90
- "typescript": "5.7.2",
91
- "typescript-eslint": "8.19.0",
92
- "uuid": "11.0.3",
89
+ "ts-loader": "9.5.2",
90
+ "typescript": "5.7.3",
91
+ "typescript-eslint": "8.22.0",
92
+ "uuid": "11.0.5",
93
93
  "webpack": "5.97.1"
94
94
  },
95
95
  "peerDependencies": {