flipper-ui 0.31.6 → 0.32.0

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

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DataTable = void 0;
+var _Checkbox2 = _interopRequireDefault(require("@material-ui/core/Checkbox"));
+var _last2 = _interopRequireDefault(require("ramda/es/last"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
 var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
 var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
@@ -19,23 +20,22 @@ var _TableFooter = _interopRequireDefault(require("@material-ui/core/TableFooter
 var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
 var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
 var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
-var _last = _interopRequireDefault(require("ramda/es/last"));
 var _dataTablePaginationActions = require("./data-table-pagination-actions");
 var _rows = require("./rows");
 var _types = require("./types");
 var _useRowsState2 = require("./use-rows-state");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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 defaultPagination = {
   rowsPerPage: 10,
-  labelRowsPerPage: 'Rows per page:',
+  labelRowsPerPage: 'Linhas por página:',
   labelDisplayedRows: function labelDisplayedRows(_ref) {
     var from = _ref.from,
       to = _ref.to,
       count = _ref.count;
-    return "".concat(from, "-").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
+    return "".concat(from, "-").concat(to, " de ").concat(count !== -1 ? count : "mais que ".concat(to));
   },
   disabled: false,
   showFirstButton: false,
@@ -68,6 +68,9 @@ var DataTable = exports.DataTable = function DataTable(props) {
     headRowStyle = props.headRowStyle,
     errors = props.errors,
     componentForEmpty = props.componentForEmpty,
+    size = props.size,
+    renderEmptyRows = props.renderEmptyRows,
+    hideSelect = props.hideSelect,
     bodyStyle = props.bodyStyle,
     headStyle = props.headStyle,
     hiddenRowHeight = props.hiddenRowHeight,
@@ -172,7 +175,7 @@ var DataTable = exports.DataTable = function DataTable(props) {
     return rows.map(function (row, index) {
       var _checkboxProps$checkR;
       var rowState = getRowState(row.id);
-      var lastView = (rowState === null || rowState === void 0 ? void 0 : rowState.stackView) && (0, _last["default"])(rowState.stackView);
+      var lastView = (rowState === null || rowState === void 0 ? void 0 : rowState.stackView) && (0, _last2["default"])(rowState.stackView);
       var view = lastView && (rowViews === null || rowViews === void 0 ? void 0 : rowViews[lastView]);
       var primaryView = hidden ? _types.RowMode.Hide : _types.RowMode.View;
       var mode = (rowState === null || rowState === void 0 ? void 0 : rowState.mode) || primaryView;
@@ -185,7 +188,7 @@ var DataTable = exports.DataTable = function DataTable(props) {
         }
       }, checkbox && /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
         padding: "checkbox"
-      }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_Checkbox2["default"], {
         color: "primary",
         checked: (checkboxProps === null || checkboxProps === void 0 || (_checkboxProps$checkR = checkboxProps.checkRow) === null || _checkboxProps$checkR === void 0 ? void 0 : _checkboxProps$checkR[index]) !== undefined ? checkboxProps.checkRow[index] : false,
         onChange: function onChange() {
@@ -238,16 +241,19 @@ var DataTable = exports.DataTable = function DataTable(props) {
       showLastButton: pagination.showLastButton
     });
   }, [pagination.showFirstButton, pagination.showLastButton]);
+  var emptyRows = rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage);
   return /*#__PURE__*/_react["default"].createElement(_TableContainer["default"], {
     role: "data-table-container",
     component: _Paper["default"]
-  }, /*#__PURE__*/_react["default"].createElement(_Table["default"], null, !noHeader && /*#__PURE__*/_react["default"].createElement(_TableHead["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Table["default"], {
+    size: size
+  }, !noHeader && /*#__PURE__*/_react["default"].createElement(_TableHead["default"], {
     style: headStyle
   }, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
     style: headRowStyle
   }, checkbox && /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
     padding: "checkbox"
-  }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Checkbox2["default"], {
     color: "primary",
     checked: (checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.checkAllRows) !== undefined ? checkboxProps.checkAllRows : false,
     onChange: function onChange() {
@@ -257,13 +263,24 @@ var DataTable = exports.DataTable = function DataTable(props) {
     }
   })), columnsList)), /*#__PURE__*/_react["default"].createElement(_TableBody["default"], {
     style: bodyStyle
-  }, currentRowsNumber === 0 ? componentForEmpty : rowsElements, hiddenRowFiller), !pagination.disabled && /*#__PURE__*/_react["default"].createElement(_TableFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TablePagination["default"], {
+  }, currentRowsNumber === 0 ? componentForEmpty : rowsElements, hiddenRowFiller, renderEmptyRows && emptyRows > 0 && /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
+    style: {
+      height: (size === 'small' ? 33 : 53) * emptyRows
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
+    colSpan: columns.length
+  }))), !pagination.disabled && /*#__PURE__*/_react["default"].createElement(_TableFooter["default"], null, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], null, /*#__PURE__*/_react["default"].createElement(_TablePagination["default"], {
     count: data.length,
     page: page,
     rowsPerPageOptions: pagination.rowsPerPageOptions,
     rowsPerPage: rowsPerPage,
-    labelRowsPerPage: pagination.labelRowsPerPage,
+    labelRowsPerPage: hideSelect ? '' : pagination.labelRowsPerPage,
     labelDisplayedRows: pagination.labelDisplayedRows,
+    SelectProps: hideSelect ? {
+      style: {
+        display: 'none'
+      }
+    } : {},
     ActionsComponent: paginationActionsComponent,
     onPageChange: function onPageChange(_, page) {
       setPage(page);

package/core/data-display/data-table/data-table.stories.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("./data-table").DataTableProps<import("./types").Data, import("./types").RecordUnknown>>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
+export declare const Custom: () => React.JSX.Element;
 export declare const Empty: () => React.JSX.Element;
 export declare const NoHeader: () => React.JSX.Element;
 export declare const NoPagination: () => React.JSX.Element;
 export declare const Crud: () => React.JSX.Element;
-export declare const CrudWithHidden: () => React.JSX.Element;
+export declare const CrudWithoutPagination: () => React.JSX.Element;
 export declare const WithField: () => React.JSX.Element;

package/core/data-display/data-table/index.d.ts

@@ -1,4 +1,4 @@
-export { default } from './data-table';
+export { default as DataTable } from './data-table';
 export { DataTableAction } from './data-table-action';
 export { DataTableField } from './data-table-field';
 export { default as DataTableQueryPaginated } from './data-table-query-paginated';

package/core/data-display/data-table/index.js

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "DataTable", {
+  enumerable: true,
+  get: function get() {
+    return _dataTable["default"];
+  }
+});
 Object.defineProperty(exports, "DataTableAction", {
   enumerable: true,
   get: function get() {
@@ -28,12 +34,6 @@ Object.defineProperty(exports, "RowMode", {
     return _types.RowMode;
   }
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _dataTable["default"];
-  }
-});
 var _dataTable = _interopRequireDefault(require("./data-table"));
 var _dataTableAction = require("./data-table-action");
 var _dataTableField = require("./data-table-field");

package/core/data-display/data-table/rows.js

@@ -11,12 +11,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
 var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
-var _dateTime = require("../../inputs/date-time");
+var _dateTime = _interopRequireDefault(require("../../inputs/date-time"));
 var _maskField = _interopRequireDefault(require("../../inputs/mask-field"));
-var _textField = require("../../inputs/text-field");
+var _textField = _interopRequireDefault(require("../../inputs/text-field"));
 var _types = require("./types");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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 isEditable = function isEditable(column) {
@@ -45,7 +45,7 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
   }
   if (column.type === 'datetime') {
     var date = row[column.field];
-    return /*#__PURE__*/_react["default"].createElement(_dateTime.DateTime, {
+    return /*#__PURE__*/_react["default"].createElement(_dateTime["default"], {
       fullWidth: true,
       type: "datetime",
       value: date,
@@ -76,7 +76,7 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
   }
   var type = column.type === 'number' ? 'number' : 'text';
   var value = row[column.field];
-  return /*#__PURE__*/_react["default"].createElement(_textField.TextField, {
+  return /*#__PURE__*/_react["default"].createElement(_textField["default"], {
     fullWidth: true,
     options: column.options,
     defaultValue: value,
@@ -145,10 +145,7 @@ var StatefulRow = exports.StatefulRow = function StatefulRow(_ref) {
     var patch = {};
     patch[field] = value;
     onUpdate === null || onUpdate === void 0 || onUpdate(patch);
-  },
-  // it works fine
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  []);
+  }, [onUpdate]);
   var getCorrectViewMode = function getCorrectViewMode(column, mode, isEditable) {
     if (mode === _types.RowMode.Edit && isEditable) {
       return renderEditMode(column, editableState, partialUpdate, errors);
@@ -182,10 +179,7 @@ var NewRow = exports.NewRow = function NewRow(_ref2) {
       return _objectSpread(_objectSpread({}, values), {}, (0, _defineProperty2["default"])({}, field, value));
     });
     onUpdate === null || onUpdate === void 0 || onUpdate((0, _defineProperty2["default"])({}, field, value));
-  },
-  // it works fine
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  []);
+  }, [onUpdate]);
   return /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
     "data-testid": "table-row"
   }, columns.map(function (column, i) {

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { TableCell } from '@mui/material';
-export declare const FieldWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
-export declare const PaginationWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const TableCellRows: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@mui/material").TableCellProps, never>> & Omit<typeof TableCell, keyof import("react").Component<any, {}, any>>;
-export declare const RowTable: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@mui/material").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
+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;
+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;
+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>>;
+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"> & {
     ref?: ((instance: HTMLTableRowElement | null) => void) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "selected" | "sx" | "hover">, never>> & Omit<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TableRowTypeMap<{}, "tr">>, keyof import("react").Component<any, {}, any>>;
+}, "children" | "style" | "className" | "classes" | "selected" | "sx" | "hover">, never>> & string & Omit<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TableRowTypeMap<{}, "tr">>, keyof import("react").Component<any, {}, any>>;

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableCellRows = exports.RowTable = exports.PaginationWrapper = exports.FieldWrapper = void 0;
+var _TableRow2 = _interopRequireDefault(require("@mui/material/TableRow"));
+var _TableCell2 = _interopRequireDefault(require("@mui/material/TableCell"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _material = require("@mui/material");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var FieldWrapper = exports.FieldWrapper = _styledComponents["default"].span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
 var PaginationWrapper = exports.PaginationWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    margin-left: 12px;\n"])));
-var TableCellRows = exports.TableCellRows = (0, _styledComponents["default"])(_material.TableCell)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        width: 400px;\n        height: 60px;\n        padding: 0 10px;\n    }\n"])));
-var RowTable = exports.RowTable = (0, _styledComponents["default"])(_material.TableRow)(_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"])));
+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"])));
+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"])));

package/core/data-display/data-table/use-paginated.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePaginated = exports.generateRandomDate = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _splitEvery2 = _interopRequireDefault(require("ramda/es/splitEvery"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _faker = _interopRequireDefault(require("faker"));
-var _splitEvery = _interopRequireDefault(require("ramda/es/splitEvery"));
+var _faker = require("@faker-js/faker");
 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 generateRandomDate = exports.generateRandomDate = function generateRandomDate(size) {
@@ -17,16 +17,16 @@ var generateRandomDate = exports.generateRandomDate = function generateRandomDat
   for (var i = 0; i < size; i++) {
     content.push({
       id: i,
-      product: _faker["default"].vehicle.model(),
-      price: _faker["default"].datatype["float"]({
+      product: _faker.faker.vehicle.model(),
+      price: _faker.faker.datatype["float"]({
         min: 0,
         max: 100000
       }),
-      quantity: _faker["default"].datatype.number({
+      quantity: _faker.faker.datatype.number({
         min: 0,
         max: 30
       }),
-      date: _faker["default"].date.recent(2)
+      date: _faker.faker.date.recent(2)
     });
   }
   return content;
@@ -48,7 +48,7 @@ var usePaginated = exports.usePaginated = function usePaginated() {
     loading = _useState4[0],
     setLoading = _useState4[1];
   var splitData = (0, _react.useMemo)(function () {
-    return (0, _splitEvery["default"])(state.size, mockData);
+    return (0, _splitEvery2["default"])(state.size, mockData);
   }, [state.size]);
   (0, _react.useEffect)(function () {
     setState(function (prev) {
@@ -75,18 +75,14 @@ var usePaginated = exports.usePaginated = function usePaginated() {
         });
       });
     }
-    // it works fine
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [state.size]);
+  }, [splitData, state.actualPage, state.size]);
   (0, _react.useEffect)(function () {
     setState(function (prev) {
       return _objectSpread(_objectSpread({}, prev), {}, {
         items: splitData[state.actualPage]
       });
     });
-    // it works fine
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [state.actualPage]);
+  }, [splitData, state.actualPage]);
   var handleChangePage = function handleChangePage(newPage) {
     setLoading(true);
     setState(function (prev) {

package/core/data-display/data-table/use-rows-state.js

@@ -11,9 +11,9 @@ var _react = require("react");
 var _types = require("./types");
 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; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var useRowsState = exports.useRowsState = function useRowsState(rows) {
   var isHidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var newRow = arguments.length > 2 ? arguments[2] : undefined;
@@ -25,8 +25,6 @@ var useRowsState = exports.useRowsState = function useRowsState(rows) {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-
-  // TODO: lazy inicialization
   (0, _react.useEffect)(function () {
     var nextState = new Map();
     var _iterator = _createForOfIteratorHelper(rows),

package/core/data-display/divider/divider.stories.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").DividerProps>;
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const WithDisabledFields: () => React.JSX.Element;
-export declare const WithSelectedFields: () => React.JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import Divider from '.';
+declare const meta: Meta<typeof Divider>;
+export default meta;
+type Story = StoryObj<typeof Divider>;
+export declare const divider: Story;

package/core/data-display/divider/index.d.ts

@@ -4,5 +4,5 @@ import type { DividerProps as MuiDividerProps } from '@material-ui/core';
 export interface DividerProps extends DefaultProps, MuiDividerProps {
     'data-testid'?: string;
 }
-export declare const Divider: ({ margin, padding, style, ...otherProps }: DividerProps) => React.JSX.Element;
+declare const Divider: ({ margin, padding, style, ...otherProps }: DividerProps) => React.JSX.Element;
 export default Divider;

package/core/data-display/divider/index.js

@@ -4,22 +4,22 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Divider = void 0;
+exports["default"] = void 0;
+var _Divider2 = _interopRequireDefault(require("@material-ui/core/Divider"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
 var _excluded = ["margin", "padding", "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 Divider = exports.Divider = function Divider(_ref) {
+var Divider = function Divider(_ref) {
   var margin = _ref.margin,
     padding = _ref.padding,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Divider["default"], (0, _extends2["default"])({}, otherProps, {
+  return /*#__PURE__*/_react["default"].createElement(_Divider2["default"], (0, _extends2["default"])({}, otherProps, {
     style: _objectSpread({
       margin: margin,
       padding: padding

package/core/data-display/fab/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Fab2 = _interopRequireDefault(require("@material-ui/core/Fab"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _Fab = _interopRequireDefault(require("@material-ui/core/Fab"));
 var _excluded = ["children", "margin", "padding", "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; }
@@ -20,7 +20,7 @@ var Fab = function Fab(_ref) {
     _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, {
+  return /*#__PURE__*/_react["default"].createElement(_Fab2["default"], (0, _extends2["default"])({}, otherProps, {
     style: _objectSpread({
       margin: margin,
       padding: padding

package/core/data-display/fab-v2/fab.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FabV2 from '.';
+declare const meta: Meta<typeof FabV2>;
+export default meta;
+type Story = StoryObj<typeof FabV2>;
+export declare const fabV2: Story;

package/{experimental/fab/fab.d.ts → core/data-display/fab-v2/index.d.ts}

@@ -2,7 +2,7 @@ import React from 'react';
 import type { MouseEvent, CSSProperties } from 'react';
 import type { FabProps } from '@/core/data-display/fab';
 export interface IProps extends FabProps {
-    large?: boolean;
+    mini?: boolean;
     className?: string;
     name?: string;
     tooltip?: string;

package/{experimental/fab/fab.js → core/data-display/fab-v2/index.js}

@@ -9,21 +9,22 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
-var _excluded = ["large", "children", "padding", "name", "margin", "style"];
+var _fab = _interopRequireDefault(require("../fab"));
+var _tooltip = _interopRequireDefault(require("../../feedback/tooltip"));
+var _excluded = ["mini", "children", "padding", "name", "margin", "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 FabV2 = function FabV2(props) {
   var renderButton = function renderButton() {
-    var large = props.large,
+    var mini = props.mini,
       children = props.children,
       padding = props.padding,
       name = props.name,
       margin = props.margin,
       style = props.style,
       otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-    return /*#__PURE__*/_react["default"].createElement(_.Fab, (0, _extends2["default"])({
-      size: large ? 'medium' : 'small',
+    return /*#__PURE__*/_react["default"].createElement(_fab["default"], (0, _extends2["default"])({
+      size: mini ? 'small' : 'medium',
       name: name || 'action-button',
       "data-testid": "fab-button"
     }, otherProps, {
@@ -34,7 +35,7 @@ var FabV2 = function FabV2(props) {
       onClick: props.onClick
     }), children);
   };
-  return props.tooltip ? /*#__PURE__*/_react["default"].createElement(_.Tooltip, {
+  return props.tooltip ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
     withWrapper: true,
     title: props.tooltip
   }, renderButton()) : renderButton();

package/core/data-display/line/index.d.ts

@@ -4,5 +4,5 @@ export interface LineProps extends DefaultProps {
     primary?: boolean;
     'data-testid'?: string;
 }
-export declare const Line: ({ padding, margin, style, primary, ...otherProps }: LineProps) => React.JSX.Element;
+declare const Line: ({ padding, margin, style, primary, ...otherProps }: LineProps) => React.JSX.Element;
 export default Line;

package/core/data-display/line/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Line = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var _theme$colors = _theme.theme.colors,
   grays = _theme$colors.grays,
   secondary = _theme$colors.secondary;
-var Line = exports.Line = function Line(_ref) {
+var Line = function Line(_ref) {
   var padding = _ref.padding,
     margin = _ref.margin,
     style = _ref.style,

package/core/data-display/line/line.stories.d.ts

@@ -1,5 +1,6 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").LineProps>;
-export default _default;
-export declare const Default: any;
-export declare const Primary: any;
-export declare const LineWithWidthProp: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import Line from '.';
+declare const meta: Meta<typeof Line>;
+export default meta;
+type Story = StoryObj<typeof Line>;
+export declare const line: Story;

package/core/data-display/list/index.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _List2 = _interopRequireDefault(require("@material-ui/core/List"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _ListSubheader2 = _interopRequireDefault(require("@material-ui/core/ListSubheader"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _List = _interopRequireDefault(require("@material-ui/core/List"));
-var _ListSubheader = _interopRequireDefault(require("@material-ui/core/ListSubheader"));
 var _styles = require("@material-ui/core/styles");
 var _excluded = ["title", "padding", "margin", "style", "children", "className", "color"];
 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; }
@@ -47,8 +47,8 @@ var List = function List(_ref) {
     color = _ref$color === void 0 ? 'default' : _ref$color,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var classes = useStyles();
-  return /*#__PURE__*/_react["default"].createElement(_List["default"], (0, _extends2["default"])({
-    subheader: title ? /*#__PURE__*/_react["default"].createElement(_ListSubheader["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_List2["default"], (0, _extends2["default"])({
+    subheader: title ? /*#__PURE__*/_react["default"].createElement(_ListSubheader2["default"], {
       className: classes[color]
     }, title) : undefined,
     className: "".concat(classes[color], " ").concat(className),

package/core/data-display/list-item/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { MouseEvent } from 'react';
 import type { DefaultProps } from '../../types';
-import type { Omit } from 'ramda';
 export interface ListItemProps extends Omit<DefaultProps, 'name'> {
     avatar?: JSX.Element;
     icon?: JSX.Element;