@reltio/components 1.4.876 → 1.4.880

package/components/BasicTableView/ColumnFilter/ColumnFilter.js

@@ -1,49 +1,25 @@
-"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 ArrowDropDown_1 = __importDefault(require("@material-ui/icons/ArrowDropDown"));
-var FilterChip_1 = __importDefault(require("./FilterChip/FilterChip"));
-var FilterEditor_1 = __importDefault(require("../../editors/FilterEditor/FilterEditor"));
-var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
-var Popover_1 = __importDefault(require("@material-ui/core/Popover"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importStar(require("react"));
-var constants_1 = require("../../../constants");
-var ramda_1 = require("ramda");
-var styles_1 = require("./styles");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var helpers_1 = require("./helpers");
+import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+import FilterChip from './FilterChip/FilterChip';
+import FilterEditor from '../../editors/FilterEditor/FilterEditor';
+import IconButton from '@material-ui/core/IconButton';
+import Popover from '@material-ui/core/Popover';
+import PropTypes from 'prop-types';
+import React, { useRef, useState } from 'react';
+import { ColumnFilterType } from '../../../constants';
+import { defaultTo, pipe, pluck, prop, propEq } from 'ramda';
+import { useStyles } from './styles';
+import { getDataTypeDefinitionForFilterValue, getFilterOptionLabel, getFilterOptionsForDataTypeDefinition, Maybe, validateFilter } from '@reltio/mdm-sdk';
+import { columnFilterToMdmFilter, mdmFilterToColumnFilter } from './helpers';
 var ColumnFilter = function (_a) {
     var columnId = _a.columnId, dataTypeDefinition = _a.dataTypeDefinition, filter = _a.filter, filterOptionsData = _a.filterOptionsData, onFilter = _a.onFilter;
-    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 openFilterPopup = function (event) { return setAnchorEl(event.currentTarget); };
     var closeFilterPopup = function () { return setAnchorEl(null); };
-    var _c = react_1.useState(filter), columnFilter = _c[0], setColumnFilter = _c[1];
+    var _c = useState(filter), columnFilter = _c[0], setColumnFilter = _c[1];
     var initColumnFilter = function () { return setColumnFilter(filter); };
-    var containerRef = react_1.useRef(null);
-    var mdmFilter = helpers_1.columnFilterToMdmFilter({ id: columnId, dataTypeDefinition: dataTypeDefinition }, columnFilter);
+    var containerRef = useRef(null);
+    var mdmFilter = columnFilterToMdmFilter({ id: columnId, dataTypeDefinition: dataTypeDefinition }, columnFilter);
     var applyFilterChange = function (newFilter) {
         if (newFilter !== filter) {
             onFilter({ columnId: columnId, filter: newFilter });
@@ -51,7 +27,7 @@ var ColumnFilter = function (_a) {
     };
     var clearFilter = function () { return applyFilterChange(); };
     var applyChangesAndClose = function () {
-        var isValidFilter = mdm_sdk_1.validateFilter(mdmFilter);
+        var isValidFilter = validateFilter(mdmFilter);
         isValidFilter ? applyFilterChange(columnFilter) : clearFilter();
         closeFilterPopup();
     };
@@ -63,26 +39,26 @@ var ColumnFilter = function (_a) {
         applyChangesAndClose();
     };
     var getFilterOptionData = function (filterOption) {
-        return filterOptionsData && filterOptionsData.find(ramda_1.propEq('value', filterOption));
+        return filterOptionsData && filterOptionsData.find(propEq('value', filterOption));
     };
     var getFilterLabel = function (filterOption) {
-        return ramda_1.pipe(getFilterOptionData, ramda_1.prop('label'), ramda_1.defaultTo(mdm_sdk_1.getFilterOptionLabel(filterOption)))(filterOption);
+        return pipe(getFilterOptionData, prop('label'), defaultTo(getFilterOptionLabel(filterOption)))(filterOption);
     };
     var getFilterDataTypeDefinition = function (filterOption) {
-        return ramda_1.pipe(getFilterOptionData, ramda_1.prop('dataTypeDefinition'), ramda_1.defaultTo(mdm_sdk_1.getDataTypeDefinitionForFilterValue(dataTypeDefinition, filterOption)))(filterOption);
+        return pipe(getFilterOptionData, prop('dataTypeDefinition'), defaultTo(getDataTypeDefinitionForFilterValue(dataTypeDefinition, filterOption)))(filterOption);
     };
-    var filterOptions = mdm_sdk_1.Maybe.fromNull(filterOptionsData)
-        .map(ramda_1.pluck('value'))
-        .orSome(mdm_sdk_1.getFilterOptionsForDataTypeDefinition(dataTypeDefinition))
+    var filterOptions = Maybe.fromNull(filterOptionsData)
+        .map(pluck('value'))
+        .orSome(getFilterOptionsForDataTypeDefinition(dataTypeDefinition))
         .map(function (value) { return ({
         value: value,
         label: getFilterLabel(value)
     }); });
-    return (react_1.default.createElement("div", { ref: containerRef, className: styles.columnFilter },
-        filter && (react_1.default.createElement(FilterChip_1.default, { filterValue: filter.value, filterOption: filterOptions.find(ramda_1.propEq('value', filter.filter)), onDelete: clearFilter, dataTypeDefinition: getFilterDataTypeDefinition(filter.filter) })),
-        react_1.default.createElement(IconButton_1.default, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true },
-            react_1.default.createElement(ArrowDropDown_1.default, null)),
-        react_1.default.createElement(Popover_1.default, { PaperProps: {
+    return (React.createElement("div", { ref: containerRef, className: styles.columnFilter },
+        filter && (React.createElement(FilterChip, { filterValue: filter.value, filterOption: filterOptions.find(propEq('value', filter.filter)), onDelete: clearFilter, dataTypeDefinition: getFilterDataTypeDefinition(filter.filter) })),
+        React.createElement(IconButton, { className: styles.dropDownButton, onClick: openFilterPopup, disableFocusRipple: true },
+            React.createElement(ArrowDropDownIcon, null)),
+        React.createElement(Popover, { PaperProps: {
                 style: {
                     width: (containerRef.current ? containerRef.current.getBoundingClientRect().width : 0) + "px"
                 }
@@ -93,7 +69,7 @@ var ColumnFilter = function (_a) {
                 vertical: 'top',
                 horizontal: 'right'
             }, classes: { paper: styles.filterMenu }, onEnter: initColumnFilter, onClose: applyChangesAndClose },
-            react_1.default.createElement(FilterEditor_1.default, { classes: { option: styles['filter-editor__option'] }, value: mdmFilter, onChange: ramda_1.pipe(helpers_1.mdmFilterToColumnFilter, setColumnFilter), filterOptions: filterOptions, dataTypeDefinition: getFilterDataTypeDefinition(mdmFilter.filter), valueEditorProps: {
+            React.createElement(FilterEditor, { classes: { option: styles['filter-editor__option'] }, value: mdmFilter, onChange: pipe(mdmFilterToColumnFilter, setColumnFilter), filterOptions: filterOptions, dataTypeDefinition: getFilterDataTypeDefinition(mdmFilter.filter), valueEditorProps: {
                     TextFieldProps: {
                         onKeyPress: handleValueEditorKeyPress
                     },
@@ -101,14 +77,14 @@ var ColumnFilter = function (_a) {
                 } }))));
 };
 ColumnFilter.propTypes = {
-    columnId: prop_types_1.default.string,
-    dataTypeDefinition: prop_types_1.default.object,
-    filter: constants_1.ColumnFilterType,
-    onFilter: prop_types_1.default.func,
-    filterOptionsData: prop_types_1.default.arrayOf(prop_types_1.default.shape({
-        value: prop_types_1.default.string,
-        label: prop_types_1.default.string,
-        dataTypeDefinition: prop_types_1.default.object
+    columnId: PropTypes.string,
+    dataTypeDefinition: PropTypes.object,
+    filter: ColumnFilterType,
+    onFilter: PropTypes.func,
+    filterOptionsData: PropTypes.arrayOf(PropTypes.shape({
+        value: PropTypes.string,
+        label: PropTypes.string,
+        dataTypeDefinition: PropTypes.object
     }))
 };
-exports.default = ColumnFilter;
+export default ColumnFilter;

package/components/BasicTableView/ColumnFilter/FilterChip/FilterChip.js

@@ -1,40 +1,35 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importDefault(require("react"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_redux_1 = require("react-redux");
-var styles_1 = require("./styles");
-var ExpandedValueTooltip_1 = __importDefault(require("../../../ExpandedValueTooltip/ExpandedValueTooltip"));
+import Chip from '@material-ui/core/Chip';
+import PropTypes from 'prop-types';
+import React from 'react';
+import mdm from '@reltio/mdm-module';
+import { checkIfOptionHasValues, FilterValueType, formatDataTypeValue, getFilterValueLabel, mapFilterValue } from '@reltio/mdm-sdk';
+import { useSelector } from 'react-redux';
+import { useStyles } from './styles';
+import ExpandedValueTooltip from '../../../ExpandedValueTooltip/ExpandedValueTooltip';
 var FilterChip = function (_a) {
     var filterOption = _a.filterOption, filterValue = _a.filterValue, onDelete = _a.onDelete, dataTypeDefinition = _a.dataTypeDefinition;
-    var canFilterAcceptValues = mdm_sdk_1.checkIfOptionHasValues(filterOption.value);
+    var canFilterAcceptValues = checkIfOptionHasValues(filterOption.value);
     var optionLabel = filterOption.label + (canFilterAcceptValues ? ': ' : '');
-    var styles = styles_1.useStyles();
-    var attributePresentations = react_redux_1.useSelector(mdm_module_1.default.selectors.getAttributePresentations);
-    var formatValue = mdm_sdk_1.formatDataTypeValue({ attributePresentations: attributePresentations, dataTypeDefinition: dataTypeDefinition });
-    var convertedValue = mdm_sdk_1.mapFilterValue(formatValue, filterValue);
-    var filterLabel = canFilterAcceptValues ? mdm_sdk_1.getFilterValueLabel(filterOption.value, convertedValue) : '';
-    return (react_1.default.createElement(Chip_1.default, { label: react_1.default.createElement(ExpandedValueTooltip_1.default, { value: optionLabel + filterLabel },
-            react_1.default.createElement("div", { className: styles['filter-chip__label'] },
-                react_1.default.createElement("span", { className: styles['filter-chip__option-label'] }, optionLabel),
+    var styles = useStyles();
+    var attributePresentations = useSelector(mdm.selectors.getAttributePresentations);
+    var formatValue = formatDataTypeValue({ attributePresentations: attributePresentations, dataTypeDefinition: dataTypeDefinition });
+    var convertedValue = mapFilterValue(formatValue, filterValue);
+    var filterLabel = canFilterAcceptValues ? getFilterValueLabel(filterOption.value, convertedValue) : '';
+    return (React.createElement(Chip, { label: React.createElement(ExpandedValueTooltip, { value: optionLabel + filterLabel },
+            React.createElement("div", { className: styles['filter-chip__label'] },
+                React.createElement("span", { className: styles['filter-chip__option-label'] }, optionLabel),
                 filterLabel)), classes: {
             root: styles['filter-chip'],
             label: styles['filter-chip__label']
         }, onDelete: onDelete }));
 };
 FilterChip.propTypes = {
-    filterValue: mdm_sdk_1.FilterValueType,
-    filterOption: prop_types_1.default.shape({
-        value: prop_types_1.default.string,
-        label: prop_types_1.default.string
+    filterValue: FilterValueType,
+    filterOption: PropTypes.shape({
+        value: PropTypes.string,
+        label: PropTypes.string
     }),
-    onDelete: prop_types_1.default.func,
-    dataTypeDefinition: prop_types_1.default.object
+    onDelete: PropTypes.func,
+    dataTypeDefinition: PropTypes.object
 };
-exports.default = FilterChip;
+export default FilterChip;

package/components/BasicTableView/ColumnFilter/FilterChip/styles.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = exports.COLUMN_FILTER_HEIGHT = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.COLUMN_FILTER_HEIGHT = 40;
-exports.useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var COLUMN_FILTER_HEIGHT = 40;
+export var useStyles = makeStyles({
     'filter-chip': {
         flex: 1,
         maxWidth: '100%',

package/components/BasicTableView/ColumnFilter/helpers.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mdmFilterToColumnFilter = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
+import { buildFilterQueryString, Maybe } from '@reltio/mdm-sdk';
+import { propEq } from 'ramda';
 var columnFilterToMdmFilter = function (columnData, columnFilter) {
     if (columnFilter === void 0) { columnFilter = {}; }
     return ({
@@ -12,22 +9,20 @@ var columnFilterToMdmFilter = function (columnData, columnFilter) {
         type: columnData.dataTypeDefinition.type
     });
 };
-exports.columnFilterToMdmFilter = columnFilterToMdmFilter;
 var mdmFilterToColumnFilter = function (_a) {
     var filter = _a.filter, values = _a.values;
     return ({ filter: filter, value: values[0] });
 };
-exports.mdmFilterToColumnFilter = mdmFilterToColumnFilter;
 var buildColumnsFilter = function (columnsData, filters) {
-    return mdm_sdk_1.Maybe.fromNull(filters)
+    return Maybe.fromNull(filters)
         .map(function (filters) {
         return Object.entries(filters).map(function (_a) {
             var columnId = _a[0], columnFilter = _a[1];
-            var columnData = columnsData.find(ramda_1.propEq('id', columnId));
+            var columnData = columnsData.find(propEq('id', columnId));
             return columnFilterToMdmFilter(columnData, columnFilter);
         });
     })
-        .map(mdm_sdk_1.buildFilterQueryString())
+        .map(buildFilterQueryString())
         .orSome('');
 };
-exports.buildColumnsFilter = buildColumnsFilter;
+export { buildColumnsFilter, columnFilterToMdmFilter, mdmFilterToColumnFilter };

package/components/BasicTableView/ColumnFilter/styles.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = exports.COLUMN_FILTER_HEIGHT = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.COLUMN_FILTER_HEIGHT = 40;
-exports.useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+export var COLUMN_FILTER_HEIGHT = 40;
+export var useStyles = makeStyles({
     columnFilter: {
         backgroundColor: 'rgba(0,0,0,0.03)',
         display: 'flex',
-        height: exports.COLUMN_FILTER_HEIGHT + "px",
+        height: COLUMN_FILTER_HEIGHT + "px",
         alignItems: 'center'
     },
     dropDownButton: {

package/components/BasicTableView/RowCellAutoSizer/RowCellAutoSizer.js

@@ -1,23 +1,3 @@
-"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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -29,28 +9,24 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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 react_resize_detector_1 = __importDefault(require("react-resize-detector"));
-var RootRef_1 = __importDefault(require("@material-ui/core/RootRef"));
-var hooks_1 = require("../../../hooks");
+import React, { useRef } from 'react';
+import PropTypes from 'prop-types';
+import ReactResizeDetector from 'react-resize-detector';
+import RootRef from '@material-ui/core/RootRef';
+import { useDidUpdateEffect } from '../../../hooks';
 var RowCellAutoSizer = function (_a) {
     var onChangeHeight = _a.onChangeHeight, cell = _a.children, cellProps = __rest(_a, ["onChangeHeight", "children"]);
-    var cellRef = react_1.useRef(null);
+    var cellRef = useRef(null);
     var rowValue = cellProps.rowValue, rowIndex = cellProps.rowIndex, columnData = cellProps.columnData, cellIndex = cellProps.cellIndex;
     var changeCellHeight = onChangeHeight({ rowIndex: rowIndex, cellIndex: cellIndex, columnData: columnData });
     var adjustCellHeight = function () { return cellRef.current && changeCellHeight(cellRef.current.clientHeight); };
-    hooks_1.useDidUpdateEffect(adjustCellHeight, [rowValue.rawValue]);
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: adjustCellHeight }),
-        react_1.default.createElement(RootRef_1.default, { rootRef: cellRef }, cell)));
+    useDidUpdateEffect(adjustCellHeight, [rowValue.rawValue]);
+    return (React.createElement("div", null,
+        React.createElement(ReactResizeDetector, { handleHeight: true, onResize: adjustCellHeight }),
+        React.createElement(RootRef, { rootRef: cellRef }, cell)));
 };
 RowCellAutoSizer.propTypes = {
-    onChangeHeight: prop_types_1.default.func,
-    children: prop_types_1.default.node
+    onChangeHeight: PropTypes.func,
+    children: PropTypes.node
 };
-exports.default = RowCellAutoSizer;
+export default RowCellAutoSizer;

package/components/BasicTableView/index.js

@@ -1,47 +1,17 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollapseRowButton = exports.RowCellAutoSizer = exports.basicTableViewState = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.BasicTablePagination = exports.FilterButton = exports.ColumnsSettings = exports.withFilterAtBottom = exports.BasicTableContext = exports.withTableContext = exports.BasicTable = void 0;
-var BasicTable_1 = require("./BasicTable/BasicTable");
-Object.defineProperty(exports, "BasicTable", { enumerable: true, get: function () { return __importDefault(BasicTable_1).default; } });
-var withTableContext_1 = require("./BasicTable/HOCs/withTableContext");
-Object.defineProperty(exports, "withTableContext", { enumerable: true, get: function () { return __importDefault(withTableContext_1).default; } });
-var TableContext_1 = require("./BasicTable/contexts/TableContext");
-Object.defineProperty(exports, "BasicTableContext", { enumerable: true, get: function () { return TableContext_1.TableContext; } });
-var withFilterAtBottom_1 = require("./BasicTable/HOCs/withFilterAtBottom");
-Object.defineProperty(exports, "withFilterAtBottom", { enumerable: true, get: function () { return __importDefault(withFilterAtBottom_1).default; } });
-var ColumnsSettings_1 = require("./BasicTableHeader/ColumnsSettings/ColumnsSettings");
-Object.defineProperty(exports, "ColumnsSettings", { enumerable: true, get: function () { return __importDefault(ColumnsSettings_1).default; } });
-var FilterButton_1 = require("./BasicTableHeader/FilterButton/FilterButton");
-Object.defineProperty(exports, "FilterButton", { enumerable: true, get: function () { return __importDefault(FilterButton_1).default; } });
-var BasicTablePagination_1 = require("./BasicTablePagination/BasicTablePagination");
-Object.defineProperty(exports, "BasicTablePagination", { enumerable: true, get: function () { return __importDefault(BasicTablePagination_1).default; } });
-__exportStar(require("./BasicTable/cell-value-renderers"), exports);
-var defaultGetRowCellHeight_1 = require("./BasicTable/helpers/defaultGetRowCellHeight");
-Object.defineProperty(exports, "defaultGetRowCellHeight", { enumerable: true, get: function () { return __importDefault(defaultGetRowCellHeight_1).default; } });
-var defaultRenderRowCell_1 = require("./BasicTable/helpers/defaultRenderRowCell");
-Object.defineProperty(exports, "defaultRenderRowCell", { enumerable: true, get: function () { return __importDefault(defaultRenderRowCell_1).default; } });
-var helpers_1 = require("./ColumnFilter/helpers");
-Object.defineProperty(exports, "buildColumnsFilter", { enumerable: true, get: function () { return helpers_1.buildColumnsFilter; } });
-Object.defineProperty(exports, "columnFilterToMdmFilter", { enumerable: true, get: function () { return helpers_1.columnFilterToMdmFilter; } });
-var basicTableViewState_1 = require("./viewState/basicTableViewState");
-Object.defineProperty(exports, "basicTableViewState", { enumerable: true, get: function () { return __importDefault(basicTableViewState_1).default; } });
-var RowCellAutoSizer_1 = require("./RowCellAutoSizer/RowCellAutoSizer");
-Object.defineProperty(exports, "RowCellAutoSizer", { enumerable: true, get: function () { return __importDefault(RowCellAutoSizer_1).default; } });
-var CollapseRowButton_1 = require("./CollapseRowButton/CollapseRowButton");
-Object.defineProperty(exports, "CollapseRowButton", { enumerable: true, get: function () { return __importDefault(CollapseRowButton_1).default; } });
-__exportStar(require("./BasicTable/hooks"), exports);
-__exportStar(require("./BasicTable/contexts"), exports);
-__exportStar(require("./types"), exports);
+export { default as BasicTable } from './BasicTable/BasicTable';
+export { default as withTableContext } from './BasicTable/HOCs/withTableContext';
+export { TableContext as BasicTableContext } from './BasicTable/contexts/TableContext';
+export { default as withFilterAtBottom } from './BasicTable/HOCs/withFilterAtBottom';
+export { default as ColumnsSettings } from './BasicTableHeader/ColumnsSettings/ColumnsSettings';
+export { default as FilterButton } from './BasicTableHeader/FilterButton/FilterButton';
+export { default as BasicTablePagination } from './BasicTablePagination/BasicTablePagination';
+export * from './BasicTable/cell-value-renderers';
+export { default as defaultGetRowCellHeight } from './BasicTable/helpers/defaultGetRowCellHeight';
+export { default as defaultRenderRowCell } from './BasicTable/helpers/defaultRenderRowCell';
+export { buildColumnsFilter, columnFilterToMdmFilter } from './ColumnFilter/helpers';
+export { default as basicTableViewState } from './viewState/basicTableViewState';
+export { default as RowCellAutoSizer } from './RowCellAutoSizer/RowCellAutoSizer';
+export { default as CollapseRowButton } from './CollapseRowButton/CollapseRowButton';
+export * from './BasicTable/hooks';
+export * from './BasicTable/contexts';
+export * from './types';

package/components/BasicTableView/types/index.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/BasicTableView/viewState/basicTableViewState.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,30 +9,28 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reducer = exports.changeVisibleColumns = exports.actions = void 0;
-var ramda_1 = require("ramda");
-var core_1 = require("../../../core");
+import { always, assoc, difference, dissoc, evolve, keys, path, when } from 'ramda';
+import { createStandardAction, toggleSortOrder } from '../../../core';
 var CHANGE_COLUMNS = 'CHANGE_COLUMNS';
 var TOGGLE_FILTERS = 'TOGGLE_FILTERS';
 var CHANGE_FILTER = 'CHANGE_FILTER';
 var TOGGLE_SORT = 'TOGGLE_SORT';
 var CHANGE_PAGE = 'CHANGE_PAGE';
 var CHANGE_ROWS_PER_PAGE = 'CHANGE_ROWS_PER_PAGE';
-exports.actions = {
-    changeColumns: core_1.createStandardAction(CHANGE_COLUMNS),
-    toggleFilters: core_1.createStandardAction(TOGGLE_FILTERS),
-    changeFilter: core_1.createStandardAction(CHANGE_FILTER),
-    toggleSort: core_1.createStandardAction(TOGGLE_SORT),
-    changePage: core_1.createStandardAction(CHANGE_PAGE),
-    changeRowsPerPage: core_1.createStandardAction(CHANGE_ROWS_PER_PAGE)
+export var actions = {
+    changeColumns: createStandardAction(CHANGE_COLUMNS),
+    toggleFilters: createStandardAction(TOGGLE_FILTERS),
+    changeFilter: createStandardAction(CHANGE_FILTER),
+    toggleSort: createStandardAction(TOGGLE_SORT),
+    changePage: createStandardAction(CHANGE_PAGE),
+    changeRowsPerPage: createStandardAction(CHANGE_ROWS_PER_PAGE)
 };
-var changeVisibleColumns = function (state, nextVisibleColumns) {
-    var removedColumns = ramda_1.difference(state.visibleColumns, nextVisibleColumns);
+export var changeVisibleColumns = function (state, nextVisibleColumns) {
+    var removedColumns = difference(state.visibleColumns, nextVisibleColumns);
     var isRemovedColumn = function (columnId) { return removedColumns.includes(columnId); };
-    return ramda_1.evolve({
-        visibleColumns: ramda_1.always(nextVisibleColumns),
-        sorting: ramda_1.when(function (sorting) {
+    return evolve({
+        visibleColumns: always(nextVisibleColumns),
+        sorting: when(function (sorting) {
             if (sorting === void 0) { sorting = {}; }
             return isRemovedColumn(sorting.field);
         }, function () {
@@ -41,16 +38,15 @@ var changeVisibleColumns = function (state, nextVisibleColumns) {
             return { field: nextSortField, order: 'asc' };
         }),
         filters: function (filters) {
-            return ramda_1.keys(filters).reduce(function (acc, columnId) { return (isRemovedColumn(columnId) ? ramda_1.dissoc(columnId, acc) : acc); }, filters);
+            return keys(filters).reduce(function (acc, columnId) { return (isRemovedColumn(columnId) ? dissoc(columnId, acc) : acc); }, filters);
         }
     }, state);
 };
-exports.changeVisibleColumns = changeVisibleColumns;
-var reducer = function (state, action) {
+export var reducer = function (state, action) {
     switch (action.type) {
         case CHANGE_COLUMNS: {
             var columnIds = action.payload;
-            return exports.changeVisibleColumns(state, columnIds);
+            return changeVisibleColumns(state, columnIds);
         }
         case TOGGLE_FILTERS: {
             var enableFilters = !state.filters;
@@ -58,15 +54,15 @@ var reducer = function (state, action) {
         }
         case CHANGE_FILTER: {
             var _a = action.payload, columnId = _a.columnId, filter = _a.filter;
-            return ramda_1.evolve({ filters: filter ? ramda_1.assoc(columnId, filter) : ramda_1.dissoc(columnId), page: ramda_1.always(0) }, state);
+            return evolve({ filters: filter ? assoc(columnId, filter) : dissoc(columnId), page: always(0) }, state);
         }
         case TOGGLE_SORT: {
             var nextSortField = action.payload;
-            var prevSortField = ramda_1.path(['sorting', 'field'], state);
-            var prevSortOrder = ramda_1.path(['sorting', 'order'], state);
+            var prevSortField = path(['sorting', 'field'], state);
+            var prevSortOrder = path(['sorting', 'order'], state);
             return __assign(__assign({}, state), { sorting: {
                     field: nextSortField,
-                    order: core_1.toggleSortOrder(nextSortField === prevSortField ? prevSortOrder : null)
+                    order: toggleSortOrder(nextSortField === prevSortField ? prevSortOrder : null)
                 }, page: 0 });
         }
         case CHANGE_PAGE:
@@ -77,9 +73,8 @@ var reducer = function (state, action) {
             return state;
     }
 };
-exports.reducer = reducer;
-exports.default = {
-    reducer: exports.reducer,
-    actions: exports.actions,
-    changeVisibleColumns: exports.changeVisibleColumns
+export default {
+    reducer: reducer,
+    actions: actions,
+    changeVisibleColumns: changeVisibleColumns
 };

package/components/BasicView/BasicView.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,25 +9,6 @@ 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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,22 +20,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importStar(require("react"));
-var styles_1 = require("./styles");
-var BasicView = react_1.forwardRef(function (_a, ref) {
+import Paper from '@material-ui/core/Paper';
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import { useStyles } from './styles';
+var BasicView = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Paper_1.default, __assign({ ref: ref, className: className, classes: { root: styles['basic-view__paper'] } }, otherProps), children));
+    var styles = useStyles();
+    return (React.createElement(Paper, __assign({ ref: ref, className: className, classes: { root: styles['basic-view__paper'] } }, otherProps), children));
 });
 BasicView.displayName = 'BasicView';
 BasicView.propTypes = {
-    children: prop_types_1.default.node,
-    className: prop_types_1.default.string
+    children: PropTypes.node,
+    className: PropTypes.string
 };
-exports.default = BasicView;
+export default BasicView;

package/components/BasicView/styles.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,9 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 ({
     'basic-view__paper': __assign({ display: 'flex', flexDirection: 'column' }, theme.basicView)
 }); });