flipper-ui 0.30.10 → 0.31.0

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

@@ -9,24 +9,25 @@ exports["default"] = exports.DataTable = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _last = _interopRequireDefault(require("ramda/es/last"));
+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"));
 var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
 var _TableContainer = _interopRequireDefault(require("@material-ui/core/TableContainer"));
+var _TableFooter = _interopRequireDefault(require("@material-ui/core/TableFooter"));
 var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
-var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
-var _TableFooter = _interopRequireDefault(require("@material-ui/core/TableFooter"));
+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");
-var _rows = require("./rows");
-var _dataTablePaginationActions = require("./data-table-pagination-actions");
 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 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 _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; } /* eslint-disable max-lines */
 var defaultPagination = {
   rowsPerPage: 10,
   labelRowsPerPage: 'Rows per page:',
@@ -70,7 +71,9 @@ var DataTable = exports.DataTable = function DataTable(props) {
     bodyStyle = props.bodyStyle,
     headStyle = props.headStyle,
     hiddenRowHeight = props.hiddenRowHeight,
-    hidden = props.hidden;
+    hidden = props.hidden,
+    checkbox = props.checkbox,
+    checkboxProps = props.checkboxProps;
   var _useState5 = (0, _react.useState)(),
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     newRow = _useState6[0],
@@ -79,6 +82,7 @@ var DataTable = exports.DataTable = function DataTable(props) {
     if (pagination.disabled) {
       return data;
     }
+
     // this case is not good for the useRowsMode hook
     if (newRow && page === 0) {
       return sliceData(data, page, rowsPerPage - 1);
@@ -138,8 +142,35 @@ var DataTable = exports.DataTable = function DataTable(props) {
       controllerRef.current = nextController;
     }
   }, [setRowState, pushRowView, popRowView, getRowState, controllerRef]);
+  var handleSelectCheckbox = function handleSelectCheckbox(index, setSelected, setSelectedAll) {
+    setSelected(function (state) {
+      var newState = state.map(function (row, i) {
+        return index === i ? !row : row;
+      });
+      if (newState.includes(false)) {
+        setSelectedAll(false);
+      }
+      if (newState.every(function (item) {
+        return item === true;
+      })) {
+        setSelectedAll(true);
+      }
+      return newState;
+    });
+  };
+  var handleSelectAllCheckbox = function handleSelectAllCheckbox(setSelected, setSelectedAll) {
+    setSelectedAll(function (selectedAll) {
+      return !selectedAll;
+    });
+    setSelected(function (state) {
+      return state.map(function () {
+        return checkboxProps !== undefined ? !checkboxProps.checkAllRows : false;
+      });
+    });
+  };
   var rowsList = (0, _react.useMemo)(function () {
-    return rows.map(function (row) {
+    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 view = lastView && (rowViews === null || rowViews === void 0 ? void 0 : rowViews[lastView]);
@@ -152,7 +183,17 @@ var DataTable = exports.DataTable = function DataTable(props) {
         onClick: function onClick(event) {
           return onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(event, row);
         }
-      }, view ? view({
+      }, checkbox && /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
+        padding: "checkbox"
+      }, /*#__PURE__*/_react["default"].createElement(_Checkbox["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() {
+          if (checkboxProps !== null && checkboxProps !== void 0 && checkboxProps.setSelectedRow && checkboxProps.setSelectedAllRows) {
+            handleSelectCheckbox(index, checkboxProps.setSelectedRow, checkboxProps.setSelectedAllRows);
+          }
+        }
+      })), view ? view({
         data: row
       }) : /*#__PURE__*/_react["default"].createElement(_rows.StatefulRow, {
         columns: columns,
@@ -163,7 +204,7 @@ var DataTable = exports.DataTable = function DataTable(props) {
         onUpdate: setEditableRowState(row.id)
       }));
     });
-  }, [rows, getRowState, onRowClick, setEditableRowState, errors, rowViews, bodyRowStyle, columns, hidden]);
+  }, [rows, getRowState, rowViews, hidden, bodyRowStyle, checkbox, columns, errors, setEditableRowState, onRowClick, checkboxProps]);
   var columnsList = (0, _react.useMemo)(function () {
     return columns.map(function (column) {
       return /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
@@ -204,7 +245,17 @@ var DataTable = exports.DataTable = function DataTable(props) {
     style: headStyle
   }, /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
     style: headRowStyle
-  }, columnsList)), /*#__PURE__*/_react["default"].createElement(_TableBody["default"], {
+  }, checkbox && /*#__PURE__*/_react["default"].createElement(_TableCell["default"], {
+    padding: "checkbox"
+  }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+    color: "primary",
+    checked: (checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.checkAllRows) !== undefined ? checkboxProps.checkAllRows : false,
+    onChange: function onChange() {
+      if (checkboxProps !== null && checkboxProps !== void 0 && checkboxProps.setSelectedRow && checkboxProps.setSelectedAllRows) {
+        handleSelectAllCheckbox(checkboxProps.setSelectedRow, checkboxProps.setSelectedAllRows);
+      }
+    }
+  })), 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"], {
     count: data.length,
@@ -213,14 +264,14 @@ var DataTable = exports.DataTable = function DataTable(props) {
     rowsPerPage: rowsPerPage,
     labelRowsPerPage: pagination.labelRowsPerPage,
     labelDisplayedRows: pagination.labelDisplayedRows,
+    ActionsComponent: paginationActionsComponent,
     onPageChange: function onPageChange(_, page) {
       setPage(page);
     },
     onRowsPerPageChange: function onRowsPerPageChange(event) {
       setRowsPerPage(parseInt(event.target.value, 10));
       setPage(0);
-    },
-    ActionsComponent: paginationActionsComponent
+    }
   })))));
 };
 var _default = exports["default"] = DataTable;

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

@@ -7,3 +7,4 @@ 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 WithField: () => React.JSX.Element;

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

@@ -3,5 +3,6 @@ export { default as DataTableQueryPaginated } from './data-table-query-paginated
 export type { DataTableProps } from './data-table';
 export { RowMode } from './types';
 export { DataTableAction } from './data-table-action';
+export { DataTableField } from './data-table-field';
 export type { DataTableActionProps } from './data-table-action';
 export type { ActionsCellProps, Align, DataTableController, PaginationOptions, ColumnType, Errors, RenderCellProps, RowAction } from './types';

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

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "DataTableAction", {
     return _dataTableAction.DataTableAction;
   }
 });
+Object.defineProperty(exports, "DataTableField", {
+  enumerable: true,
+  get: function get() {
+    return _dataTableField.DataTableField;
+  }
+});
 Object.defineProperty(exports, "DataTableQueryPaginated", {
   enumerable: true,
   get: function get() {
@@ -31,4 +37,5 @@ Object.defineProperty(exports, "default", {
 var _dataTable = _interopRequireDefault(require("./data-table"));
 var _dataTableQueryPaginated = _interopRequireDefault(require("./data-table-query-paginated"));
 var _types = require("./types");
-var _dataTableAction = require("./data-table-action");
+var _dataTableAction = require("./data-table-action");
+var _dataTableField = require("./data-table-field");

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

@@ -1,5 +1,6 @@
-import { ColumnSpec, Data, Errors, PartialData, RowMode } from './types';
 import React from 'react';
+import type { ColumnSpec, Data, Errors, PartialData } from './types';
+import { RowMode } from './types';
 type StatefulRowProps<D extends Data> = {
     data: D;
     mode: RowMode;

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

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.StatefulRow = exports.NewRow = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _types = require("./types");
-var _textField = _interopRequireDefault(require("../../inputs/text-field"));
-var _maskField = _interopRequireDefault(require("../../inputs/mask-field"));
-var _dateTime = _interopRequireDefault(require("../../inputs/date-time"));
 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 _maskField = require("../../inputs/mask-field");
+var _textField = 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 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; }
@@ -23,7 +23,7 @@ var isEditable = function isEditable(column) {
   return column.type === 'actions' || column.editable;
 };
 var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
-  var _errors$row$id, _column$type;
+  var _errors$row$id;
   var isNew = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   if (column.type === 'actions') {
     return column.renderCell({
@@ -45,10 +45,10 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
   }
   if (column.type === 'datetime') {
     var date = row[column.field];
-    return /*#__PURE__*/_react["default"].createElement(_dateTime["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_dateTime.DateTime, {
+      fullWidth: true,
       type: "datetime",
       value: date,
-      fullWidth: true,
       error: hasError,
       name: column.field.toString(),
       onChange: function onChange(value) {
@@ -56,13 +56,13 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
       }
     });
   }
-  if ((_column$type = column.type) !== null && _column$type !== void 0 && _column$type.includes('numeric')) {
+  if (column.type.includes('numeric')) {
     var decimalScale = column.type === 'numeric-int' ? 0 : 2;
     var numeric = row[column.field];
-    return /*#__PURE__*/_react["default"].createElement(_maskField["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_maskField.MaskField, {
       fixedDecimalScale: true,
-      type: "text",
       fullWidth: true,
+      type: "text",
       error: hasError,
       thousandSeparator: ".",
       decimalSeparator: ",",
@@ -76,11 +76,11 @@ 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["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_textField.TextField, {
+    fullWidth: true,
     options: column.options,
     defaultValue: value,
     type: type,
-    fullWidth: true,
     error: hasError,
     name: column.field.toString(),
     onChange: function onChange(event) {

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

@@ -1,5 +1,5 @@
-import { IOption } from '@/core/inputs/text-field';
 import type { CSSProperties, FunctionComponent } from 'react';
+import type { IOption } from '@/core/inputs/text-field';
 export type RecordUnknown = Record<string, unknown>;
 export type StackView = RecordUnknown;
 export type Identifier = string | number;
@@ -11,7 +11,7 @@ export type PartialData<D extends RecordUnknown> = Partial<D> & {
 };
 export type ColumnType = 'datetime' | 'text' | 'number' | 'numeric-float' | 'numeric-int';
 export type Align = 'right' | 'left' | 'center' | 'justify' | 'inherit';
-type ColumnSpecBase<F = {}> = {
+type ColumnSpecBase<F = object> = {
     title: string;
     type: string;
     cellStyle?: CSSProperties;

package/core/data-display/data-table/use-paginated.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Data } from './types';
+import type { Data } from './types';
 export interface IDataProps {
     id: string;
     product: string;

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

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.usePaginated = exports.generateRandomDate = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 _react = require("react");
 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; }
 // import { v4 as uuid } from 'uuid'

package/core/data-display/data-table/use-rows-state.d.ts

@@ -1,4 +1,4 @@
-import { Data, Identifier, RowState } from './types';
+import type { Data, Identifier, RowState } from './types';
 export declare const useRowsState: <D extends Data, V extends import("./types").RecordUnknown>(rows: D[], isHidden?: boolean, newRow?: Partial<D> | undefined) => {
     getRowState: (id: Identifier) => RowState<D, V> | undefined;
     setEditableRowState: (id: Identifier) => (patch: Partial<D>) => void;

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

@@ -89,7 +89,7 @@ var useRowsState = exports.useRowsState = function useRowsState(rows) {
     setState(function (state) {
       var elem = state.internal.get(id);
       if (elem) {
-        elem === null || elem === void 0 || elem.stackView.pop();
+        elem.stackView.pop();
         state.internal.set(id, elem);
       }
       return {

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

@@ -1,6 +1,6 @@
-import { DividerProps as MuiDividerProps } from '@material-ui/core';
 import React from 'react';
-import { DefaultProps } from '../../types';
+import type { DefaultProps } from '../../types';
+import type { DividerProps as MuiDividerProps } from '@material-ui/core';
 export interface DividerProps extends DefaultProps, MuiDividerProps {
     'data-testid'?: string;
 }

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

@@ -8,8 +8,8 @@ exports["default"] = exports.Divider = 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"));
-var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
 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; }

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Column, Options } from 'material-table';
+import type { MouseEvent } from 'react';
+import type { Column, Options } from 'material-table';
 export interface EditableTableProps<T extends object> {
     /**
      * The title of the table
@@ -53,7 +54,7 @@ export interface EditableTableProps<T extends object> {
      * The input value
      */
     value?: string;
-    onRowClick?: (event?: React.MouseEvent, rowData?: T) => void;
+    onRowClick?: (event?: MouseEvent, rowData?: T) => void;
     onUpdateRow?: (newData: object, oldData?: object) => Promise<void>;
     onDeleteRow?: (newData: object, oldData?: object) => Promise<void>;
     onAddRow?: (oldData: object) => Promise<void>;

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

@@ -11,20 +11,20 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
+var _ptBR = _interopRequireDefault(require("date-fns/locale/pt-BR"));
 var _materialTable = _interopRequireWildcard(require("material-table"));
-var _icons = require("../../../icons");
-var _typography = _interopRequireDefault(require("../typography"));
 var _omit = _interopRequireDefault(require("ramda/es/omit"));
 var _contains = _interopRequireDefault(require("ramda/es/contains"));
 var _propOr = _interopRequireDefault(require("ramda/es/propOr"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _button = _interopRequireDefault(require("../../inputs/button"));
-var _dateTime = _interopRequireDefault(require("../../inputs/date-time"));
-var _ptBR = _interopRequireDefault(require("date-fns/locale/pt-BR"));
-var _autoComplete = _interopRequireDefault(require("../../inputs/auto-complete"));
 var _listItem = _interopRequireDefault(require("../list-item"));
-var _textField = _interopRequireDefault(require("../../inputs/text-field"));
-var _maskField = _interopRequireDefault(require("../../inputs/mask-field"));
+var _typography = require("../typography");
+var _autoComplete = require("../../inputs/auto-complete");
+var _button = require("../../inputs/button");
+var _dateTime = require("../../inputs/date-time");
+var _maskField = require("../../inputs/mask-field");
+var _textField = require("../../inputs/text-field");
+var _icons = require("../../../icons");
 var _localization = require("../../../lib/localization");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -36,8 +36,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var DARK = exports.DARK = 'rgba(189,189,189,0)';
 var GREY = exports.GREY = 'rgba(189,189,189,1)';
 var AddRowButton = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n"])));
-var AddRowText = (0, _styledComponents["default"])(_typography["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    margin-left: 4px;\n    font-weight: 500 !important;\n"])));
-var FullWidthButton = (0, _styledComponents["default"])(_button["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    width: calc(100% - 24px);\n    margin: 12px !important;\n"])));
+var AddRowText = (0, _styledComponents["default"])(_typography.Typography)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    margin-left: 4px;\n    font-weight: 500 !important;\n"])));
+var FullWidthButton = (0, _styledComponents["default"])(_button.Button)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    width: calc(100% - 24px);\n    margin: 12px !important;\n"])));
 var CustomRemove = (0, _styledComponents["default"])(_materialTable.MTableEditRow)({
   '& h6': {
     fontSize: '0.85em'
@@ -55,7 +55,7 @@ var EditableTable = exports.EditableTable = function EditableTable(props) {
   };
   var renderMaskField = function renderMaskField(item, error) {
     var _item$value;
-    return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(_maskField["default"], (0, _extends2["default"])({}, item, {
+    return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(_maskField.MaskField, (0, _extends2["default"])({}, item, {
       fixedDecimalScale: true,
       error: props.errors ? error : item.error,
       type: "text",
@@ -95,12 +95,11 @@ var EditableTable = exports.EditableTable = function EditableTable(props) {
     }
   };
   var renderAutoComplete = function renderAutoComplete(inputProps) {
-    return /*#__PURE__*/_react["default"].createElement(_autoComplete["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_autoComplete.AutoComplete, {
       openOnFocus: true,
       selectTextOnFocus: true,
       "data-testid": "autocomplete-container",
       value: inputProps.value,
-      onChange: inputProps.onChange,
       suggestions: (0, _propOr["default"])([], 'autoCompleteSuggestions', props),
       renderSuggestion: function renderSuggestion(item, props, selected) {
         return /*#__PURE__*/_react["default"].createElement(_listItem["default"], (0, _extends2["default"])({
@@ -109,7 +108,7 @@ var EditableTable = exports.EditableTable = function EditableTable(props) {
         }, props), item.label);
       },
       renderInput: function renderInput(itemProps) {
-        return /*#__PURE__*/_react["default"].createElement(_textField["default"], (0, _extends2["default"])({
+        return /*#__PURE__*/_react["default"].createElement(_textField.TextField, (0, _extends2["default"])({
           fullWidth: true,
           error: getErrors(inputProps.columnDef.field),
           name: inputProps.columnDef.field + '-input'
@@ -121,7 +120,8 @@ var EditableTable = exports.EditableTable = function EditableTable(props) {
         "data-testid": "dialog-add",
         variant: "dashed",
         onClick: props.onClickAdd
-      }, /*#__PURE__*/_react["default"].createElement(_icons.NoteAdd, null), "Adicionar")
+      }, /*#__PURE__*/_react["default"].createElement(_icons.NoteAdd, null), "Adicionar"),
+      onChange: inputProps.onChange
     });
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
@@ -129,7 +129,6 @@ var EditableTable = exports.EditableTable = function EditableTable(props) {
       width: '100%'
     }
   }, /*#__PURE__*/_react["default"].createElement(_materialTable["default"], {
-    onRowClick: props.onRowClick,
     components: _objectSpread(_objectSpread({
       EditRow: function EditRow(props) {
         return /*#__PURE__*/_react["default"].createElement(CustomRemove, props);
@@ -154,7 +153,7 @@ var EditableTable = exports.EditableTable = function EditableTable(props) {
         var isDisabled = !!disabled;
         var renderToolbarButton = function renderToolbarButton() {
           var ActionIcon = localProps.action.icon;
-          return /*#__PURE__*/_react["default"].createElement(_button["default"], {
+          return /*#__PURE__*/_react["default"].createElement(_button.Button, {
             fullWidth: true,
             disabled: props.disableAddHeader,
             variant: "dashed",
@@ -198,7 +197,7 @@ var EditableTable = exports.EditableTable = function EditableTable(props) {
       },
       EditField: function EditField(localProps) {
         if (localProps.columnDef.type === 'datetime') {
-          return /*#__PURE__*/_react["default"].createElement(_dateTime["default"], {
+          return /*#__PURE__*/_react["default"].createElement(_dateTime.DateTime, {
             error: props.errors ? getErrors(localProps.columnDef.field) : localProps.error,
             name: localProps.columnDef.field + '-input',
             type: localProps.columnDef.type,
@@ -304,7 +303,8 @@ var EditableTable = exports.EditableTable = function EditableTable(props) {
       onRowDelete: props.onDeleteRow,
       onRowAddCancelled: props.onRowAddCancelled,
       onRowUpdateCancelled: props.onRowUpdateCancelled
-    }
+    },
+    onRowClick: props.onRowClick
   }));
 };
 var _default = exports["default"] = EditableTable;

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

@@ -1,9 +1,10 @@
-import { FabProps as MuiFabProps } from '@material-ui/core';
-import React, { MouseEvent } from 'react';
-import { DefaultProps } from '../../types';
+import React from 'react';
+import type { MouseEvent, ReactElement } from 'react';
+import type { DefaultProps } from '../../types';
+import type { FabProps as MuiFabProps } from '@material-ui/core';
 export interface FabProps extends DefaultProps, MuiFabProps {
     onClick?: (event?: MouseEvent<HTMLElement>) => void;
-    children: React.ReactElement<Record<string, unknown>>;
+    children: ReactElement<Record<string, unknown>>;
 }
 export declare const Fab: ({ children, margin, padding, style, ...otherProps }: FabProps) => React.JSX.Element;
 export default Fab;

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

@@ -8,8 +8,8 @@ exports["default"] = exports.Fab = 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"));
-var _Fab = _interopRequireDefault(require("@material-ui/core/Fab"));
 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; }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DefaultProps } from '../../types';
+import type { DefaultProps } from '../../types';
 export interface LineProps extends DefaultProps {
     /**
      * If true, the line will use the primary color.

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DefaultProps } from '../../types';
+import type { DefaultProps } from '../../types';
 export interface ListProps extends DefaultProps {
     /**
      * The title of the list

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

@@ -8,10 +8,10 @@ exports["default"] = exports.List = 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"));
+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 _react = _interopRequireDefault(require("react"));
 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; }
 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; }

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

@@ -1,7 +1,8 @@
-import React, { MouseEvent } from 'react';
-import { DefaultProps } from '../../types';
-import { Omit } from 'ramda';
-interface ListItemProps extends Omit<DefaultProps, 'name'> {
+import type { MouseEvent } from 'react';
+import React 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;
     action?: JSX.Element;

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
 var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
 var _ListItemAvatar = _interopRequireDefault(require("@material-ui/core/ListItemAvatar"));
 var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
@@ -14,7 +15,6 @@ var _ListItemSecondaryAction = _interopRequireDefault(require("@material-ui/core
 var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
 var _styles = require("@material-ui/core/styles");
-var _react = _interopRequireWildcard(require("react"));
 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 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; }

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

@@ -1,8 +1,9 @@
-import React, { MouseEvent } from 'react';
-import { DefaultProps } from '../../types';
-import { Omit } from 'ramda';
-import { MenuItemClassKey } from '@material-ui/core/MenuItem';
-import { ClassNameMap } from '@material-ui/core/styles/withStyles';
+import React from 'react';
+import type { MouseEvent, MutableRefObject } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MenuItemClassKey } from '@material-ui/core/MenuItem';
+import type { ClassNameMap } from '@material-ui/core/styles/withStyles';
+import type { Omit } from 'ramda';
 export interface ListItemProps extends Omit<DefaultProps, 'name'> {
     title?: string;
     value?: string | number;
@@ -10,7 +11,7 @@ export interface ListItemProps extends Omit<DefaultProps, 'name'> {
     disabled?: boolean;
     onClick?: (event?: MouseEvent) => void;
     children?: string;
-    ref?: React.MutableRefObject<null>;
+    ref?: MutableRefObject<null>;
     classes?: Partial<ClassNameMap<MenuItemClassKey>> | undefined;
 }
 declare const MenuItem: (props: ListItemProps) => React.JSX.Element;

package/core/data-display/menu-item/index.js

@@ -8,8 +8,8 @@ exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _material = require("@mui/material");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
 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; }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DefaultProps } from '../../types';
+import type { DefaultProps } from '../../types';
 export interface NodeProps extends DefaultProps {
     name: string;
 }