flipper-ui 0.31.0 → 0.31.3

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

@@ -11,7 +11,7 @@ export interface AdvertiseProps extends DefaultProps {
      */
     author: string;
     /**
-     * The style of the comment
+     * The style of the comments
      * @optional
      */
     commentStyle?: CSSProperties;

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

@@ -8,23 +8,11 @@ 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"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _typography = require("../typography");
-var _paper = _interopRequireDefault(require("../../surfaces/paper"));
-var _theme = require("../../../theme");
+var _styles = require("./styles");
 var _excluded = ["comment", "author", "padding", "commentStyle", "authorStyle"];
-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; }
-var grays = _theme.theme.colors.grays;
-var styles = {
-  border: {
-    borderLeft: "1px solid ".concat(grays.g5)
-  }
-};
-var Paper = (0, _styledComponents["default"])(_paper["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: column;\n"])));
 var Advertise = function Advertise(_ref) {
   var comment = _ref.comment,
     author = _ref.author,
@@ -35,17 +23,17 @@ var Advertise = function Advertise(_ref) {
     _ref$authorStyle = _ref.authorStyle,
     authorStyle = _ref$authorStyle === void 0 ? {} : _ref$authorStyle,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(Paper, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_styles.Paper, (0, _extends2["default"])({
     padding: padding
-  }, otherProps), /*#__PURE__*/_react["default"].createElement(_typography.Typography, {
+  }, otherProps), /*#__PURE__*/_react["default"].createElement(_styles.AdvertiseTypography, {
     margin: "0 12px",
     padding: "6px 18px",
-    style: _objectSpread(_objectSpread({}, styles.border), commentStyle)
-  }, comment), /*#__PURE__*/_react["default"].createElement(_typography.Typography, {
+    style: _objectSpread({}, commentStyle)
+  }, comment), /*#__PURE__*/_react["default"].createElement(_styles.AdvertiseTypography, {
     margin: "0px 12px",
     padding: "6px 18px",
     variant: "caption",
-    style: _objectSpread(_objectSpread({}, styles.border), authorStyle)
+    style: _objectSpread({}, authorStyle)
   }, author));
 };
 var _default = exports["default"] = Advertise;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const AdvertiseTypography: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
+    align?: import("@material-ui/core").PropTypes.Alignment | undefined;
+    children?: import("react").ReactNode;
+    color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
+    display?: "initial" | "block" | "inline" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
+    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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import("../../types").DefaultProps, never>> & 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;
+    display?: "initial" | "block" | "inline" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
+    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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "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>>;
+export declare const Paper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@/core/surfaces/paper").PaperProps, never>> & 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/advertise/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Paper = exports.AdvertiseTypography = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _typography = _interopRequireDefault(require("../typography"));
+var _paper = _interopRequireDefault(require("../../surfaces/paper"));
+var _theme = require("../../../theme");
+var _templateObject, _templateObject2;
+var grays = _theme.theme.colors.grays;
+var AdvertiseTypography = exports.AdvertiseTypography = (0, _styledComponents["default"])(_typography["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        border-left: 1px solid ", ";\n    }\n"])), grays.g5);
+var Paper = exports.Paper = (0, _styledComponents["default"])(_paper["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: column;\n"])));

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

@@ -18,5 +18,5 @@ export interface BadgeProps extends DefaultProps, MuiBadgeProps {
         right?: number;
     };
 }
-export declare const Badge: (props: BadgeProps) => React.JSX.Element;
+declare const Badge: (props: BadgeProps) => React.JSX.Element;
 export default Badge;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Badge = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -20,7 +20,7 @@ var useBadgeStyles = function useBadgeStyles(position) {
   });
   return getStyles();
 };
-var Badge = exports.Badge = function Badge(props) {
+var Badge = function Badge(props) {
   var children = props.children,
     counter = props.counter,
     padding = props.padding,

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

@@ -25,5 +25,5 @@ export interface LineProps extends DefaultProps {
     children?: ReactNode;
     'data-testid'?: string;
 }
-export declare const Chapter: ({ padding, margin, style, childrenStyle, children, variant, primary, ...otherProps }: LineProps) => React.JSX.Element;
+declare const Chapter: ({ padding, margin, style, childrenStyle, children, variant, primary, ...otherProps }: LineProps) => React.JSX.Element;
 export default Chapter;

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

@@ -4,25 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Chapter = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _typography = require("../typography");
-var _theme = require("../../../theme");
+var _typography = _interopRequireDefault(require("../typography"));
+var _styles = require("./styles");
 var _excluded = ["padding", "margin", "style", "childrenStyle", "children", "variant", "primary"];
-var _templateObject, _templateObject2;
 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 grays = _theme.theme.colors.grays;
-var StyledLine = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    height: 1px;\n    flex: 1;\n    min-height: 0.75px;\n    max-height: 3px;\n    align-self: center;\n    background-color: ", ";\n"])), function (props) {
-  return props.primary ? grays.g4 : grays.g6;
-});
-var Container = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n\n    & div:first-child {\n        margin-right: 10px;\n    }\n\n    & div:last-child {\n        margin-left: 10px;\n    }\n"])));
-var Chapter = exports.Chapter = function Chapter(_ref) {
+var Chapter = function Chapter(_ref) {
   var padding = _ref.padding,
     margin = _ref.margin,
     style = _ref.style,
@@ -31,21 +22,21 @@ var Chapter = exports.Chapter = function Chapter(_ref) {
     variant = _ref.variant,
     primary = _ref.primary,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var Line = function Line(props) {
-    return /*#__PURE__*/_react["default"].createElement(StyledLine, (0, _extends2["default"])({}, props, {
-      style: _objectSpread({
-        padding: padding,
-        margin: margin
-      }, style)
-    }));
-  };
-  return /*#__PURE__*/_react["default"].createElement(Container, otherProps, /*#__PURE__*/_react["default"].createElement(Line, {
-    primary: primary
-  }), /*#__PURE__*/_react["default"].createElement(_typography.Typography, {
+  return /*#__PURE__*/_react["default"].createElement(_styles.Container, otherProps, /*#__PURE__*/_react["default"].createElement(_styles.StyledLine, {
+    primary: primary,
+    style: _objectSpread({
+      padding: padding,
+      margin: margin
+    }, style)
+  }), /*#__PURE__*/_react["default"].createElement(_typography["default"], {
     variant: variant,
     style: _objectSpread({}, childrenStyle)
-  }, children), /*#__PURE__*/_react["default"].createElement(Line, {
-    primary: primary
+  }, children), /*#__PURE__*/_react["default"].createElement(_styles.StyledLine, {
+    primary: primary,
+    style: _objectSpread({
+      padding: padding,
+      margin: margin
+    }, style)
   }));
 };
 var _default = exports["default"] = Chapter;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { LineProps } from '.';
+export declare const StyledLine: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LineProps>>;
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledLine = exports.Container = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _theme = require("../../../theme");
+var _templateObject, _templateObject2;
+var grays = _theme.theme.colors.grays;
+var StyledLine = exports.StyledLine = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    height: 1px;\n    flex: 1;\n    min-height: 0.75px;\n    max-height: 3px;\n    align-self: center;\n    background-color: ", ";\n"])), function (props) {
+  return props.primary ? grays.g4 : grays.g6;
+});
+var Container = exports.Container = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n\n    & div:first-child {\n        margin-right: 10px;\n    }\n\n    & div:last-child {\n        margin-left: 10px;\n    }\n"])));

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

@@ -7,5 +7,5 @@ export interface IChipProps extends MuiChipProps, Omit<DefaultProps, 'children'>
      */
     square?: boolean;
 }
-export declare const Chip: ({ square, padding, margin, style, ...otherProps }: IChipProps) => React.JSX.Element;
+declare const Chip: ({ square, padding, margin, style, ...otherProps }: IChipProps) => React.JSX.Element;
 export default Chip;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Chip = 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"));
@@ -22,7 +22,7 @@ var useStyles = (0, _styles.makeStyles)({
     borderRadius: '2px'
   }
 });
-var Chip = exports.Chip = function Chip(_ref) {
+var Chip = function Chip(_ref) {
   var square = _ref.square,
     padding = _ref.padding,
     margin = _ref.margin,

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

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import React from 'react';
+import type { ReactNode } from 'react';
 export type DataTableActionProps = {
     label: string;
     children: ReactNode;

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

@@ -19,4 +19,4 @@ interface ITable<D extends Record<string, unknown>> {
     };
 }
 export declare const DataTableField: <D extends Record<string, unknown>>(props: ITable<D>) => React.JSX.Element;
-export {};
+export default DataTableField;

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

@@ -4,18 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DataTableField = void 0;
+exports["default"] = exports.DataTableField = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _ = require("../../..");
-var _templateObject, _templateObject2; // eslint-disable-next-line @typescript-eslint/consistent-type-imports
+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; }
-var TableCellRows = (0, _styledComponents["default"])(_material.TableCell)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        width: 400px;\n        height: 60px;\n        padding: 0 10px;\n    }\n"])));
-var RowTable = (0, _styledComponents["default"])(_material.TableRow)(_templateObject2 || (_templateObject2 = (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"])));
+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
 var DataTableField = exports.DataTableField = function DataTableField(props) {
   var rows = props.rows,
     header = props.header,
@@ -76,8 +72,7 @@ var DataTableField = exports.DataTableField = function DataTableField(props) {
       var _checkboxProps$checkR2;
       var columns = header.map(function (column, i) {
         if (Object.keys(row).includes(column.field)) {
-          var _checkboxProps$checkR;
-          return /*#__PURE__*/_react["default"].createElement(TableCellRows, {
+          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, {
@@ -91,11 +86,17 @@ var DataTableField = exports.DataTableField = function DataTableField(props) {
             onChange: function onChange(event) {
               return handleFieldChange(event, column.field, index, setRows);
             }
-          }) : /*#__PURE__*/_react["default"].createElement("span", null, column.editable ? checkboxProps !== null && checkboxProps !== void 0 && (_checkboxProps$checkR = checkboxProps.checkRow) !== null && _checkboxProps$checkR !== void 0 && _checkboxProps$checkR[index] ? row[column.field] : '' : row[column.field]));
+          }) : /*#__PURE__*/_react["default"].createElement(_styles.FieldWrapper, null, function () {
+            if (column.editable) {
+              var _checkboxProps$checkR;
+              return checkboxProps !== null && checkboxProps !== void 0 && (_checkboxProps$checkR = checkboxProps.checkRow) !== null && _checkboxProps$checkR !== void 0 && _checkboxProps$checkR[index] ? row[column.field] : '';
+            }
+            return row[column.field];
+          }()));
         }
         return;
       });
-      return /*#__PURE__*/_react["default"].createElement(RowTable, {
+      return /*#__PURE__*/_react["default"].createElement(_styles.RowTable, {
         key: index,
         className: checkboxProps !== null && checkboxProps !== void 0 && checkboxProps.checkRow && checkboxProps.checkRow[index] ? 'no-hover' : '',
         onClick: function onClick(event) {
@@ -128,4 +129,5 @@ var DataTableField = exports.DataTableField = function DataTableField(props) {
       align: "center"
     }, item.title);
   })), /*#__PURE__*/_react["default"].createElement(_material.TableBody, null, tableBody(rows, header)));
-};
+};
+var _default = exports["default"] = DataTableField;

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

@@ -6,12 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.makeDataTablePaginationActions = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _iconButton = require("../../inputs/icon-button");
+var _iconButton = _interopRequireDefault(require("../../inputs/icon-button"));
+var _styles = require("./styles");
 var _icons = require("../../../icons");
-var PAGINATION_WRAPPER_STYLE = {
-  display: 'flex',
-  marginLeft: '12px'
-};
 var makeDataTablePaginationActions = exports.makeDataTablePaginationActions = function makeDataTablePaginationActions(_ref) {
   var showFirstButton = _ref.showFirstButton,
     showLastButton = _ref.showLastButton,
@@ -34,21 +31,19 @@ var makeDataTablePaginationActions = exports.makeDataTablePaginationActions = fu
     var handleLastPageButtonClick = function handleLastPageButtonClick(event) {
       onPageChange(event, Math.max(0, totalPages));
     };
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      style: PAGINATION_WRAPPER_STYLE
-    }, showFirstButton && /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, {
+    return /*#__PURE__*/_react["default"].createElement(_styles.PaginationWrapper, null, showFirstButton && /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
       disabled: page === 0 || clickable,
       "aria-label": "first page",
       onClick: handleFirstPageButtonClick
-    }, /*#__PURE__*/_react["default"].createElement(_icons.FirstPage, null)), /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, {
+    }, /*#__PURE__*/_react["default"].createElement(_icons.FirstPage, null)), /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
       disabled: page === 0 || clickable,
       "aria-label": "previous page",
       onClick: handleBackButtonClick
-    }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowLeft, null)), /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, {
+    }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowLeft, null)), /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
       disabled: page >= totalPages || clickable,
       "aria-label": "next page",
       onClick: handleNextButtonClick
-    }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowRight, null)), showLastButton && /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, {
+    }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowRight, null)), showLastButton && /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
       disabled: page >= totalPages || clickable,
       "aria-label": "last page",
       onClick: handleLastPageButtonClick

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

@@ -124,7 +124,7 @@ var DataTableQueryPaginated = exports.DataTableQueryPaginated = function DataTab
     if (controllerRef) {
       controllerRef.current = nextController;
     }
-  }, [setRowState, pushRowView, popRowView, getRowState, controllerRef]);
+  }, [setRowState, pushRowView, popRowView, getRowState, controllerRef, handleChangePerPage]);
   var rowsList = (0, _react.useMemo)(function () {
     return rows.map(function (row) {
       var rowState = getRowState(row.id);

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

@@ -27,7 +27,7 @@ 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 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 max-lines */
+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:',

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

@@ -1,8 +1,8 @@
 export { default } from './data-table';
-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 { default as DataTableQueryPaginated } from './data-table-query-paginated';
 export type { ActionsCellProps, Align, DataTableController, PaginationOptions, ColumnType, Errors, RenderCellProps, RowAction } from './types';
+export { RowMode } from './types';
+export type { DataTableProps } from './data-table';
+export type { DataTableActionProps } from './data-table-action';

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

@@ -35,7 +35,7 @@ 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 _dataTableField = require("./data-table-field");
+var _dataTableField = require("./data-table-field");
+var _dataTableQueryPaginated = _interopRequireDefault(require("./data-table-query-paginated"));
+var _types = require("./types");

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

@@ -12,7 +12,7 @@ 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 _maskField = _interopRequireDefault(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); }
@@ -59,7 +59,7 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
   if (column.type.includes('numeric')) {
     var decimalScale = column.type === 'numeric-int' ? 0 : 2;
     var numeric = row[column.field];
-    return /*#__PURE__*/_react["default"].createElement(_maskField.MaskField, {
+    return /*#__PURE__*/_react["default"].createElement(_maskField["default"], {
       fixedDecimalScale: true,
       fullWidth: true,
       type: "text",
@@ -145,7 +145,10 @@ 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
+  []);
   var getCorrectViewMode = function getCorrectViewMode(column, mode, isEditable) {
     if (mode === _types.RowMode.Edit && isEditable) {
       return renderEditMode(column, editableState, partialUpdate, errors);
@@ -179,7 +182,10 @@ 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
+  []);
   return /*#__PURE__*/_react["default"].createElement(_TableRow["default"], {
     "data-testid": "table-row"
   }, columns.map(function (column) {

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

@@ -0,0 +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"> & {
+    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>>;

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

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableCellRows = exports.RowTable = exports.PaginationWrapper = exports.FieldWrapper = void 0;
+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"])));

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { Dispatch, SetStateAction } from 'react';
 import type { Data } from './types';
 export interface IDataProps {
     id: string;
@@ -10,7 +10,7 @@ export interface IDataProps {
 export declare const generateRandomDate: (size: number) => Data[];
 export declare const usePaginated: () => {
     data: Data[];
-    setData: import("react").Dispatch<import("react").SetStateAction<Data[]>>;
+    setData: Dispatch<SetStateAction<Data[]>>;
     totalElements: number;
     actualPage: number;
     size: number;

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

@@ -12,8 +12,6 @@ var _faker = _interopRequireDefault(require("faker"));
 var _splitEvery = _interopRequireDefault(require("ramda/es/splitEvery"));
 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'
-
 var generateRandomDate = exports.generateRandomDate = function generateRandomDate(size) {
   var content = [];
   for (var i = 0; i < size; i++) {
@@ -80,6 +78,8 @@ var usePaginated = exports.usePaginated = function usePaginated() {
         });
       });
     }
+    // it works fine
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.size]);
   (0, _react.useEffect)(function () {
     setState(function (prev) {
@@ -87,6 +87,8 @@ var usePaginated = exports.usePaginated = function usePaginated() {
         items: splitData[state.actualPage]
       });
     });
+    // it works fine
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.actualPage]);
   var handleChangePage = function handleChangePage(newPage) {
     setLoading(true);
@@ -110,8 +112,6 @@ var usePaginated = exports.usePaginated = function usePaginated() {
       setLoading(false);
     }, MOCK_DELAY_VALUE);
   };
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   var setData = function setData(data) {
     setState(function (prev) {
       return _objectSpread(_objectSpread({}, prev), {}, {

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

@@ -61,6 +61,8 @@ var useRowsState = exports.useRowsState = function useRowsState(rows) {
     setState({
       internal: nextState
     });
+    // it works fine
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [rows, !!newRow]);
   var setRowState = (0, _react.useCallback)(function (id, partial) {
     setState(function (state) {

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

@@ -66,7 +66,5 @@ export type TSuggestion = {
     label: string;
     value: string;
 };
-export declare const DARK = "rgba(189,189,189,0)";
-export declare const GREY = "rgba(189,189,189,1)";
-export declare const EditableTable: <T extends object>(props: EditableTableProps<T>) => React.JSX.Element;
+declare const EditableTable: <T extends object>(props: EditableTableProps<T>) => React.JSX.Element;
 export default EditableTable;