@reltio/components 1.4.873 → 1.4.877

package/components/BasicTableView/BasicTableHeader/ColumnsSettings/ColumnsSettings.js

@@ -1,42 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var constants_1 = require("../../../../constants");
-var Table_1 = __importDefault(require("../../../../icons/Table"));
-var ramda_1 = require("ramda");
-var columnHelpers_1 = require("./columnHelpers");
-var SmallIconButton_1 = require("../../../SmallIconButton");
-var SelectionPopup_1 = __importDefault(require("../../../SelectionPopup/SelectionPopup"));
-var VirtualGroupedList_1 = __importDefault(require("../../../VirtualGroupedList/VirtualGroupedList"));
-var helpers_1 = require("../../../SelectionPopup/helpers");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var helpers_2 = require("../../../VirtualGroupedList/helpers");
-var ColumnListItem_1 = __importDefault(require("./ColumnListItem"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var styles_1 = require("./styles");
+import React, { useCallback, useMemo, useState } from 'react';
+import PropTypes from 'prop-types';
+import { ColumnsDataType } from '../../../../constants';
+import TableIcon from '../../../../icons/Table';
+import { concat, difference, pipe, pluck, uniq } from 'ramda';
+import { buildColumnItems, getChildColumns, isColumnSelected, isGroupColumn } from './columnHelpers';
+import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
+import SelectionPopup from '../../../SelectionPopup/SelectionPopup';
+import VirtualGroupedList from '../../../VirtualGroupedList/VirtualGroupedList';
+import { useKeyboardNavigation } from '../../../SelectionPopup/helpers';
+import { getMaxItemWidth } from '@reltio/mdm-sdk';
+import { flattenGroupedItemsData } from '../../../VirtualGroupedList/helpers';
+import ColumnListItem from './ColumnListItem';
+import i18n from 'ui-i18n';
+import { useStyles } from './styles';
 var ITEM_HEIGHT = 32;
 var MAX_LIST_CONTAINER_HEIGHT = 300;
 var DEFAULT_MIN_CONTAINER_WIDTH = 308;
@@ -44,27 +20,27 @@ var CONTAINER_HEADER_HEIGHT = 108;
 var MIN_CONTAINER_HEIGHT = 140;
 var ColumnsSettings = function (_a) {
     var columnsData = _a.columnsData, selectedColumns = _a.selectedColumns, onChangeColumns = _a.onChangeColumns, title = _a.title, tooltipTitle = _a.tooltipTitle;
-    var styles = styles_1.useStyles();
-    var _b = react_1.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var styles = useStyles();
+    var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
     var openPopup = function (event) { return setAnchorEl(event.currentTarget); };
     var closePopup = function () { return setAnchorEl(null); };
-    var _c = react_1.useState(''), filterText = _c[0], setFilterText = _c[1];
+    var _c = useState(''), filterText = _c[0], setFilterText = _c[1];
     var clearFilter = function () { return setFilterText(''); };
-    var groupedItems = react_1.useMemo(function () { return columnHelpers_1.buildColumnItems(columnsData, filterText); }, [columnsData, filterText]);
-    var containerWidth = mdm_sdk_1.getMaxItemWidth('label')(groupedItems) || DEFAULT_MIN_CONTAINER_WIDTH;
-    var items = react_1.useMemo(function () { return helpers_2.flattenGroupedItemsData(groupedItems); }, [groupedItems]);
-    var handleColumnClick = react_1.useCallback(function (column) {
-        var changedColumns = ramda_1.pipe(columnHelpers_1.getChildColumns, ramda_1.pluck('id'))(column);
-        var wasSelected = columnHelpers_1.isColumnSelected(selectedColumns, column);
+    var groupedItems = useMemo(function () { return buildColumnItems(columnsData, filterText); }, [columnsData, filterText]);
+    var containerWidth = getMaxItemWidth('label')(groupedItems) || DEFAULT_MIN_CONTAINER_WIDTH;
+    var items = useMemo(function () { return flattenGroupedItemsData(groupedItems); }, [groupedItems]);
+    var handleColumnClick = useCallback(function (column) {
+        var changedColumns = pipe(getChildColumns, pluck('id'))(column);
+        var wasSelected = isColumnSelected(selectedColumns, column);
         onChangeColumns(wasSelected
-            ? ramda_1.difference(selectedColumns, changedColumns)
-            : ramda_1.uniq(ramda_1.concat(selectedColumns, changedColumns)));
+            ? difference(selectedColumns, changedColumns)
+            : uniq(concat(selectedColumns, changedColumns)));
     }, [selectedColumns, onChangeColumns]);
-    var handleSearchOnEnter = react_1.useCallback(function (_a) {
+    var handleSearchOnEnter = useCallback(function (_a) {
         var item = _a.item;
         return handleColumnClick(item);
     }, [handleColumnClick]);
-    var _d = helpers_1.useKeyboardNavigation({
+    var _d = useKeyboardNavigation({
         items: items,
         open: open,
         onSelectFocusedItem: handleSearchOnEnter,
@@ -72,20 +48,20 @@ var ColumnsSettings = function (_a) {
     }), focusIndex = _d.focusIndex, handleKeyDown = _d.handleKeyDown;
     var renderColumnItem = function (style, _a, index) {
         var item = _a.item, _b = _a.level, level = _b === void 0 ? 0 : _b;
-        return (react_1.default.createElement(ColumnListItem_1.default, { style: style, item: item, level: level, isFocused: focusIndex === index, checked: columnHelpers_1.isColumnSelected(selectedColumns, item), isGroupItem: columnHelpers_1.isGroupColumn(item), onClick: handleColumnClick }));
+        return (React.createElement(ColumnListItem, { style: style, item: item, level: level, isFocused: focusIndex === index, checked: isColumnSelected(selectedColumns, item), isGroupItem: isGroupColumn(item), onClick: handleColumnClick }));
     };
     var listHeight = Math.min(MAX_LIST_CONTAINER_HEIGHT, ITEM_HEIGHT * items.length);
     var containerHeight = Math.max(MIN_CONTAINER_HEIGHT, listHeight + CONTAINER_HEADER_HEIGHT);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { tooltipTitle: tooltipTitle || ui_i18n_1.default.text('Show/hide columns'), size: "L", icon: Table_1.default, onClick: openPopup }),
-        react_1.default.createElement(SelectionPopup_1.default, { className: styles.popup, open: !!anchorEl, anchorEl: anchorEl, onClose: ramda_1.pipe(closePopup, clearFilter), onSearch: setFilterText, title: title || ui_i18n_1.default.text('Show/hide columns'), containerWidth: containerWidth, containerHeight: containerHeight, searchInputOnKeyDown: handleKeyDown },
-            react_1.default.createElement(VirtualGroupedList_1.default, { fixedTitle: false, height: listHeight, renderItem: renderColumnItem, items: items, getItemSize: function () { return ITEM_HEIGHT; }, containerWidth: containerWidth, focusIndex: focusIndex }))));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SmallIconButtonWithTooltip, { tooltipTitle: tooltipTitle || i18n.text('Show/hide columns'), size: "L", icon: TableIcon, onClick: openPopup }),
+        React.createElement(SelectionPopup, { className: styles.popup, open: !!anchorEl, anchorEl: anchorEl, onClose: pipe(closePopup, clearFilter), onSearch: setFilterText, title: title || i18n.text('Show/hide columns'), containerWidth: containerWidth, containerHeight: containerHeight, searchInputOnKeyDown: handleKeyDown },
+            React.createElement(VirtualGroupedList, { fixedTitle: false, height: listHeight, renderItem: renderColumnItem, items: items, getItemSize: function () { return ITEM_HEIGHT; }, containerWidth: containerWidth, focusIndex: focusIndex }))));
 };
 ColumnsSettings.propTypes = {
-    columnsData: constants_1.ColumnsDataType,
-    selectedColumns: prop_types_1.default.arrayOf(prop_types_1.default.string),
-    onChangeColumns: prop_types_1.default.func,
-    title: prop_types_1.default.string,
-    tooltipTitle: prop_types_1.default.string
+    columnsData: ColumnsDataType,
+    selectedColumns: PropTypes.arrayOf(PropTypes.string),
+    onChangeColumns: PropTypes.func,
+    title: PropTypes.string,
+    tooltipTitle: PropTypes.string
 };
-exports.default = ColumnsSettings;
+export default ColumnsSettings;

package/components/BasicTableView/BasicTableHeader/ColumnsSettings/columnHelpers.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -15,22 +14,19 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isColumnSelected = exports.isGroupColumn = exports.getChildColumns = exports.buildColumnItems = void 0;
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import { assoc, chain, curry, either, filter, has, pipe, propOr, reduce, when } from 'ramda';
+import { utils } from '@reltio/mdm-sdk';
 var isGroupColumn = function (column) { return column.id === column.groupId; };
-exports.isGroupColumn = isGroupColumn;
-var isParentToColumn = ramda_1.curry(function (_a, parent) {
+var isParentToColumn = curry(function (_a, parent) {
     var id = _a.id, groupId = _a.groupId;
     return parent.groupId === groupId && (id === parent.id || id.startsWith(parent.id + "."));
 });
-var isGroupToColumn = ramda_1.curry(function (_a, group) {
+var isGroupToColumn = curry(function (_a, group) {
     var groupId = _a.groupId;
     return groupId === group.id;
 });
-var isHideableColumn = ramda_1.propOr(true, 'hideable');
-var getColumnRoot = function (columns, column) { return columns.find(ramda_1.either(isGroupToColumn(column), isParentToColumn(column))); };
+var isHideableColumn = propOr(true, 'hideable');
+var getColumnRoot = function (columns, column) { return columns.find(either(isGroupToColumn(column), isParentToColumn(column))); };
 var addColumn = function (columns, column) {
     var root = getColumnRoot(columns, column);
     if (root) {
@@ -41,10 +37,10 @@ var addColumn = function (columns, column) {
         return columns.concat(column);
     }
 };
-var filterColumnsByLabel = ramda_1.curry(function (filterText, column) {
-    return mdm_sdk_1.utils.strings.search(column.label, filterText) || (column.children || []).some(filterColumnsByLabel(filterText));
+var filterColumnsByLabel = curry(function (filterText, column) {
+    return utils.strings.search(column.label, filterText) || (column.children || []).some(filterColumnsByLabel(filterText));
 });
-var buildColumnsTrees = ramda_1.reduce(function (acc, columnData) {
+var buildColumnsTrees = reduce(function (acc, columnData) {
     return addColumn(acc, {
         id: columnData.id,
         groupId: columnData.groupId,
@@ -52,9 +48,9 @@ var buildColumnsTrees = ramda_1.reduce(function (acc, columnData) {
         attrType: columnData.dataTypeDefinition
     });
 }, []);
-var buildFilteredColumnItems = ramda_1.curry(function (filterText, columns, level) {
+var buildFilteredColumnItems = curry(function (filterText, columns, level) {
     if (level === void 0) { level = 0; }
-    return ramda_1.pipe(ramda_1.filter(filterColumnsByLabel(filterText)), ramda_1.chain(function (column) {
+    return pipe(filter(filterColumnsByLabel(filterText)), chain(function (column) {
         var item = {
             item: __assign(__assign({}, column), { filterText: filterText }),
             level: level
@@ -65,22 +61,20 @@ var buildFilteredColumnItems = ramda_1.curry(function (filterText, columns, leve
         return __spreadArray([item], childrenItems);
     }))(columns);
 });
-var isGroupedColumnsData = ramda_1.has('columns');
+var isGroupedColumnsData = has('columns');
 var flattenGroupedColumnsData = function (_a) {
     var id = _a.id, label = _a.label, columns = _a.columns;
     return __spreadArray([
         { id: id, groupId: id, label: label }
-    ], columns.map(ramda_1.assoc('groupId', id)));
+    ], columns.map(assoc('groupId', id)));
 };
 var buildColumnItems = function (columnsData, filterText) {
-    return ramda_1.pipe(ramda_1.chain(ramda_1.when(isGroupedColumnsData, flattenGroupedColumnsData)), ramda_1.filter(ramda_1.either(isGroupColumn, isHideableColumn)), buildColumnsTrees, buildFilteredColumnItems(filterText))(columnsData);
+    return pipe(chain(when(isGroupedColumnsData, flattenGroupedColumnsData)), filter(either(isGroupColumn, isHideableColumn)), buildColumnsTrees, buildFilteredColumnItems(filterText))(columnsData);
 };
-exports.buildColumnItems = buildColumnItems;
-var getChildColumns = function (column) { return (column.children ? ramda_1.chain(getChildColumns, column.children) : [column]); };
-exports.getChildColumns = getChildColumns;
+var getChildColumns = function (column) { return (column.children ? chain(getChildColumns, column.children) : [column]); };
 var isColumnSelected = function (selectedColumns, column) {
     var childColumns = getChildColumns(column);
     var isColumnSelected = function (column) { return selectedColumns.includes(column.id); };
     return isGroupColumn(column) ? childColumns.every(isColumnSelected) : childColumns.some(isColumnSelected);
 };
-exports.isColumnSelected = isColumnSelected;
+export { buildColumnItems, getChildColumns, isGroupColumn, isColumnSelected };

package/components/BasicTableView/BasicTableHeader/ColumnsSettings/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     popup: {
         minWidth: '200px'
     },

package/components/BasicTableView/BasicTableHeader/FilterButton/FilterButton.js

@@ -1,26 +1,21 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
-var Close_1 = __importDefault(require("@material-ui/icons/Close"));
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var Filter_1 = __importDefault(require("../../../../icons/Filter"));
-var styles_1 = require("./styles");
+import React from 'react';
+import PropTypes from 'prop-types';
+import i18n from 'ui-i18n';
+import IconButton from '@material-ui/core/IconButton';
+import CloseIcon from '@material-ui/icons/Close';
+import Tooltip from '@material-ui/core/Tooltip';
+import FilterIcon from '../../../../icons/Filter';
+import { useStyles } from './styles';
 var FilterButton = function (_a) {
     var enabled = _a.enabled, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Tooltip_1.default, { title: enabled ? ui_i18n_1.default.text('Clear all filters') : ui_i18n_1.default.text('Filter') },
-        react_1.default.createElement(IconButton_1.default, { onClick: onClick, classes: { root: styles.button } }, enabled ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Filter_1.default, { className: styles['filterIcon--enabled'] }),
-            react_1.default.createElement(Close_1.default, { color: "primary", className: styles.closeIcon }))) : (react_1.default.createElement(Filter_1.default, null)))));
+    var styles = useStyles();
+    return (React.createElement(Tooltip, { title: enabled ? i18n.text('Clear all filters') : i18n.text('Filter') },
+        React.createElement(IconButton, { onClick: onClick, classes: { root: styles.button } }, enabled ? (React.createElement(React.Fragment, null,
+            React.createElement(FilterIcon, { className: styles['filterIcon--enabled'] }),
+            React.createElement(CloseIcon, { color: "primary", className: styles.closeIcon }))) : (React.createElement(FilterIcon, null)))));
 };
 FilterButton.propTypes = {
-    enabled: prop_types_1.default.bool,
-    onClick: prop_types_1.default.func
+    enabled: PropTypes.bool,
+    onClick: PropTypes.func
 };
-exports.default = FilterButton;
+export default FilterButton;

package/components/BasicTableView/BasicTableHeader/FilterButton/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     'filterIcon--enabled': {
         color: theme.palette.primary.main
     },

package/components/BasicTableView/BasicTablePagination/BasicTablePagination.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,71 +9,48 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var TablePagination_1 = __importDefault(require("@material-ui/core/TablePagination"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var utils_1 = require("../../../core/utils");
-var ramda_1 = require("ramda");
-var styles_1 = require("./styles");
+import PropTypes from 'prop-types';
+import React, { useCallback } from 'react';
+import classnames from 'classnames';
+import TablePagination from '@material-ui/core/TablePagination';
+import i18n from 'ui-i18n';
+import { getValue } from '../../../core/utils';
+import { nthArg, pipe, pathOr, identity } from 'ramda';
+import { useStyles } from './styles';
 var BasicTablePagination = function (_a) {
     var _b = _a.classes, classes = _b === void 0 ? {} : _b, count = _a.count, rowsPerPageOptions = _a.rowsPerPageOptions, page = _a.page, onChangePage = _a.onChangePage, rowsPerPage = _a.rowsPerPage, onChangeRowsPerPage = _a.onChangeRowsPerPage, basicTableRef = _a.basicTableRef, labelRowsPerPage = _a.labelRowsPerPage;
     var labelDisplayedRows = function (_a) {
         var from = _a.from, to = _a.to, count = _a.count;
-        return ui_i18n_1.default.text('${fromRow}-${toRow} of ${countRows}', {
-            fromRow: ui_i18n_1.default.number(from, '0,0'),
-            toRow: ui_i18n_1.default.number(to, '0,0'),
-            countRows: ui_i18n_1.default.number(count, '0,0')
+        return i18n.text('${fromRow}-${toRow} of ${countRows}', {
+            fromRow: i18n.number(from, '0,0'),
+            toRow: i18n.number(to, '0,0'),
+            countRows: i18n.number(count, '0,0')
         });
     };
-    var styles = styles_1.useStyles();
-    var resetScrollbarPosition = react_1.useCallback(function () {
-        ramda_1.pathOr(ramda_1.identity, ['current', 'resetScrollbarPosition'], basicTableRef)();
+    var styles = useStyles();
+    var resetScrollbarPosition = useCallback(function () {
+        pathOr(identity, ['current', 'resetScrollbarPosition'], basicTableRef)();
     }, [basicTableRef]);
-    var handleChangePage = react_1.useCallback(function (value) {
+    var handleChangePage = useCallback(function (value) {
         onChangePage(value);
         resetScrollbarPosition();
     }, [onChangePage, resetScrollbarPosition]);
-    var handleChangeRowsPerPage = react_1.useCallback(function (value) {
+    var handleChangeRowsPerPage = useCallback(function (value) {
         onChangePage(0);
         onChangeRowsPerPage(value);
         resetScrollbarPosition();
     }, [onChangePage, onChangeRowsPerPage, resetScrollbarPosition]);
-    return (react_1.default.createElement(TablePagination_1.default, { classes: __assign(__assign({}, classes), { root: classnames_1.default(styles.pagination, classes.root), select: classnames_1.default(styles.select, classes.select), caption: styles.caption, selectRoot: styles.selectRoot, actions: styles.actions }), component: "div", labelRowsPerPage: labelRowsPerPage || ui_i18n_1.default.text('Rows per page:'), labelDisplayedRows: labelDisplayedRows, count: count, rowsPerPageOptions: rowsPerPageOptions, page: page, onChangePage: ramda_1.pipe(ramda_1.nthArg(1), handleChangePage), rowsPerPage: rowsPerPage, onChangeRowsPerPage: ramda_1.pipe(utils_1.getValue, handleChangeRowsPerPage) }));
+    return (React.createElement(TablePagination, { classes: __assign(__assign({}, classes), { root: classnames(styles.pagination, classes.root), select: classnames(styles.select, classes.select), caption: styles.caption, selectRoot: styles.selectRoot, actions: styles.actions }), component: "div", labelRowsPerPage: labelRowsPerPage || i18n.text('Rows per page:'), labelDisplayedRows: labelDisplayedRows, count: count, rowsPerPageOptions: rowsPerPageOptions, page: page, onChangePage: pipe(nthArg(1), handleChangePage), rowsPerPage: rowsPerPage, onChangeRowsPerPage: pipe(getValue, handleChangeRowsPerPage) }));
 };
 BasicTablePagination.propTypes = {
-    classes: prop_types_1.default.object,
-    rowsPerPageOptions: prop_types_1.default.arrayOf(prop_types_1.default.number),
-    count: prop_types_1.default.number,
-    page: prop_types_1.default.number,
-    onChangePage: prop_types_1.default.func,
-    rowsPerPage: prop_types_1.default.number,
-    onChangeRowsPerPage: prop_types_1.default.func,
-    basicTableRef: prop_types_1.default.shape({ current: prop_types_1.default.object }),
-    labelRowsPerPage: prop_types_1.default.string
+    classes: PropTypes.object,
+    rowsPerPageOptions: PropTypes.arrayOf(PropTypes.number),
+    count: PropTypes.number,
+    page: PropTypes.number,
+    onChangePage: PropTypes.func,
+    rowsPerPage: PropTypes.number,
+    onChangeRowsPerPage: PropTypes.func,
+    basicTableRef: PropTypes.shape({ current: PropTypes.object }),
+    labelRowsPerPage: PropTypes.string
 };
-exports.default = react_1.default.memo(BasicTablePagination);
+export default React.memo(BasicTablePagination);

package/components/BasicTableView/BasicTablePagination/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     pagination: {
         display: 'flex',
         alignItems: 'center',

package/components/BasicTableView/CollapseRowButton/CollapseRowButton.js

@@ -1,48 +1,24 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var RowCollapseContext_1 = require("../BasicTable/contexts/RowCollapseContext");
-var CollapseButton_1 = __importDefault(require("../../CollapseButton/CollapseButton"));
-var classnames_1 = __importDefault(require("classnames"));
-var styles_1 = require("./styles");
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+import { RowCollapseContext } from '../BasicTable/contexts/RowCollapseContext';
+import CollapseButton from '../../CollapseButton/CollapseButton';
+import classnames from 'classnames';
+import { useStyles } from './styles';
 var CollapseRowButton = function (_a) {
     var _b;
     var rowIndex = _a.rowIndex, rowValue = _a.rowValue, className = _a.className;
-    var styles = styles_1.useStyles();
-    var _c = react_1.useContext(RowCollapseContext_1.RowCollapseContext), toggleRowCollapse = _c.toggleRowCollapse, getIsRowCollapsible = _c.getIsRowCollapsible, getIsRowCollapsed = _c.getIsRowCollapsed;
+    var styles = useStyles();
+    var _c = useContext(RowCollapseContext), toggleRowCollapse = _c.toggleRowCollapse, getIsRowCollapsible = _c.getIsRowCollapsible, getIsRowCollapsed = _c.getIsRowCollapsed;
     var isCollapsibleRow = getIsRowCollapsible(rowValue);
     var isCollapsedRow = getIsRowCollapsed(rowIndex);
-    return (react_1.default.createElement(CollapseButton_1.default, { className: classnames_1.default(className, (_b = {}, _b[styles.hidden] = !isCollapsibleRow, _b)), isOpen: !isCollapsedRow, onClick: function (e) {
+    return (React.createElement(CollapseButton, { className: classnames(className, (_b = {}, _b[styles.hidden] = !isCollapsibleRow, _b)), isOpen: !isCollapsedRow, onClick: function (e) {
             toggleRowCollapse(rowIndex);
             e.stopPropagation();
         } }));
 };
 CollapseRowButton.propTypes = {
-    rowIndex: prop_types_1.default.number,
-    rowValue: prop_types_1.default.object,
-    className: prop_types_1.default.string
+    rowIndex: PropTypes.number,
+    rowValue: PropTypes.object,
+    className: PropTypes.string
 };
-exports.default = CollapseRowButton;
+export default CollapseRowButton;

package/components/BasicTableView/CollapseRowButton/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     hidden: {
         visibility: 'hidden'
     }