@reltio/components 1.4.1314 → 1.4.1316

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

@@ -13,7 +13,7 @@ var Filter_1 = __importDefault(require("../../../../icons/Filter"));
 var styles_1 = require("./styles");
 var FilterButton = function (_a) {
     var enabled = _a.enabled, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
+    var styles = (0, 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'] }),

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

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     'filterIcon--enabled': {
         color: theme.palette.primary.main
     },

package/cjs/components/BasicTableView/BasicTablePagination/BasicTablePagination.d.ts

@@ -1,4 +1,4 @@
-declare var _default: React.MemoExoticComponent<{
+declare const _default: React.MemoExoticComponent<{
     ({ classes, count, rowsPerPageOptions, page, onChangePage, rowsPerPage, onChangeRowsPerPage, basicTableRef, labelRowsPerPage }: {
         classes?: {};
         count: any;

package/cjs/components/BasicTableView/BasicTablePagination/BasicTablePagination.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -51,20 +55,20 @@ var BasicTablePagination = function (_a) {
             countRows: ui_i18n_1.default.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 = (0, styles_1.useStyles)();
+    var resetScrollbarPosition = (0, react_1.useCallback)(function () {
+        (0, ramda_1.pathOr)(ramda_1.identity, ['current', 'resetScrollbarPosition'], basicTableRef)();
     }, [basicTableRef]);
-    var handleChangePage = react_1.useCallback(function (value) {
+    var handleChangePage = (0, react_1.useCallback)(function (value) {
         onChangePage(value);
         resetScrollbarPosition();
     }, [onChangePage, resetScrollbarPosition]);
-    var handleChangeRowsPerPage = react_1.useCallback(function (value) {
+    var handleChangeRowsPerPage = (0, react_1.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_1.default.createElement(TablePagination_1.default, { classes: __assign(__assign({}, classes), { root: (0, classnames_1.default)(styles.pagination, classes.root), select: (0, 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: (0, ramda_1.pipe)((0, ramda_1.nthArg)(1), handleChangePage), rowsPerPage: rowsPerPage, onChangeRowsPerPage: (0, ramda_1.pipe)(utils_1.getValue, handleChangeRowsPerPage) }));
 };
 BasicTablePagination.propTypes = {
     classes: prop_types_1.default.object,

package/cjs/components/BasicTableView/BasicTablePagination/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "select" | "actions" | "pagination" | "selectRoot">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"pagination" | "caption" | "selectRoot" | "select" | "actions">;

package/cjs/components/BasicTableView/BasicTablePagination/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     pagination: {
         display: 'flex',
         alignItems: 'center',

package/cjs/components/BasicTableView/CollapseRowButton/CollapseRowButton.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -31,11 +35,11 @@ var styles_1 = require("./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 = (0, styles_1.useStyles)();
+    var _c = (0, react_1.useContext)(RowCollapseContext_1.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_1.default.createElement(CollapseButton_1.default, { className: (0, classnames_1.default)(className, (_b = {}, _b[styles.hidden] = !isCollapsibleRow, _b)), isOpen: !isCollapsedRow, onClick: function (e) {
             toggleRowCollapse(rowIndex);
             e.stopPropagation();
         } }));

package/cjs/components/BasicTableView/CollapseRowButton/styles.js

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     hidden: {
         visibility: 'hidden'
     }

package/cjs/components/BasicTableView/ColumnFilter/ColumnFilter.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -36,14 +40,14 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var helpers_1 = require("./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 = (0, styles_1.useStyles)();
+    var _b = (0, react_1.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 = (0, react_1.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 = (0, react_1.useRef)(null);
+    var mdmFilter = (0, helpers_1.columnFilterToMdmFilter)({ id: columnId, dataTypeDefinition: dataTypeDefinition }, columnFilter);
     var applyFilterChange = function (newFilter) {
         if (newFilter !== filter) {
             onFilter({ columnId: columnId, filter: newFilter });
@@ -51,7 +55,7 @@ var ColumnFilter = function (_a) {
     };
     var clearFilter = function () { return applyFilterChange(); };
     var applyChangesAndClose = function () {
-        var isValidFilter = mdm_sdk_1.validateFilter(mdmFilter);
+        var isValidFilter = (0, mdm_sdk_1.validateFilter)(mdmFilter);
         isValidFilter ? applyFilterChange(columnFilter) : clearFilter();
         closeFilterPopup();
     };
@@ -63,28 +67,28 @@ var ColumnFilter = function (_a) {
         applyChangesAndClose();
     };
     var getFilterOptionData = function (filterOption) {
-        return filterOptionsData && filterOptionsData.find(ramda_1.propEq('value', filterOption));
+        return filterOptionsData && filterOptionsData.find((0, ramda_1.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 (0, ramda_1.pipe)(getFilterOptionData, (0, ramda_1.prop)('label'), (0, ramda_1.defaultTo)((0, mdm_sdk_1.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 (0, ramda_1.pipe)(getFilterOptionData, (0, ramda_1.prop)('dataTypeDefinition'), (0, ramda_1.defaultTo)((0, mdm_sdk_1.getDataTypeDefinitionForFilterValue)(dataTypeDefinition, filterOption)))(filterOption);
     };
     var filterOptions = mdm_sdk_1.Maybe.fromNull(filterOptionsData)
-        .map(ramda_1.pluck('value'))
-        .orSome(mdm_sdk_1.getFilterOptionsForDataTypeDefinition(dataTypeDefinition))
+        .map((0, ramda_1.pluck)('value'))
+        .orSome((0, mdm_sdk_1.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) })),
+        filter && (react_1.default.createElement(FilterChip_1.default, { filterValue: filter.value, filterOption: filterOptions.find((0, 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: {
                 style: {
-                    width: (containerRef.current ? containerRef.current.getBoundingClientRect().width : 0) + "px"
+                    width: "".concat(containerRef.current ? containerRef.current.getBoundingClientRect().width : 0, "px")
                 }
             }, open: !!anchorEl, anchorEl: anchorEl, anchorOrigin: {
                 vertical: 'bottom',
@@ -93,7 +97,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_1.default.createElement(FilterEditor_1.default, { classes: { option: styles['filter-editor__option'] }, value: mdmFilter, onChange: (0, ramda_1.pipe)(helpers_1.mdmFilterToColumnFilter, setColumnFilter), filterOptions: filterOptions, dataTypeDefinition: getFilterDataTypeDefinition(mdmFilter.filter), valueEditorProps: {
                     TextFieldProps: {
                         onKeyPress: handleValueEditorKeyPress
                     },

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

@@ -13,13 +13,13 @@ var styles_1 = require("./styles");
 var ExpandedValueTooltip_1 = __importDefault(require("../../../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 = (0, mdm_sdk_1.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) : '';
+    var styles = (0, styles_1.useStyles)();
+    var attributePresentations = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAttributePresentations);
+    var formatValue = (0, mdm_sdk_1.formatDataTypeValue)({ attributePresentations: attributePresentations, dataTypeDefinition: dataTypeDefinition });
+    var convertedValue = (0, mdm_sdk_1.mapFilterValue)(formatValue, filterValue);
+    var filterLabel = canFilterAcceptValues ? (0, 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),

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

@@ -3,7 +3,7 @@ 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({
+exports.useStyles = (0, styles_1.makeStyles)({
     'filter-chip': {
         flex: 1,
         maxWidth: '100%',

package/cjs/components/BasicTableView/ColumnFilter/helpers.js

@@ -23,11 +23,11 @@ var buildColumnsFilter = function (columnsData, 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((0, ramda_1.propEq)('id', columnId));
             return columnFilterToMdmFilter(columnData, columnFilter);
         });
     })
-        .map(mdm_sdk_1.buildFilterQueryString())
+        .map((0, mdm_sdk_1.buildFilterQueryString)())
         .orSome('');
 };
 exports.buildColumnsFilter = buildColumnsFilter;

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

@@ -3,11 +3,11 @@ 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({
+exports.useStyles = (0, styles_1.makeStyles)({
     columnFilter: {
         backgroundColor: 'rgba(0,0,0,0.03)',
         display: 'flex',
-        height: exports.COLUMN_FILTER_HEIGHT + "px",
+        height: "".concat(exports.COLUMN_FILTER_HEIGHT, "px"),
         alignItems: 'center'
     },
     dropDownButton: {

package/cjs/components/BasicTableView/RowCellAutoSizer/RowCellAutoSizer.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -40,11 +44,11 @@ var RootRef_1 = __importDefault(require("@material-ui/core/RootRef"));
 var hooks_1 = require("../../../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 = (0, react_1.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]);
+    (0, 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)));

package/cjs/components/BasicTableView/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/BasicTableView/viewState/basicTableViewState.js

@@ -21,19 +21,19 @@ 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)
+    changeColumns: (0, core_1.createStandardAction)(CHANGE_COLUMNS),
+    toggleFilters: (0, core_1.createStandardAction)(TOGGLE_FILTERS),
+    changeFilter: (0, core_1.createStandardAction)(CHANGE_FILTER),
+    toggleSort: (0, core_1.createStandardAction)(TOGGLE_SORT),
+    changePage: (0, core_1.createStandardAction)(CHANGE_PAGE),
+    changeRowsPerPage: (0, core_1.createStandardAction)(CHANGE_ROWS_PER_PAGE)
 };
 var changeVisibleColumns = function (state, nextVisibleColumns) {
-    var removedColumns = ramda_1.difference(state.visibleColumns, nextVisibleColumns);
+    var removedColumns = (0, ramda_1.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 (0, ramda_1.evolve)({
+        visibleColumns: (0, ramda_1.always)(nextVisibleColumns),
+        sorting: (0, ramda_1.when)(function (sorting) {
             if (sorting === void 0) { sorting = {}; }
             return isRemovedColumn(sorting.field);
         }, function () {
@@ -41,7 +41,7 @@ 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 (0, ramda_1.keys)(filters).reduce(function (acc, columnId) { return (isRemovedColumn(columnId) ? (0, ramda_1.dissoc)(columnId, acc) : acc); }, filters);
         }
     }, state);
 };
@@ -50,7 +50,7 @@ var reducer = function (state, action) {
     switch (action.type) {
         case CHANGE_COLUMNS: {
             var columnIds = action.payload;
-            return exports.changeVisibleColumns(state, columnIds);
+            return (0, exports.changeVisibleColumns)(state, columnIds);
         }
         case TOGGLE_FILTERS: {
             var enableFilters = !state.filters;
@@ -58,15 +58,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 (0, ramda_1.evolve)({ filters: filter ? (0, ramda_1.assoc)(columnId, filter) : (0, ramda_1.dissoc)(columnId), page: (0, ramda_1.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 = (0, ramda_1.path)(['sorting', 'field'], state);
+            var prevSortOrder = (0, ramda_1.path)(['sorting', 'order'], state);
             return __assign(__assign({}, state), { sorting: {
                     field: nextSortField,
-                    order: core_1.toggleSortOrder(nextSortField === prevSortField ? prevSortOrder : null)
+                    order: (0, core_1.toggleSortOrder)(nextSortField === prevSortField ? prevSortOrder : null)
                 }, page: 0 });
         }
         case CHANGE_PAGE:

package/cjs/components/BasicView/BasicView.d.ts

@@ -1,4 +1,4 @@
 import Paper, { PaperProps } from '@material-ui/core/Paper';
 import React from 'react';
-declare const BasicView: React.ForwardRefExoticComponent<Pick<PaperProps, "title" | "id" | "children" | "prefix" | "hidden" | "defaultValue" | "color" | "translate" | "style" | "square" | "onScroll" | "className" | "innerRef" | "slot" | "classes" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "elevation" | "variant" | "component"> & React.RefAttributes<React.Ref<typeof Paper>>>;
+declare const BasicView: React.ForwardRefExoticComponent<Pick<PaperProps, "color" | "translate" | "hidden" | "style" | "square" | "classes" | "component" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "innerRef" | "elevation"> & React.RefAttributes<React.Ref<typeof Paper>>>;
 export default BasicView;

package/cjs/components/BasicView/BasicView.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -48,9 +52,9 @@ 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) {
+var BasicView = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(Paper_1.default, __assign({ ref: ref, className: className, classes: { root: styles['basic-view__paper'] } }, otherProps), children));
 });
 BasicView.displayName = 'BasicView';

package/cjs/components/BasicView/styles.js

@@ -13,6 +13,6 @@ var __assign = (this && this.__assign) || function () {
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     'basic-view__paper': __assign({ display: 'flex', flexDirection: 'column' }, theme.basicView)
 }); });

package/cjs/components/BasicViewContent/BasicViewContent.js

@@ -30,7 +30,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
 var BasicViewContent = function (_a) {
     var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", __assign({ className: classnames_1.default(styles['basic-view-content'], className) }, otherProps), children));
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(styles['basic-view-content'], className) }, otherProps), children));
 };
 exports.default = BasicViewContent;

package/cjs/components/BasicViewContent/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     'basic-view-content': {
         flex: '1 1 auto',
         padding: '0 24px 24px',

package/cjs/components/BasicViewHeader/BasicViewHeader.js

@@ -31,7 +31,7 @@ var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var styles_1 = require("./styles");
 var BasicViewHeader = function (_a) {
     var title = _a.title, _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.classes, classes = _c === void 0 ? {} : _c, otherProps = __rest(_a, ["title", "children", "classes"]);
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(Toolbar_1.default, __assign({ className: classes.root, classes: { root: styles.toolbar } }, otherProps),
         react_1.default.createElement(Typography_1.default, { className: classes.title, classes: { root: styles.title }, variant: "h6" }, title),
         children));

package/cjs/components/BasicViewHeader/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "toolbar">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"toolbar" | "title">;

package/cjs/components/BasicViewHeader/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     toolbar: {
         minHeight: '48px',
         padding: '8px 24px',

package/cjs/components/CollaborationItem/Avatar/Avatar.js

@@ -33,7 +33,7 @@ var utils_1 = require("../utils");
 var styles_1 = require("./styles");
 var Avatar = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Avatar_1.default, __assign({}, props, { className: classnames_1.default(styles.root, className) }), utils_1.getAbbreviationFromUserName(children)));
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(Avatar_1.default, __assign({}, props, { className: (0, classnames_1.default)(styles.root, className) }), (0, utils_1.getAbbreviationFromUserName)(children)));
 };
 exports.Avatar = Avatar;

package/cjs/components/CollaborationItem/Avatar/styles.js

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         width: '32px',
         height: '32px',

package/cjs/components/CollaborationItem/CollaborationItem.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -29,10 +33,10 @@ var Comment_1 = require("./Comment/Comment");
 var RepliedComment_1 = require("./RepliedComment/RepliedComment");
 var SendMessageArea_1 = require("./SendMessageArea/SendMessageArea");
 var styles_1 = require("./styles");
-exports.CollaborationItem = react_1.memo(function (_a) {
+exports.CollaborationItem = (0, react_1.memo)(function (_a) {
     var uri = _a.uri, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType, classes = _a.classes, popperRef = _a.popperRef, messagesRef = _a.messagesRef, comment = _a.comment;
-    var inputRef = react_1.useRef();
-    var styles = styles_1.useStyles({ classes: classes });
+    var inputRef = (0, react_1.useRef)();
+    var styles = (0, styles_1.useStyles)({ classes: classes });
     var handleReply = function () {
         inputRef.current.focus();
     };

package/cjs/components/CollaborationItem/Comment/Comment.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -42,19 +46,19 @@ var SendMessageArea_1 = require("../SendMessageArea/SendMessageArea");
 var styles_1 = require("./styles");
 var Comment = function (_a) {
     var onReply = _a.onReply, className = _a.className, uri = _a.uri, comment = _a.comment, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType;
-    var styles = styles_1.useStyles();
-    var inputRef = react_1.useRef();
-    var _b = react_1.useState(false), isEditingComment = _b[0], setIsEditingComment = _b[1];
-    var username = react_redux_1.useSelector(mdm_module_1.default.selectors.getUserName);
+    var styles = (0, styles_1.useStyles)();
+    var inputRef = (0, react_1.useRef)();
+    var _b = (0, react_1.useState)(false), isEditingComment = _b[0], setIsEditingComment = _b[1];
+    var username = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserName);
     var commentId = comment.commentId, createdBy = comment.createdBy, createdTime = comment.createdTime;
     var canChangeComment = createdBy === username;
-    var _c = react_1.useContext(contexts_1.CollaborationContext), resolveThread = _c.resolveThread, reOpenThread = _c.reOpenThread, sending = _c.sending, deleteComment = _c.deleteComment;
-    react_1.useEffect(function () {
+    var _c = (0, react_1.useContext)(contexts_1.CollaborationContext), resolveThread = _c.resolveThread, reOpenThread = _c.reOpenThread, sending = _c.sending, deleteComment = _c.deleteComment;
+    (0, react_1.useEffect)(function () {
         if (isEditingComment) {
             inputRef.current.focus();
         }
     }, [isEditingComment]);
-    var menuItems = react_1.useMemo(function () { return [
+    var menuItems = (0, react_1.useMemo)(function () { return [
         {
             text: ui_i18n_1.default.text('Edit'),
             onClick: function () { return setIsEditingComment(true); }
@@ -76,7 +80,7 @@ var Comment = function (_a) {
             react_1.default.createElement(Avatar_1.Avatar, { classes: { root: styles.avatar } }, createdBy),
             react_1.default.createElement(Box_1.default, { width: "100%" },
                 react_1.default.createElement(Typography_1.default, { className: styles.username }, createdBy)),
-            react_1.default.createElement(Typography_1.default, { className: styles.createdAt }, utils_1.formatDate(createdTime)),
+            react_1.default.createElement(Typography_1.default, { className: styles.createdAt }, (0, utils_1.formatDate)(createdTime)),
             canChangeComment && (react_1.default.createElement(DropDownMenuButton_1.default, { buttonComponent: SmallIconButton_1.SmallIconButtonWithTooltip, buttonProps: {
                     icon: MoreVert_1.default,
                     tooltipTitle: ui_i18n_1.default.text('Open menu')

package/cjs/components/CollaborationItem/Comment/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"body" | "message" | "button" | "header" | "avatar" | "username" | "buttons" | "createdAt" | "commentTarget" | "dropdownMenu">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "body" | "header" | "message" | "avatar" | "username" | "buttons" | "createdAt" | "commentTarget" | "dropdownMenu">;