flipper-ui 0.31.7 → 0.33.0

package/README.md

@@ -1,22 +1,18 @@
-<!-- Logo -->
 <p align="center">
-  <img width="150" src="logo.png" alt="Flipper-UI logo" />
+  <img width="150" src="./src/images/logo.png" alt="Flipper-UI logo" />
 </p>
 
-<!-- Name -->
 <h1 align="center">Flipper-UI</h1>
 
-<!-- Badges -->
+
 <div align="center">
+React UI based on the <br/>
 
-[React](http://facebook.github.io/react/) UI toolkit for the web.
+`@material-ui/core` and `@mui/material` <br/>
+toolkit for the web.
 
 [![npm package](https://img.shields.io/npm/v/flipper-ui/latest.svg)](https://www.npmjs.com/package/flipper-ui)
 [![npm downloads](https://img.shields.io/npm/dm/flipper-ui.svg)](https://www.npmjs.com/package/flipper-ui)
-[![Dependencies](https://img.shields.io/david/nginformatica/flipper-ui.svg?style=flat-square)](https://david-dm.org/nginformatica/flipper-ui)
-[![DevDependencies](https://img.shields.io/david/dev/nginformatica/flipper-ui.svg)](https://david-dm.org/nginformatica/flipper-ui?type=dev)
-[![Build Status](https://travis-ci.org/nginformatica/flipper-ui.svg?branch=master)](https://travis-ci.org/nginformatica/flipper-ui)
-
 </div>
 
 ## Installation
@@ -24,10 +20,11 @@
 Flipper-UI is available as an [npm package](https://www.npmjs.com/package/flipper-ui).
 
 ```sh
-// with npm
 npm install flipper-ui
 
-// with yarn
+```
+
+```sh
 yarn add flipper-ui
 ```
 
@@ -35,71 +32,26 @@ yarn add flipper-ui
 
 Here is a quick example to get you started, **it's all you need**:
 
-```jsx
+```tsx
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { render } from 'react-dom'
 import { Button } from 'flipper-ui'
 
-function App() {
+const App = () => {
   return (
     <Button variant="contained" color="primary">
       Hello World
     </Button>
-  );
+  )
 }
 
-ReactDOM.render(<App />, document.querySelector('#app'));
+render(<App />, document.getElementById('root'))
 ```
 
-## Components
-
-- [x] Advertise
-- [x] AppBar/Header
-- [x] AutoComplete
-- [x] Avatar
-- [x] Badge
-- [x] Box
-- [x] Button
-- [x] Checkbox
-- [x] Chip
-- [x] Collapse
-- [x] DatePicker
-- [x] Dialog
-- [x] Divider
-- [x] Expansion Panel
-- [x] Menu
-- [x] Fade
-- [x] Floating Action Button
-- [x] Grow
-- [x] Icon
-- [x] Icon Button
-- [x] List
-- [x] ListItem
-- [x] Paper
-- [x] Progress
-- [x] Sidebar/Drawer
-- [x] Switcher
-- [x] Radio
-- [x] RadioGroup
-- [x] Select
-- [x] Slide
-- [x] Snackbar
-- [x] Table
-- [x] Tabs
-- [x] TextArea
-- [x] TextField
-- [x] Tooltip
-- [x] Typography
-- [x] Zoom
-
-## Next Components
-
-- [ ] Carousel/Gallery
-- [ ] Tree
-
 ## Documentation
 
-Check out our [documentation website](https://nginformatica.github.io/flipper-ui/).
+Check out our [documentation website](https://flipper-ui.ngi.com.br/?path=/docs/introduction--docs). You can also interact with the components there!
+
 
 ## Contributing
 

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

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

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

@@ -4,7 +4,9 @@ export interface IProps {
     padding?: number | string;
     margin?: number | string;
     align?: 'flex-end' | 'flex-start' | 'center';
-    disabled?: boolean;
+    prefix?: string;
+    buttons?: Array<'confirm' | 'cancel'>;
+    actionButtonColor?: ButtonProps['color'];
     names?: {
         cancel: string;
         confirm: string;
@@ -14,17 +16,11 @@ export interface IProps {
         confirm: string;
     };
     readonly?: boolean;
-    prefix?: string;
-    buttons?: Array<'confirm' | 'cancel'>;
-    actionButtonColor?: ButtonProps['color'];
+    disabled?: boolean;
+    disabledCancel?: boolean;
+    disabledConfirm?: boolean;
     onCancel?(): void | boolean;
     onConfirm(): void;
 }
-interface IWrapper {
-    padding?: IProps['padding'];
-    margin?: IProps['margin'];
-    align: IProps['align'];
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IWrapper>> & string;
-export declare const Actions: (props: IProps) => React.JSX.Element;
+declare const Actions: (props: IProps) => React.JSX.Element;
 export default Actions;

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _button = _interopRequireDefault(require("../../inputs/button"));
+var _styles = require("./styles");
+var Actions = function Actions(props) {
+  var showButton = !props.readonly && (!props.buttons || props.buttons.includes('confirm'));
+  return /*#__PURE__*/_react["default"].createElement(_styles.Wrapper, {
+    align: props.align || 'flex-end',
+    padding: props.padding,
+    margin: props.margin
+  }, (!props.buttons || props.buttons.includes('cancel')) && /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    margin: "0 16px",
+    disabled: props.disabled || props.disabledCancel,
+    name: props.names ? props.names.cancel : 'cancel-action',
+    "data-testid": "cancel-action",
+    onClick: props.onCancel
+  }, props.labels ? props.labels.cancel : 'Cancelar'), showButton && /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    color: props.actionButtonColor || 'secondary',
+    variant: "contained",
+    disabled: props.disabled || props.disabledConfirm,
+    name: props.names ? props.names.confirm : 'confirm-action',
+    "data-testid": "confirm-action",
+    onClick: props.onConfirm
+  }, props.labels ? props.labels.confirm : 'Confirmar'));
+};
+var _default = exports["default"] = Actions;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IWrapper {
+    padding?: number | string;
+    margin?: number | string;
+    align?: 'flex-end' | 'flex-start' | 'center';
+}
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IWrapper>> & string;
+export {};

package/{experimental/fab → core/data-display/actions}/styles.js

@@ -8,4 +8,10 @@ exports.Wrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
-var Wrapper = exports.Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    opacity: 0;\n    transition: opacity 200ms ease;\n    &:hover {\n        opacity: 1;\n    }\n"])));
+var Wrapper = exports.Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    grid-area: actions;\n    display: flex;\n    flex: 1;\n    justify-content: ", ";\n    padding: ", ";\n    margin: ", ";\n"])), function (props) {
+  return props.align;
+}, function (props) {
+  return props.padding;
+}, function (props) {
+  return props.margin;
+});

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

@@ -2,7 +2,7 @@
 export declare const AdvertiseTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
     align?: import("@material-ui/core").PropTypes.Alignment | undefined;
     children?: import("react").ReactNode;
-    color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
+    color?: "inherit" | "primary" | "secondary" | "initial" | "error" | "textPrimary" | "textSecondary" | undefined;
     display?: "initial" | "block" | "inline" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -11,10 +11,10 @@ export declare const AdvertiseTypography: import("styled-components/dist/types")
     variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
 } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("../../types").DefaultProps, never>> & string & Omit<({ children, margin, padding, style, variant, ...otherProps }: {
+}, "color" | "role" | "onClick" | "children" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key"> & import("../../types").DefaultProps, never>> & string & Omit<({ children, margin, padding, style, variant, ...otherProps }: {
     align?: import("@material-ui/core").PropTypes.Alignment | undefined;
     children?: import("react").ReactNode;
-    color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
+    color?: "inherit" | "primary" | "secondary" | "initial" | "error" | "textPrimary" | "textSecondary" | undefined;
     display?: "initial" | "block" | "inline" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -23,5 +23,5 @@ export declare const AdvertiseTypography: import("styled-components/dist/types")
     variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
 } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("../../types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+}, "color" | "role" | "onClick" | "children" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key"> & import("../../types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const Paper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@/core/surfaces/paper").PaperProps, never>> & string & Omit<({ children, style, padding, margin, ...otherProps }: import("@/core/surfaces/paper").PaperProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;

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

@@ -1,5 +1,9 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").AvatarProps>;
-export default _default;
-export declare const Default: any;
-export declare const Primary: any;
-export declare const WithChildren: any;
+import type { Meta, StoryObj } from '@storybook/react';
+import Avatar from '.';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+export declare const avatar: Story;
+export declare const avatarWithCustomSize: Story;
+export declare const avatarWithoutImage: Story;
+export declare const avatarWithCustomIcon: Story;

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

@@ -1,11 +1,10 @@
 import React from 'react';
-import type { ReactNode } from 'react';
-import type { DefaultProps } from '../../types';
-import type { AvatarProps as MuiAvatarProps } from '@material-ui/core';
-export interface AvatarProps extends DefaultProps, MuiAvatarProps {
-    primary?: boolean;
-    children?: ReactNode;
-    'data-testid'?: string;
+import type { CSSProperties, ReactNode } from 'react';
+export interface IProps {
+    name?: string;
+    icon?: ReactNode;
+    src?: string;
+    style?: CSSProperties;
 }
-export declare const Avatar: ({ children, primary, className, ...otherProps }: AvatarProps) => React.JSX.Element;
+declare const Avatar: (props: IProps) => React.JSX.Element;
 export default Avatar;

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

@@ -4,28 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Avatar = void 0;
-var _Avatar2 = _interopRequireDefault(require("@material-ui/core/Avatar"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+exports["default"] = void 0;
+var _Avatar2 = _interopRequireDefault(require("@mui/material/Avatar"));
+var _take2 = _interopRequireDefault(require("ramda/es/take"));
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("@material-ui/core/styles");
-var _excluded = ["children", "primary", "className"];
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return (0, _styles.createStyles)({
-    primary: {
-      backgroundColor: theme.palette.primary.main
+var Avatar = function Avatar(props) {
+  var getChild = function getChild() {
+    if (props.name) {
+      return (0, _take2["default"])(1, props.name.toUpperCase());
     }
-  });
-});
-var Avatar = exports.Avatar = function Avatar(_ref) {
-  var children = _ref.children,
-    primary = _ref.primary,
-    className = _ref.className,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = useStyles();
-  return /*#__PURE__*/_react["default"].createElement(_Avatar2["default"], (0, _extends2["default"])({}, otherProps, {
-    className: "".concat(className ? className : '', " ").concat(primary ? classes['primary'] : '')
-  }), children);
+    return props.icon;
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Avatar2["default"], props, getChild());
 };
 var _default = exports["default"] = Avatar;

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

@@ -12,10 +12,10 @@ var _TableCell2 = _interopRequireDefault(require("@mui/material/TableCell"));
 var _Checkbox2 = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _ = require("../../..");
+var _textField = _interopRequireDefault(require("../../inputs/text-field"));
 var _styles = require("./styles");
 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; } // eslint-disable-next-line @typescript-eslint/consistent-type-imports
+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 DataTableField = exports.DataTableField = function DataTableField(props) {
   var rows = props.rows,
     header = props.header,
@@ -79,7 +79,7 @@ var DataTableField = exports.DataTableField = function DataTableField(props) {
           return /*#__PURE__*/_react["default"].createElement(_styles.TableCellRows, {
             key: i,
             align: "center"
-          }, column.editable && checkboxProps !== null && checkboxProps !== void 0 && checkboxProps.checkRow && checkboxProps.checkRow[index] ? /*#__PURE__*/_react["default"].createElement(_.TextField, {
+          }, column.editable && checkboxProps !== null && checkboxProps !== void 0 && checkboxProps.checkRow && checkboxProps.checkRow[index] ? /*#__PURE__*/_react["default"].createElement(_textField["default"], {
             fullWidth: true,
             key: "".concat(column.field, "-").concat(i),
             type: column.type,

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

@@ -16,6 +16,9 @@ export type DataTableProps<D extends Data, V extends StackView = Record<string,
     controllerRef?: MutableRefObject<DataTableController<D, V> | undefined>;
     hidden?: boolean;
     rowViews?: Record<keyof V, RowViewComponent<D>>;
+    size?: 'small' | 'medium';
+    renderEmptyRows?: boolean;
+    hideSelect?: boolean;
     checkbox?: boolean;
     checkboxProps?: {
         checkRow?: boolean[];

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

@@ -30,12 +30,12 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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,
@@ -238,10 +241,13 @@ 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
@@ -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,9 +11,9 @@ 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 && {}.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; }
@@ -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

@@ -5,4 +5,4 @@ export declare const PaginationWrapper: import("styled-components/dist/types").I
 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>> & string & 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>>;