flipper-ui 0.28.0 → 0.29.1

package/core/context/theme-provider/theme-provider.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").AdvertiseProps>;
+export default _default;
+export declare const Default: any;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { DefaultProps } from '../../types';
+export interface AdvertiseProps extends DefaultProps {
+    /**
+     * The comment to be displayed
+     */
+    comment: string;
+    /**
+     * The author of the comment
+     */
+    author: string;
+    /**
+     * The style of the comment
+     * @optional
+     */
+    commentStyle?: React.CSSProperties;
+    /**
+     * The style of the author
+     * @optional
+     */
+    authorStyle?: React.CSSProperties;
+}
+declare const Advertise: ({ comment, author, padding, commentStyle, authorStyle, ...otherProps }: AdvertiseProps) => JSX.Element;
+export default Advertise;

package/core/{Advertise → data-display/advertise}/index.js

@@ -10,9 +10,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("../../colors");
-var _Paper = _interopRequireDefault(require("../Paper"));
-var _Typography = _interopRequireDefault(require("../Typography"));
+var _colors = require("@/colors");
+var _paper = _interopRequireDefault(require("@/core/surfaces/paper"));
+var _typography = _interopRequireDefault(require("@/core/data-display/typography"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _excluded = ["comment", "author", "padding", "commentStyle", "authorStyle"];
 var _templateObject;
@@ -23,7 +23,7 @@ var styles = {
     borderLeft: "1px solid ".concat(_colors.background.dark)
   }
 };
-var Paper = (0, _styledComponents["default"])(_Paper["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: column;\n"])));
+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,
@@ -36,11 +36,11 @@ var Advertise = function Advertise(_ref) {
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(Paper, (0, _extends2["default"])({
     padding: padding
-  }, otherProps), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+  }, otherProps), /*#__PURE__*/_react["default"].createElement(_typography["default"], {
     margin: "0 12px",
     padding: "6px 18px",
     style: _objectSpread(_objectSpread({}, styles.border), commentStyle)
-  }, comment), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+  }, comment), /*#__PURE__*/_react["default"].createElement(_typography["default"], {
     margin: "0px 12px",
     padding: "6px 18px",
     variant: "caption",

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").AvatarProps>;
+export default _default;
+export declare const Default: any;
+export declare const Primary: any;
+export declare const WithChildren: any;

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

@@ -0,0 +1,13 @@
+import { AvatarProps as MuiAvatarProps } from '@material-ui/core';
+import React from 'react';
+import type { DefaultProps } from '../../types';
+export interface AvatarProps extends DefaultProps, MuiAvatarProps {
+    /**
+     * If true, the avatar will have a primary color background.
+     */
+    primary?: boolean;
+    children?: React.ReactNode;
+    'data-testid'?: string;
+}
+export declare const Avatar: ({ children, primary, className, ...otherProps }: AvatarProps) => JSX.Element;
+export default Avatar;

package/core/{Avatar → data-display/avatar}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Avatar = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
@@ -28,5 +28,6 @@ var Avatar = function Avatar(_ref) {
     className: "".concat(className ? className : '', " ").concat(primary ? classes['primary'] : '')
   }), children);
 };
+exports.Avatar = Avatar;
 var _default = Avatar;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").BadgeProps>;
+export default _default;
+export declare const Default: any;
+export declare const Primary: any;
+export declare const Secondary: any;
+export declare const WithDot: any;

package/core/{Badge → data-display/badge}/index.d.ts

@@ -1,10 +1,15 @@
 import React from 'react';
 import { BadgeProps as MuiBadgeProps } from '@material-ui/core/Badge';
-import type { DefaultProps } from '../types';
+import type { DefaultProps } from '../../types';
 export interface BadgeProps extends DefaultProps, MuiBadgeProps {
     children: React.ReactNode;
-    max?: number;
+    /**
+     * The number to display in the badge.
+     */
     counter: number | string;
+    /**
+     * The position of the badge.
+     */
     position?: {
         top?: number;
         bottom?: number;
@@ -12,5 +17,5 @@ export interface BadgeProps extends DefaultProps, MuiBadgeProps {
         right?: number;
     };
 }
-declare const Badge: (props: BadgeProps) => JSX.Element;
+export declare const Badge: (props: BadgeProps) => JSX.Element;
 export default Badge;

package/core/{Badge → data-display/badge}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Badge = 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"));
@@ -39,5 +39,6 @@ var Badge = function Badge(props) {
     }, style)
   }, otherProps), children);
 };
+exports.Badge = Badge;
 var _default = Badge;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").LineProps>;
+export default _default;
+export declare const Default: any;
+export declare const WithCustomStyle: any;

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

@@ -0,0 +1,28 @@
+import type { TypographyProps } from '@material-ui/core/Typography';
+import React, { CSSProperties } from 'react';
+import { DefaultProps } from '../../types';
+export interface LineProps extends DefaultProps {
+    /**
+     * If true, the avatar will have a primary color background.
+     */
+    primary?: boolean;
+    /**
+     * The width of the component container.
+     */
+    width?: string;
+    /**
+     * The variant to use.
+     */
+    variant?: TypographyProps['variant'];
+    /**
+     * The style applied to the children Typography component.
+     */
+    childrenStyle?: CSSProperties;
+    /**
+     * The children of the component.
+     */
+    children?: React.ReactNode;
+    'data-testid'?: string;
+}
+export declare const Chapter: ({ padding, margin, style, childrenStyle, children, variant, primary, ...otherProps }: LineProps) => JSX.Element;
+export default Chapter;

package/core/{Chapter → data-display/chapter}/index.js

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Chapter = 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 = _interopRequireDefault(require("../Typography"));
+var _typography = _interopRequireDefault(require("@/core/data-display/typography"));
 var _nginformaticaStyleguide = require("nginformatica-styleguide");
 var _excluded = ["padding", "margin", "style", "childrenStyle", "children", "variant", "primary"];
 var _templateObject, _templateObject2;
@@ -41,12 +41,13 @@ var Chapter = function Chapter(_ref) {
   };
   return /*#__PURE__*/_react["default"].createElement(Container, otherProps, /*#__PURE__*/_react["default"].createElement(Line, {
     primary: primary
-  }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_typography["default"], {
     variant: variant,
     style: _objectSpread({}, childrenStyle)
   }, children), /*#__PURE__*/_react["default"].createElement(Line, {
     primary: primary
   }));
 };
+exports.Chapter = Chapter;
 var _default = Chapter;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,8 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").IChipProps>;
+export default _default;
+export declare const Default: any;
+export declare const Squared: any;
+export declare const WithInitialsAvatar: any;
+export declare const WithIconAvatar: any;
+export declare const WithImageAvatar: any;
+export declare const SecondaryColor: any;

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

@@ -0,0 +1,10 @@
+import { ChipProps as MuiChipProps } from '@material-ui/core';
+import { DefaultProps } from '../../types';
+export interface IChipProps extends MuiChipProps, Omit<DefaultProps, 'children'> {
+    /**
+     * If `true`, the chip will be squared.
+     */
+    square?: boolean;
+}
+export declare const Chip: ({ square, padding, margin, style, ...otherProps }: IChipProps) => JSX.Element;
+export default Chip;

package/core/{Chip → data-display/chip}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Chip = 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"));
@@ -38,5 +38,6 @@ var Chip = function Chip(_ref) {
     }, style)
   }, otherProps));
 };
+exports.Chip = Chip;
 var _default = Chip;
 exports["default"] = _default;

package/core/{DataTable/DataTablePaginationActions.js → data-display/data-table/data-table-pagination-actions.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.makeDataTablePaginationActions = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _IconButton = _interopRequireDefault(require("../IconButton"));
+var _iconButton = _interopRequireDefault(require("@/core/inputs/icon-button"));
 var _FirstPage = _interopRequireDefault(require("@material-ui/icons/FirstPage"));
 var _LastPage = _interopRequireDefault(require("@material-ui/icons/LastPage"));
 var _KeyboardArrowLeft = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowLeft"));
@@ -39,19 +39,19 @@ var makeDataTablePaginationActions = function makeDataTablePaginationActions(_re
     };
     return /*#__PURE__*/_react["default"].createElement("div", {
       style: PAGINATION_WRAPPER_STYLE
-    }, showFirstButton && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    }, showFirstButton && /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
       onClick: handleFirstPageButtonClick,
       disabled: page === 0 || clickable,
       "aria-label": "first page"
-    }, /*#__PURE__*/_react["default"].createElement(_FirstPage["default"], null)), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_FirstPage["default"], null)), /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
       onClick: handleBackButtonClick,
       disabled: page === 0 || clickable,
       "aria-label": "previous page"
-    }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowLeft["default"], null)), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowLeft["default"], null)), /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
       onClick: handleNextButtonClick,
       disabled: page >= totalPages || clickable,
       "aria-label": "next page"
-    }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowRight["default"], null)), showLastButton && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowRight["default"], null)), showLastButton && /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
       onClick: handleLastPageButtonClick,
       disabled: page >= totalPages || clickable,
       "aria-label": "last page"

package/core/{DataTable/DataTableQueryPaginated.js → data-display/data-table/data-table-query-paginated.js}

@@ -20,9 +20,9 @@ var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
 var _TableFooter = _interopRequireDefault(require("@material-ui/core/TableFooter"));
 var _types = require("./types");
-var _useRowsState2 = require("./useRowsState");
-var _Rows = require("./Rows");
-var _DataTablePaginationActions = require("./DataTablePaginationActions");
+var _useRowsState2 = require("./use-rows-state");
+var _rows = require("./rows");
+var _dataTablePaginationActions = require("./data-table-pagination-actions");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -140,7 +140,7 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
         }
       }, view ? view({
         data: row
-      }) : /*#__PURE__*/_react["default"].createElement(_Rows.StatefulRow, {
+      }) : /*#__PURE__*/_react["default"].createElement(_rows.StatefulRow, {
         columns: columns,
         data: row,
         errors: errors,
@@ -170,14 +170,14 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
       height: hiddenRowHeight && "".concat(hiddenRowHeight * hiddenRowsNumber, "px")
     }
   }));
-  var rowsElements = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (newRow === null || newRow === void 0 ? void 0 : newRow.id) && /*#__PURE__*/_react["default"].createElement(_Rows.NewRow, {
+  var rowsElements = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (newRow === null || newRow === void 0 ? void 0 : newRow.id) && /*#__PURE__*/_react["default"].createElement(_rows.NewRow, {
     data: newRow,
     errors: errors,
     columns: columns,
     onUpdate: setEditableRowState(newRow.id)
   }), rowsList);
   var paginationActionsComponent = (0, _react.useMemo)(function () {
-    return (0, _DataTablePaginationActions.makeDataTablePaginationActions)({
+    return (0, _dataTablePaginationActions.makeDataTablePaginationActions)({
       showFirstButton: pagination.showFirstButton,
       showLastButton: pagination.showLastButton,
       clickable: !pagination.clickable

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

@@ -0,0 +1,6 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./data-table-query-paginated").DataTableProps<import("./types").Data, import("./types").RecordUnknown>>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Empty: () => JSX.Element;
+export declare const NoHeader: () => JSX.Element;
+export declare const Crud: () => JSX.Element;

package/core/{DataTable/DataTable.js → data-display/data-table/data-table.js}

@@ -20,9 +20,9 @@ var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 var _TablePagination = _interopRequireDefault(require("@material-ui/core/TablePagination"));
 var _TableFooter = _interopRequireDefault(require("@material-ui/core/TableFooter"));
 var _types = require("./types");
-var _useRowsState2 = require("./useRowsState");
-var _Rows = require("./Rows");
-var _DataTablePaginationActions = require("./DataTablePaginationActions");
+var _useRowsState2 = require("./use-rows-state");
+var _rows = require("./rows");
+var _dataTablePaginationActions = require("./data-table-pagination-actions");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -154,7 +154,7 @@ var DataTable = function DataTable(props) {
         }
       }, view ? view({
         data: row
-      }) : /*#__PURE__*/_react["default"].createElement(_Rows.StatefulRow, {
+      }) : /*#__PURE__*/_react["default"].createElement(_rows.StatefulRow, {
         columns: columns,
         data: row,
         errors: errors,
@@ -185,14 +185,14 @@ var DataTable = function DataTable(props) {
       height: hiddenRowHeight && "".concat(hiddenRowHeight * hiddenRowsNumber, "px")
     }
   }));
-  var rowsElements = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (newRow === null || newRow === void 0 ? void 0 : newRow.id) && /*#__PURE__*/_react["default"].createElement(_Rows.NewRow, {
+  var rowsElements = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (newRow === null || newRow === void 0 ? void 0 : newRow.id) && /*#__PURE__*/_react["default"].createElement(_rows.NewRow, {
     data: newRow,
     errors: errors,
     columns: columns,
     onUpdate: setEditableRowState(newRow.id)
   }), rowsList);
   var paginationActionsComponent = (0, _react.useMemo)(function () {
-    return (0, _DataTablePaginationActions.makeDataTablePaginationActions)({
+    return (0, _dataTablePaginationActions.makeDataTablePaginationActions)({
       showFirstButton: pagination.showFirstButton,
       showLastButton: pagination.showLastButton
     });

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,8 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./data-table").DataTableProps<import("./types").Data, import("./types").RecordUnknown>>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Empty: () => JSX.Element;
+export declare const NoHeader: () => JSX.Element;
+export declare const NoPagination: () => JSX.Element;
+export declare const Crud: () => JSX.Element;
+export declare const CrudWithHidden: () => JSX.Element;

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

@@ -0,0 +1,7 @@
+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 type { DataTableActionProps } from './data-table-action';
+export type { ActionsCellProps, Align, DataTableController, PaginationOptions, ColumnType, Errors, RenderCellProps, RowAction } from './types';

package/core/{DataTable → data-display/data-table}/index.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "DataTableAction", {
   enumerable: true,
   get: function get() {
-    return _DataTableAction.DataTableAction;
+    return _dataTableAction.DataTableAction;
   }
 });
 Object.defineProperty(exports, "DataTableQueryPaginated", {
   enumerable: true,
   get: function get() {
-    return _DataTableQueryPaginated["default"];
+    return _dataTableQueryPaginated["default"];
   }
 });
 Object.defineProperty(exports, "RowMode", {
@@ -25,10 +25,10 @@ Object.defineProperty(exports, "RowMode", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _DataTable["default"];
+    return _dataTable["default"];
   }
 });
-var _DataTable = _interopRequireDefault(require("./DataTable"));
-var _DataTableQueryPaginated = _interopRequireDefault(require("./DataTableQueryPaginated"));
+var _dataTable = _interopRequireDefault(require("./data-table"));
+var _dataTableQueryPaginated = _interopRequireDefault(require("./data-table-query-paginated"));
 var _types = require("./types");
-var _DataTableAction = require("./DataTableAction");
+var _dataTableAction = require("./data-table-action");

package/core/{DataTable/Rows.js → data-display/data-table/rows.js}

@@ -9,9 +9,9 @@ exports.StatefulRow = exports.NewRow = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _types = require("./types");
-var _TextField = _interopRequireDefault(require("../TextField"));
-var _MaskField = _interopRequireDefault(require("../MaskField"));
-var _DateTime = _interopRequireDefault(require("../DateTime"));
+var _textField = _interopRequireDefault(require("@/core/inputs/text-field"));
+var _maskField = _interopRequireDefault(require("@/core/inputs/mask-field"));
+var _dateTime = _interopRequireDefault(require("@/core/inputs/date-time"));
 var _react = _interopRequireWildcard(require("react"));
 var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
 var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
@@ -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["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_dateTime["default"], {
       type: "datetime",
       value: date,
       fullWidth: true,
@@ -59,7 +59,7 @@ var renderEditMode = function renderEditMode(column, row, updateRow, errors) {
   if ((_column$type = column.type) !== null && _column$type !== void 0 && _column$type.includes('numeric')) {
     var decimalScale = column.type === 'numeric-int' ? 0 : 2;
     var numeric = row[column.field];
-    return /*#__PURE__*/_react["default"].createElement(_MaskField["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_maskField["default"], {
       fixedDecimalScale: true,
       type: "text",
       fullWidth: true,
@@ -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["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_textField["default"], {
     defaultValue: value,
     type: type,
     fullWidth: true,

package/core/{DataTable → data-display/data-table}/types.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RowMode = void 0;
-var RowMode;
-exports.RowMode = RowMode;
-(function (RowMode) {
+var RowMode = /*#__PURE__*/function (RowMode) {
   RowMode[RowMode["Hide"] = 0] = "Hide";
   RowMode[RowMode["View"] = 1] = "View";
   RowMode[RowMode["Edit"] = 2] = "Edit";
-})(RowMode || (exports.RowMode = RowMode = {}));
+  return RowMode;
+}({});
+exports.RowMode = RowMode;

package/core/{DataTable/useRowsState.js → data-display/data-table/use-rows-state.js}

@@ -13,7 +13,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var useRowsState = function useRowsState(rows) {
   var isHidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var newRow = arguments.length > 2 ? arguments[2] : undefined;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").DividerProps>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const WithDisabledFields: () => JSX.Element;
+export declare const WithSelectedFields: () => JSX.Element;

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

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

package/core/{Divider → data-display/divider}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Divider = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -26,5 +26,6 @@ var Divider = function Divider(_ref) {
     }, style)
   }));
 };
+exports.Divider = Divider;
 var _default = Divider;
 exports["default"] = _default;

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

@@ -0,0 +1,4 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").EditableTableProps<object>>;
+export default _default;
+export declare const Default: any;
+export declare const WithAutocomplete: any;

package/core/data-display/editable-table/editable-table-with-date.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};