flipper-ui 0.30.1 → 0.30.2

package/colors.js

@@ -4,44 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.white = exports.warning = exports.transparent = exports.text = exports.success = exports.silver = exports.primary = exports.error = exports.black = exports.background = exports.GREY = exports.DARK = void 0;
-var primary = {
+var primary = exports.primary = {
   dark: '#00695C',
   light: '#B2DFDB',
   normal: '#009688'
 };
-exports.primary = primary;
-var background = {
+var background = exports.background = {
   dark: '#BDBDBD',
   light: '#EEEEEE',
   normal: '#E5E5E5'
 };
-exports.background = background;
-var silver = {
+var silver = exports.silver = {
   medium: '#666666',
   light: '#D3D3D3'
 };
-exports.silver = silver;
-var white = '#FFFFFF';
-exports.white = white;
-var black = '#000000';
-exports.black = black;
-var transparent = '#FFFFFF00';
-exports.transparent = transparent;
-var text = '#424242';
-exports.text = text;
-var error = {
+var white = exports.white = '#FFFFFF';
+var black = exports.black = '#000000';
+var transparent = exports.transparent = '#FFFFFF00';
+var text = exports.text = '#424242';
+var error = exports.error = {
   dark: '#B71C1C',
   light: '#F44336',
   normal: '#D32F2F'
 };
-exports.error = error;
-var warning = '#FFC107';
-exports.warning = warning;
-var success = '#4CAF50';
+var warning = exports.warning = '#FFC107';
+var success = exports.success = '#4CAF50';
 
 // Table gradient hover colors with opacity
-exports.success = success;
-var DARK = 'rgba(189,189,189,0)';
-exports.DARK = DARK;
-var GREY = 'rgba(189,189,189,1)';
-exports.GREY = GREY;
+var DARK = exports.DARK = 'rgba(189,189,189,0)';
+var GREY = exports.GREY = 'rgba(189,189,189,1)';

package/core/context/styles-provider/index.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _styles = require("@material-ui/core/styles");
-var _default = _styles.StylesProvider;
-exports["default"] = _default;
+var _default = exports["default"] = _styles.StylesProvider;

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

@@ -1,8 +1,8 @@
+import { ThemeOptions } from '@material-ui/core/styles';
 import React from 'react';
-import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme';
 interface ThemeProviderProps {
     options?: ThemeOptions;
     children: React.ReactNode;
 }
-declare const ThemeProvider: ({ options, children }: ThemeProviderProps) => JSX.Element;
+declare const ThemeProvider: ({ options, children }: ThemeProviderProps) => React.JSX.Element;
 export default ThemeProvider;

package/core/context/theme-provider/index.js

@@ -12,8 +12,7 @@ var ThemeProvider = function ThemeProvider(_ref) {
     options = _ref$options === void 0 ? {} : _ref$options,
     children = _ref.children;
   return /*#__PURE__*/_react["default"].createElement(_styles.MuiThemeProvider, {
-    theme: (0, _styles.createMuiTheme)(options)
+    theme: (0, _styles.createTheme)(options)
   }, children);
 };
-var _default = ThemeProvider;
-exports["default"] = _default;
+var _default = exports["default"] = ThemeProvider;

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

@@ -20,5 +20,5 @@ export interface AdvertiseProps extends DefaultProps {
      */
     authorStyle?: React.CSSProperties;
 }
-declare const Advertise: ({ comment, author, padding, commentStyle, authorStyle, ...otherProps }: AdvertiseProps) => JSX.Element;
+declare const Advertise: ({ comment, author, padding, commentStyle, authorStyle, ...otherProps }: AdvertiseProps) => React.JSX.Element;
 export default Advertise;

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

@@ -16,8 +16,8 @@ var _typography = _interopRequireDefault(require("../typography"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _excluded = ["comment", "author", "padding", "commentStyle", "authorStyle"];
 var _templateObject;
-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; }
-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 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 styles = {
   border: {
     borderLeft: "1px solid ".concat(_colors.background.dark)
@@ -47,5 +47,4 @@ var Advertise = function Advertise(_ref) {
     style: _objectSpread(_objectSpread({}, styles.border), authorStyle)
   }, author));
 };
-var _default = Advertise;
-exports["default"] = _default;
+var _default = exports["default"] = Advertise;

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

@@ -9,5 +9,5 @@ export interface AvatarProps extends DefaultProps, MuiAvatarProps {
     children?: React.ReactNode;
     'data-testid'?: string;
 }
-export declare const Avatar: ({ children, primary, className, ...otherProps }: AvatarProps) => JSX.Element;
+export declare const Avatar: ({ children, primary, className, ...otherProps }: AvatarProps) => React.JSX.Element;
 export default Avatar;

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

@@ -18,7 +18,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     }
   });
 });
-var Avatar = function Avatar(_ref) {
+var Avatar = exports.Avatar = function Avatar(_ref) {
   var children = _ref.children,
     primary = _ref.primary,
     className = _ref.className,
@@ -28,6 +28,4 @@ var Avatar = function Avatar(_ref) {
     className: "".concat(className ? className : '', " ").concat(primary ? classes['primary'] : '')
   }), children);
 };
-exports.Avatar = Avatar;
-var _default = Avatar;
-exports["default"] = _default;
+var _default = exports["default"] = Avatar;

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

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

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

@@ -12,15 +12,15 @@ var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("@material-ui/core/styles");
 var _excluded = ["children", "counter", "padding", "margin", "position", "style"];
-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; }
-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 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 useBadgeStyles = function useBadgeStyles(position) {
   var getStyles = (0, _styles.makeStyles)({
     badge: _objectSpread({}, position)
   });
   return getStyles();
 };
-var Badge = function Badge(props) {
+var Badge = exports.Badge = function Badge(props) {
   var children = props.children,
     counter = props.counter,
     padding = props.padding,
@@ -39,6 +39,4 @@ var Badge = function Badge(props) {
     }, style)
   }, otherProps), children);
 };
-exports.Badge = Badge;
-var _default = Badge;
-exports["default"] = _default;
+var _default = exports["default"] = Badge;

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

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

@@ -15,14 +15,14 @@ var _typography = _interopRequireDefault(require("../typography"));
 var _nginformaticaStyleguide = require("nginformatica-styleguide");
 var _excluded = ["padding", "margin", "style", "childrenStyle", "children", "variant", "primary"];
 var _templateObject, _templateObject2;
-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; }
-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 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 = _nginformaticaStyleguide.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) {
+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 = function Chapter(_ref) {
+var Chapter = exports.Chapter = function Chapter(_ref) {
   var padding = _ref.padding,
     margin = _ref.margin,
     style = _ref.style,
@@ -48,6 +48,4 @@ var Chapter = function Chapter(_ref) {
     primary: primary
   }));
 };
-exports.Chapter = Chapter;
-var _default = Chapter;
-exports["default"] = _default;
+var _default = exports["default"] = Chapter;

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

@@ -1,4 +1,5 @@
 import { ChipProps as MuiChipProps } from '@material-ui/core';
+import React from 'react';
 import { DefaultProps } from '../../types';
 export interface IChipProps extends MuiChipProps, Omit<DefaultProps, 'children'> {
     /**
@@ -6,5 +7,5 @@ export interface IChipProps extends MuiChipProps, Omit<DefaultProps, 'children'>
      */
     square?: boolean;
 }
-export declare const Chip: ({ square, padding, margin, style, ...otherProps }: IChipProps) => JSX.Element;
+export declare const Chip: ({ square, padding, margin, style, ...otherProps }: IChipProps) => React.JSX.Element;
 export default Chip;

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

@@ -12,8 +12,8 @@ var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
 var _styles = require("@material-ui/core/styles");
 var _react = _interopRequireDefault(require("react"));
 var _excluded = ["square", "padding", "margin", "style"];
-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; }
-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 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 useStyles = (0, _styles.makeStyles)({
   root: {
     borderRadius: '4px'
@@ -22,7 +22,7 @@ var useStyles = (0, _styles.makeStyles)({
     borderRadius: '2px'
   }
 });
-var Chip = function Chip(_ref) {
+var Chip = exports.Chip = function Chip(_ref) {
   var square = _ref.square,
     padding = _ref.padding,
     margin = _ref.margin,
@@ -38,6 +38,4 @@ var Chip = function Chip(_ref) {
     }, style)
   }, otherProps));
 };
-exports.Chip = Chip;
-var _default = Chip;
-exports["default"] = _default;
+var _default = exports["default"] = Chip;

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export type DataTableActionProps = {
     label: string;
     children: ReactNode;
     color?: 'primary' | 'secondary' | 'inherit' | 'default';
     onClick(): void;
 };
-export declare const DataTableAction: ({ label, children, color, onClick }: DataTableActionProps) => JSX.Element;
+export declare const DataTableAction: ({ label, children, color, onClick }: DataTableActionProps) => React.JSX.Element;

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.DataTableAction = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var DataTableAction = function DataTableAction(_ref) {
+var DataTableAction = exports.DataTableAction = function DataTableAction(_ref) {
   var label = _ref.label,
     children = _ref.children,
     _ref$color = _ref.color,
@@ -19,5 +19,4 @@ var DataTableAction = function DataTableAction(_ref) {
     "aria-label": label,
     onClick: onClick
   }, children);
-};
-exports.DataTableAction = DataTableAction;
+};

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

@@ -3,12 +3,12 @@ interface DataTablePaginationActionsProps {
     count: number;
     page: number;
     rowsPerPage: number;
-    onChangePage(event: React.MouseEvent<HTMLButtonElement>, newPage: number): void;
+    onPageChange(event: React.MouseEvent<HTMLButtonElement>, newPage: number): void;
 }
 interface DataTablePaginationActionsBuilder {
     showFirstButton?: boolean;
     showLastButton?: boolean;
     clickable?: boolean;
 }
-export declare const makeDataTablePaginationActions: ({ showFirstButton, showLastButton, clickable }: DataTablePaginationActionsBuilder) => ({ count, page, rowsPerPage, onChangePage }: DataTablePaginationActionsProps) => JSX.Element;
+export declare const makeDataTablePaginationActions: ({ showFirstButton, showLastButton, clickable }: DataTablePaginationActionsBuilder) => ({ count, page, rowsPerPage, onPageChange }: DataTablePaginationActionsProps) => React.JSX.Element;
 export {};

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

@@ -15,7 +15,7 @@ var PAGINATION_WRAPPER_STYLE = {
   display: 'flex',
   marginLeft: '12px'
 };
-var makeDataTablePaginationActions = function makeDataTablePaginationActions(_ref) {
+var makeDataTablePaginationActions = exports.makeDataTablePaginationActions = function makeDataTablePaginationActions(_ref) {
   var showFirstButton = _ref.showFirstButton,
     showLastButton = _ref.showLastButton,
     clickable = _ref.clickable;
@@ -23,19 +23,19 @@ var makeDataTablePaginationActions = function makeDataTablePaginationActions(_re
     var count = _ref2.count,
       page = _ref2.page,
       rowsPerPage = _ref2.rowsPerPage,
-      onChangePage = _ref2.onChangePage;
+      onPageChange = _ref2.onPageChange;
     var totalPages = Math.ceil(count / rowsPerPage) - 1;
     var handleFirstPageButtonClick = function handleFirstPageButtonClick(event) {
-      onChangePage(event, 0);
+      onPageChange(event, 0);
     };
     var handleBackButtonClick = function handleBackButtonClick(event) {
-      onChangePage(event, page - 1);
+      onPageChange(event, page - 1);
     };
     var handleNextButtonClick = function handleNextButtonClick(event) {
-      onChangePage(event, page + 1);
+      onPageChange(event, page + 1);
     };
     var handleLastPageButtonClick = function handleLastPageButtonClick(event) {
-      onChangePage(event, Math.max(0, totalPages));
+      onPageChange(event, Math.max(0, totalPages));
     };
     return /*#__PURE__*/_react["default"].createElement("div", {
       style: PAGINATION_WRAPPER_STYLE
@@ -57,5 +57,4 @@ var makeDataTablePaginationActions = function makeDataTablePaginationActions(_re
       "aria-label": "last page"
     }, /*#__PURE__*/_react["default"].createElement(_LastPage["default"], null)));
   };
-};
-exports.makeDataTablePaginationActions = makeDataTablePaginationActions;
+};

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

@@ -81,5 +81,5 @@ export type DataTableProps<D extends Data, V extends StackView = Record<string,
     rowViews?: Record<keyof V, RowViewComponent<D>>;
     onRowClick?: (event: React.MouseEvent<HTMLTableRowElement>, rowData: D) => void;
 };
-export declare const DataTableQueryPaginated: <D extends Data, V extends import("./types").RecordUnknown>(props: DataTableProps<D, V>) => JSX.Element;
+export declare const DataTableQueryPaginated: <D extends Data, V extends import("./types").RecordUnknown>(props: DataTableProps<D, V>) => React.JSX.Element;
 export default DataTableQueryPaginated;

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

@@ -23,10 +23,10 @@ var _types = require("./types");
 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; }
-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 _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; }
 var defaultPagination = {
   rowsPerPage: 10,
   labelRowsPerPage: 'Rows per page:',
@@ -42,7 +42,7 @@ var defaultPagination = {
   clickable: true,
   rowsPerPageOptions: [5, 10, 25, 50]
 };
-var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
+var DataTableQueryPaginated = exports.DataTableQueryPaginated = function DataTableQueryPaginated(props) {
   var pagination = _objectSpread(_objectSpread({}, defaultPagination), props.pagination);
   var data = props.data,
     totalElements = props.totalElements,
@@ -198,15 +198,13 @@ var DataTableQueryPaginated = function DataTableQueryPaginated(props) {
     rowsPerPage: perPage,
     labelRowsPerPage: pagination.labelRowsPerPage,
     labelDisplayedRows: pagination.labelDisplayedRows,
-    onChangePage: function onChangePage(_, page) {
+    onPageChange: function onPageChange(_, page) {
       handleChangePage(page);
     },
-    onChangeRowsPerPage: function onChangeRowsPerPage(event) {
+    onRowsPerPageChange: function onRowsPerPageChange(event) {
       handleChangePerPage(parseInt(event.target.value, 10));
     },
     ActionsComponent: paginationActionsComponent
   })))));
 };
-exports.DataTableQueryPaginated = DataTableQueryPaginated;
-var _default = DataTableQueryPaginated;
-exports["default"] = _default;
+var _default = exports["default"] = DataTableQueryPaginated;

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

@@ -1,6 +1,7 @@
+import React from 'react';
 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;
+export declare const Default: () => React.JSX.Element;
+export declare const Empty: () => React.JSX.Element;
+export declare const NoHeader: () => React.JSX.Element;
+export declare const Crud: () => React.JSX.Element;

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

@@ -61,5 +61,5 @@ export type DataTableProps<D extends Data, V extends StackView = Record<string,
     rowViews?: Record<keyof V, RowViewComponent<D>>;
     onRowClick?: (event: React.MouseEvent<HTMLTableRowElement>, rowData: D) => void;
 };
-export declare const DataTable: <D extends Data, V extends import("./types").RecordUnknown>(props: DataTableProps<D, V>) => JSX.Element;
+export declare const DataTable: <D extends Data, V extends import("./types").RecordUnknown>(props: DataTableProps<D, V>) => React.JSX.Element;
 export default DataTable;

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

@@ -23,10 +23,10 @@ var _types = require("./types");
 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; }
-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 _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; }
 var defaultPagination = {
   rowsPerPage: 10,
   labelRowsPerPage: 'Rows per page:',
@@ -47,7 +47,7 @@ var sliceData = function sliceData(data, page, rowsPerPage) {
   var end = start + rowsPerPage;
   return data.slice(start, end);
 };
-var DataTable = function DataTable(props) {
+var DataTable = exports.DataTable = function DataTable(props) {
   var _useState = (0, _react.useState)(0),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     page = _useState2[0],
@@ -213,16 +213,14 @@ var DataTable = function DataTable(props) {
     rowsPerPage: rowsPerPage,
     labelRowsPerPage: pagination.labelRowsPerPage,
     labelDisplayedRows: pagination.labelDisplayedRows,
-    onChangePage: function onChangePage(_, page) {
+    onPageChange: function onPageChange(_, page) {
       setPage(page);
     },
-    onChangeRowsPerPage: function onChangeRowsPerPage(event) {
+    onRowsPerPageChange: function onRowsPerPageChange(event) {
       setRowsPerPage(parseInt(event.target.value, 10));
       setPage(0);
     },
     ActionsComponent: paginationActionsComponent
   })))));
 };
-exports.DataTable = DataTable;
-var _default = DataTable;
-exports["default"] = _default;
+var _default = exports["default"] = DataTable;

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

@@ -1,8 +1,9 @@
+import React from 'react';
 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;
+export declare const Default: () => 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;

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

@@ -1,4 +1,5 @@
 import { ColumnSpec, Data, Errors, PartialData, RowMode } from './types';
+import React from 'react';
 type StatefulRowProps<D extends Data> = {
     data: D;
     mode: RowMode;
@@ -7,12 +8,12 @@ type StatefulRowProps<D extends Data> = {
     isHidden?: boolean;
     onUpdate?(partial: Partial<Data>): void;
 };
-export declare const StatefulRow: <D extends Data>({ data, mode, errors, columns, onUpdate, isHidden }: StatefulRowProps<D>) => JSX.Element;
+export declare const StatefulRow: <D extends Data>({ data, mode, errors, columns, onUpdate, isHidden }: StatefulRowProps<D>) => React.JSX.Element;
 type NewRowProps<D extends Data> = {
     data: PartialData<D>;
     errors?: Errors<D>;
     columns: ColumnSpec<D>[];
     onUpdate?(partial: Partial<Data>): void;
 };
-export declare const NewRow: <D extends Data>({ data, columns, errors, onUpdate }: NewRowProps<D>) => JSX.Element;
+export declare const NewRow: <D extends Data>({ data, columns, errors, onUpdate }: NewRowProps<D>) => React.JSX.Element;
 export {};