@reltio/components 1.4.1090 → 1.4.1094

package/cjs/components/BasicTableView/BasicTableHeader/ColumnsSettings/ColumnListItem.d.ts

@@ -1,5 +1,5 @@
 export default ColumnListItem;
-declare function ColumnListItem({ item, onClick, checked, level, style, isFocused, isGroupItem }: {
+declare function ColumnListItem({ item, onClick, checked, level, style, isFocused, isGroupItem, hideCheckBox }: {
     item: any;
     onClick: any;
     checked: any;
@@ -7,6 +7,7 @@ declare function ColumnListItem({ item, onClick, checked, level, style, isFocuse
     style: any;
     isFocused: any;
     isGroupItem: any;
+    hideCheckBox: any;
 }): JSX.Element;
 declare namespace ColumnListItem {
     namespace propTypes {
@@ -20,6 +21,7 @@ declare namespace ColumnListItem {
         const style: PropTypes.Requireable<object>;
         const isGroupItem: PropTypes.Requireable<boolean>;
         const isFocused: PropTypes.Requireable<boolean>;
+        const hideCheckBox: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from "prop-types";

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

@@ -11,9 +11,9 @@ var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
 var ColumnListItem = function (_a) {
     var _b;
-    var item = _a.item, onClick = _a.onClick, checked = _a.checked, level = _a.level, style = _a.style, isFocused = _a.isFocused, isGroupItem = _a.isGroupItem;
+    var item = _a.item, onClick = _a.onClick, checked = _a.checked, level = _a.level, style = _a.style, isFocused = _a.isFocused, isGroupItem = _a.isGroupItem, hideCheckBox = _a.hideCheckBox;
     var styles = styles_1.useStyles();
-    return (react_1.default.createElement(AttributeListItem_1.default, { key: item.id, onClick: onClick, checked: checked, level: level, data: item, label: react_1.default.createElement(Highlighter_1.default, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, isFocused: isFocused, hideIcon: isGroupItem, className: classnames_1.default((_b = {}, _b[styles.groupItem] = isGroupItem, _b)) }));
+    return (react_1.default.createElement(AttributeListItem_1.default, { hideCheckBox: hideCheckBox, key: item.id, onClick: onClick, checked: checked, level: level, data: item, label: react_1.default.createElement(Highlighter_1.default, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, isFocused: isFocused, hideIcon: isGroupItem, className: classnames_1.default((_b = {}, _b[styles.groupItem] = isGroupItem, _b)) }));
 };
 ColumnListItem.propTypes = {
     item: prop_types_1.default.shape({
@@ -25,6 +25,7 @@ ColumnListItem.propTypes = {
     checked: prop_types_1.default.bool,
     style: prop_types_1.default.object,
     isGroupItem: prop_types_1.default.bool,
-    isFocused: prop_types_1.default.bool
+    isFocused: prop_types_1.default.bool,
+    hideCheckBox: prop_types_1.default.bool
 };
 exports.default = ColumnListItem;

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

@@ -26,33 +26,16 @@ 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 ramda_1 = require("ramda");
+var ColumnsSettingsPopup_1 = require("./ColumnsSettingsPopup");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var styles_1 = require("./styles");
-var ITEM_HEIGHT = 32;
-var MAX_LIST_CONTAINER_HEIGHT = 300;
-var DEFAULT_MIN_CONTAINER_WIDTH = 308;
-var CONTAINER_HEADER_HEIGHT = 108;
-var MIN_CONTAINER_HEIGHT = 140;
+var columnHelpers_1 = require("./columnHelpers");
 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 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 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);
@@ -60,26 +43,9 @@ var ColumnsSettings = function (_a) {
             ? ramda_1.difference(selectedColumns, changedColumns)
             : ramda_1.uniq(ramda_1.concat(selectedColumns, changedColumns)));
     }, [selectedColumns, onChangeColumns]);
-    var handleSearchOnEnter = react_1.useCallback(function (_a) {
-        var item = _a.item;
-        return handleColumnClick(item);
-    }, [handleColumnClick]);
-    var _d = helpers_1.useKeyboardNavigation({
-        items: items,
-        open: open,
-        onSelectFocusedItem: handleSearchOnEnter,
-        selectedItems: selectedColumns
-    }), 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 }));
-    };
-    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 }))));
+        react_1.default.createElement(ColumnsSettingsPopup_1.ColumnsSettingsPopup, { onColumnClick: handleColumnClick, anchorEl: anchorEl, columnsData: columnsData, onClose: closePopup, title: title, selectedColumns: selectedColumns })));
 };
 ColumnsSettings.propTypes = {
     columnsData: constants_1.ColumnsDataType,

package/cjs/components/BasicTableView/BasicTableHeader/ColumnsSettings/ColumnsSettingsPopup.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+declare type Column = {
+    id: string;
+    label: string;
+};
+declare type GroupedColumnData = {
+    id: string;
+    label: string;
+    columns: Column[];
+} | Column;
+declare type Props = {
+    anchorEl: HTMLElement;
+    onClose: () => void;
+    title?: string;
+    columnsData: GroupedColumnData[];
+    onColumnClick: (column: {
+        id: string;
+    }) => void;
+    selectedColumns: string[];
+    hideCheckBox?: boolean;
+};
+export declare const ColumnsSettingsPopup: ({ anchorEl, onClose, title, columnsData, onColumnClick, selectedColumns, hideCheckBox }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,71 @@
+"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 });
+exports.ColumnsSettingsPopup = void 0;
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var VirtualGroupedList_1 = __importDefault(require("../../../VirtualGroupedList/VirtualGroupedList"));
+var SelectionPopup_1 = __importDefault(require("../../../SelectionPopup/SelectionPopup"));
+var columnHelpers_1 = require("./columnHelpers");
+var helpers_1 = require("../../../VirtualGroupedList/helpers");
+var helpers_2 = require("../../../SelectionPopup/helpers");
+var ColumnListItem_1 = __importDefault(require("./ColumnListItem"));
+var styles_1 = require("./styles");
+var ITEM_HEIGHT = 32;
+var MAX_LIST_CONTAINER_HEIGHT = 300;
+var DEFAULT_MIN_CONTAINER_WIDTH = 308;
+var CONTAINER_HEADER_HEIGHT = 108;
+var MIN_CONTAINER_HEIGHT = 140;
+var ColumnsSettingsPopup = function (_a) {
+    var anchorEl = _a.anchorEl, onClose = _a.onClose, title = _a.title, columnsData = _a.columnsData, onColumnClick = _a.onColumnClick, selectedColumns = _a.selectedColumns, hideCheckBox = _a.hideCheckBox;
+    var styles = styles_1.useStyles();
+    var _b = react_1.useState(''), filterText = _b[0], setFilterText = _b[1];
+    var clearFilter = function () { return setFilterText(''); };
+    var groupedItems = react_1.useMemo(function () { return columnHelpers_1.buildColumnItems(columnsData, filterText); }, [columnsData, filterText]);
+    var items = react_1.useMemo(function () { return helpers_1.flattenGroupedItemsData(groupedItems); }, [groupedItems]);
+    var containerWidth = mdm_sdk_1.getMaxItemWidth('label')(groupedItems) || DEFAULT_MIN_CONTAINER_WIDTH;
+    var handleSearchOnEnter = react_1.useCallback(function (_a) {
+        var item = _a.item;
+        return onColumnClick(item);
+    }, [onColumnClick]);
+    var _c = helpers_2.useKeyboardNavigation({
+        items: items,
+        open: true,
+        onSelectFocusedItem: handleSearchOnEnter,
+        selectedItems: selectedColumns,
+        onClose: onClose
+    }), focusIndex = _c.focusIndex, handleKeyDown = _c.handleKeyDown;
+    var handleClose = react_1.useCallback(ramda_1.pipe(onClose, clearFilter), [onClose]);
+    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, { hideCheckBox: hideCheckBox, style: style, item: item, level: level, isFocused: focusIndex === index, checked: columnHelpers_1.isColumnSelected(selectedColumns, item), isGroupItem: columnHelpers_1.isGroupColumn(item), onClick: hideCheckBox ? ramda_1.pipe(onColumnClick, handleClose) : onColumnClick }));
+    };
+    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(SelectionPopup_1.default, { className: styles.popup, open: !!anchorEl, anchorEl: anchorEl, onClose: handleClose, 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; }, focusIndex: focusIndex })));
+};
+exports.ColumnsSettingsPopup = ColumnsSettingsPopup;

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

@@ -4,6 +4,7 @@ export { TableContext as BasicTableContext } from "./BasicTable/contexts/TableCo
 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 { ColumnsSettingsPopup } from "./BasicTableHeader/ColumnsSettings/ColumnsSettingsPopup";
 export { default as BasicTablePagination } from "./BasicTablePagination/BasicTablePagination";
 export * from "./BasicTable/cell-value-renderers";
 export * from "./BasicTable/hooks";

package/cjs/components/BasicTableView/index.js

@@ -13,7 +13,7 @@ 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;
+exports.CollapseRowButton = exports.RowCellAutoSizer = exports.basicTableViewState = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.BasicTablePagination = exports.ColumnsSettingsPopup = 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");
@@ -26,6 +26,8 @@ var ColumnsSettings_1 = require("./BasicTableHeader/ColumnsSettings/ColumnsSetti
 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 ColumnsSettingsPopup_1 = require("./BasicTableHeader/ColumnsSettings/ColumnsSettingsPopup");
+Object.defineProperty(exports, "ColumnsSettingsPopup", { enumerable: true, get: function () { return ColumnsSettingsPopup_1.ColumnsSettingsPopup; } });
 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);

package/cjs/components/activityLog/activities/ActivitiesFactory.js

@@ -13,6 +13,7 @@ var ProfileActivity_1 = __importDefault(require("./ProfileActivity"));
 var RelationActivity_1 = __importDefault(require("./RelationActivity"));
 var SearchActivity_1 = __importDefault(require("./SearchActivity"));
 var SimpleActivity_1 = __importDefault(require("./SimpleActivity"));
+var SynchronizationIssuesActivity_1 = __importDefault(require("./SynchronizationIssuesActivity"));
 var Add_1 = __importDefault(require("../../../icons/Add"));
 var CalendarToday_1 = __importDefault(require("@material-ui/icons/CalendarToday"));
 var Comment_1 = __importDefault(require("../../../icons/Comment"));
@@ -67,6 +68,8 @@ var ActivitiesFactory = /** @class */ (function () {
             case types_1.ActivityTypes.PERIODIC_TASK_SCHEDULED:
             case types_1.ActivityTypes.USER_PROFILE_VIEW:
                 return react_1.default.createElement(SimpleActivity_1.default, { data: data, type: type });
+            case types_1.ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE:
+                return react_1.default.createElement(SynchronizationIssuesActivity_1.default, { data: data, type: type });
             default:
                 return react_1.default.createElement("div", null,
                     type,

package/cjs/components/activityLog/activities/SynchronizationIssuesActivity.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ActivityData, ActivityTypes } from '../types';
+declare type Props = {
+    type: ActivityTypes;
+    data: ActivityData;
+};
+declare const SynchronizationIssuesActivity: ({ type, data }: Props) => JSX.Element;
+export default SynchronizationIssuesActivity;

package/cjs/components/activityLog/activities/SynchronizationIssuesActivity.js

@@ -0,0 +1,25 @@
+"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 ui_i18n_1 = __importDefault(require("ui-i18n"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var core_1 = require("../../../core");
+var ActivityTitle_1 = __importDefault(require("./ActivityTitle/ActivityTitle"));
+var EntityObject_1 = __importDefault(require("./EntityObject/EntityObject"));
+var styles_1 = require("./styles");
+var SynchronizationIssuesActivity = function (_a) {
+    var type = _a.type, data = _a.data;
+    var styles = styles_1.useStyles();
+    var description = core_1.parseJSON(data.description);
+    var itemsTotal = data.itemsTotal;
+    var objectUri = data.items[0].objectUri;
+    return (react_1.default.createElement(ActivityTitle_1.default, { type: type },
+        react_1.default.createElement(react_1.default.Fragment, null,
+            mdm_sdk_1.isRelationUri(objectUri) ? (react_1.default.createElement("span", { className: styles.relationUri }, objectUri)) : (react_1.default.createElement(EntityObject_1.default, { item: data.items[0] })),
+            description && react_1.default.createElement("div", { className: styles.objectLabel }, description.label)),
+        itemsTotal > 1 && (react_1.default.createElement("div", { className: styles.objectLabel }, ui_i18n_1.default.text('(${itemsTotal} records)', { itemsTotal: itemsTotal })))));
+};
+exports.default = SynchronizationIssuesActivity;

package/cjs/components/activityLog/activities/styles.d.ts

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

package/cjs/components/activityLog/activities/styles.js

@@ -13,5 +13,9 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         color: theme.palette.text.secondary,
         lineHeight: '15px',
         fontWeight: 400
+    },
+    relationUri: {
+        color: theme.palette.text.primary,
+        fontWeight: 400
     }
 }); });

package/cjs/components/activityLog/types/ActivityTypes.d.ts

@@ -24,6 +24,7 @@ export declare enum ActivityTypes {
     COMMENT_UPDATED = "COMMENT_UPDATED",
     COMMENT_DELETED = "COMMENT_DELETED",
     ANALYTICS_ATTRIBUTES_CHANGED = "ANALYTICS_ATTRIBUTES_CHANGED",
+    SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE = "SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE",
     GROUP_CREATED = "GROUP_CREATED",
     GROUP_REMOVED = "GROUP_REMOVED",
     GROUP_CHANGED = "GROUP_CHANGED"

package/cjs/components/activityLog/types/ActivityTypes.js

@@ -28,6 +28,7 @@ var ActivityTypes;
     ActivityTypes["COMMENT_UPDATED"] = "COMMENT_UPDATED";
     ActivityTypes["COMMENT_DELETED"] = "COMMENT_DELETED";
     ActivityTypes["ANALYTICS_ATTRIBUTES_CHANGED"] = "ANALYTICS_ATTRIBUTES_CHANGED";
+    ActivityTypes["SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE"] = "SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE";
     ActivityTypes["GROUP_CREATED"] = "GROUP_CREATED";
     ActivityTypes["GROUP_REMOVED"] = "GROUP_REMOVED";
     ActivityTypes["GROUP_CHANGED"] = "GROUP_CHANGED";

package/cjs/components/activityLog/utils/activities.js

@@ -84,6 +84,7 @@ var getActivityLabel = function (type) {
         _a[types_1.ActivityTypes.USER_PROFILE_VIEW] = ui_i18n_1.default.text('Profile viewed'),
         _a[types_1.ActivityTypes.USER_SEARCH] = ui_i18n_1.default.text('Searched'),
         _a[types_1.ActivityTypes.ANALYTICS_ATTRIBUTES_CHANGED] = ui_i18n_1.default.text('Analytics attribute changed'),
+        _a[types_1.ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE] = ui_i18n_1.default.text('SFDC connector synchronization issue'),
         _a);
     return labels[type] || '';
 };

package/cjs/components/activityLog/utils/filters.js

@@ -12,7 +12,7 @@ var wrapInBrackets = function (str) { return "(" + str + ")"; };
 var multiValueFilter = function (filterClauseFn) { return function (values) { return values.map(filterClauseFn).join(' or '); }; };
 var buildUserFilterClause = function (user) { return "equals(user, '" + mdm_sdk_1.escapeQueryValue(user) + "')"; };
 var buildActivityFilterClause = function (activityType) {
-    if (activityType.startsWith('USER_') || activityType.startsWith('COMMENT_')) {
+    if (activityType.startsWith('USER_') || activityType.startsWith('COMMENT_') || activityType.startsWith('SFDC_')) {
         return "startsWith(label, '" + activityType + "')";
     }
     else {

package/cjs/components/history/types/HistoryChangeTypes.d.ts

@@ -35,6 +35,7 @@ export declare const HistoryChangeTypes: {
     COMMENT_UPDATED: ActivityTypes.COMMENT_UPDATED;
     COMMENT_DELETED: ActivityTypes.COMMENT_DELETED;
     ANALYTICS_ATTRIBUTES_CHANGED: ActivityTypes.ANALYTICS_ATTRIBUTES_CHANGED;
+    SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE: ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE;
     GROUP_CREATED: ActivityTypes.GROUP_CREATED;
     GROUP_REMOVED: ActivityTypes.GROUP_REMOVED;
     GROUP_CHANGED: ActivityTypes.GROUP_CHANGED;

package/esm/components/BasicTableView/BasicTableHeader/ColumnsSettings/ColumnListItem.d.ts

@@ -1,5 +1,5 @@
 export default ColumnListItem;
-declare function ColumnListItem({ item, onClick, checked, level, style, isFocused, isGroupItem }: {
+declare function ColumnListItem({ item, onClick, checked, level, style, isFocused, isGroupItem, hideCheckBox }: {
     item: any;
     onClick: any;
     checked: any;
@@ -7,6 +7,7 @@ declare function ColumnListItem({ item, onClick, checked, level, style, isFocuse
     style: any;
     isFocused: any;
     isGroupItem: any;
+    hideCheckBox: any;
 }): JSX.Element;
 declare namespace ColumnListItem {
     namespace propTypes {
@@ -20,6 +21,7 @@ declare namespace ColumnListItem {
         const style: PropTypes.Requireable<object>;
         const isGroupItem: PropTypes.Requireable<boolean>;
         const isFocused: PropTypes.Requireable<boolean>;
+        const hideCheckBox: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from "prop-types";

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

@@ -6,9 +6,9 @@ import classnames from 'classnames';
 import { useStyles } from './styles';
 var ColumnListItem = function (_a) {
     var _b;
-    var item = _a.item, onClick = _a.onClick, checked = _a.checked, level = _a.level, style = _a.style, isFocused = _a.isFocused, isGroupItem = _a.isGroupItem;
+    var item = _a.item, onClick = _a.onClick, checked = _a.checked, level = _a.level, style = _a.style, isFocused = _a.isFocused, isGroupItem = _a.isGroupItem, hideCheckBox = _a.hideCheckBox;
     var styles = useStyles();
-    return (React.createElement(AttributeListItem, { key: item.id, onClick: onClick, checked: checked, level: level, data: item, label: React.createElement(Highlighter, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, isFocused: isFocused, hideIcon: isGroupItem, className: classnames((_b = {}, _b[styles.groupItem] = isGroupItem, _b)) }));
+    return (React.createElement(AttributeListItem, { hideCheckBox: hideCheckBox, key: item.id, onClick: onClick, checked: checked, level: level, data: item, label: React.createElement(Highlighter, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, isFocused: isFocused, hideIcon: isGroupItem, className: classnames((_b = {}, _b[styles.groupItem] = isGroupItem, _b)) }));
 };
 ColumnListItem.propTypes = {
     item: PropTypes.shape({
@@ -20,6 +20,7 @@ ColumnListItem.propTypes = {
     checked: PropTypes.bool,
     style: PropTypes.object,
     isGroupItem: PropTypes.bool,
-    isFocused: PropTypes.bool
+    isFocused: PropTypes.bool,
+    hideCheckBox: PropTypes.bool
 };
 export default ColumnListItem;

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

@@ -1,34 +1,17 @@
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, 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 { pipe, uniq, pluck, difference, concat } from 'ramda';
+import { ColumnsSettingsPopup } from './ColumnsSettingsPopup';
 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;
-var CONTAINER_HEADER_HEIGHT = 108;
-var MIN_CONTAINER_HEIGHT = 140;
+import { getChildColumns, isColumnSelected } from './columnHelpers';
 var ColumnsSettings = function (_a) {
     var columnsData = _a.columnsData, selectedColumns = _a.selectedColumns, onChangeColumns = _a.onChangeColumns, title = _a.title, tooltipTitle = _a.tooltipTitle;
-    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 = useState(''), filterText = _c[0], setFilterText = _c[1];
-    var clearFilter = function () { return setFilterText(''); };
-    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);
@@ -36,26 +19,9 @@ var ColumnsSettings = function (_a) {
             ? difference(selectedColumns, changedColumns)
             : uniq(concat(selectedColumns, changedColumns)));
     }, [selectedColumns, onChangeColumns]);
-    var handleSearchOnEnter = useCallback(function (_a) {
-        var item = _a.item;
-        return handleColumnClick(item);
-    }, [handleColumnClick]);
-    var _d = useKeyboardNavigation({
-        items: items,
-        open: open,
-        onSelectFocusedItem: handleSearchOnEnter,
-        selectedItems: selectedColumns
-    }), 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.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.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 }))));
+        React.createElement(ColumnsSettingsPopup, { onColumnClick: handleColumnClick, anchorEl: anchorEl, columnsData: columnsData, onClose: closePopup, title: title, selectedColumns: selectedColumns })));
 };
 ColumnsSettings.propTypes = {
     columnsData: ColumnsDataType,

package/esm/components/BasicTableView/BasicTableHeader/ColumnsSettings/ColumnsSettingsPopup.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+declare type Column = {
+    id: string;
+    label: string;
+};
+declare type GroupedColumnData = {
+    id: string;
+    label: string;
+    columns: Column[];
+} | Column;
+declare type Props = {
+    anchorEl: HTMLElement;
+    onClose: () => void;
+    title?: string;
+    columnsData: GroupedColumnData[];
+    onColumnClick: (column: {
+        id: string;
+    }) => void;
+    selectedColumns: string[];
+    hideCheckBox?: boolean;
+};
+export declare const ColumnsSettingsPopup: ({ anchorEl, onClose, title, columnsData, onColumnClick, selectedColumns, hideCheckBox }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,45 @@
+import React, { useState, useMemo, useCallback } from 'react';
+import i18n from 'ui-i18n';
+import { pipe } from 'ramda';
+import { getMaxItemWidth } from '@reltio/mdm-sdk';
+import VirtualGroupedList from '../../../VirtualGroupedList/VirtualGroupedList';
+import SelectionPopup from '../../../SelectionPopup/SelectionPopup';
+import { buildColumnItems, isColumnSelected, isGroupColumn } from './columnHelpers';
+import { flattenGroupedItemsData } from '../../../VirtualGroupedList/helpers';
+import { useKeyboardNavigation } from '../../../SelectionPopup/helpers';
+import ColumnListItem from './ColumnListItem';
+import { useStyles } from './styles';
+var ITEM_HEIGHT = 32;
+var MAX_LIST_CONTAINER_HEIGHT = 300;
+var DEFAULT_MIN_CONTAINER_WIDTH = 308;
+var CONTAINER_HEADER_HEIGHT = 108;
+var MIN_CONTAINER_HEIGHT = 140;
+export var ColumnsSettingsPopup = function (_a) {
+    var anchorEl = _a.anchorEl, onClose = _a.onClose, title = _a.title, columnsData = _a.columnsData, onColumnClick = _a.onColumnClick, selectedColumns = _a.selectedColumns, hideCheckBox = _a.hideCheckBox;
+    var styles = useStyles();
+    var _b = useState(''), filterText = _b[0], setFilterText = _b[1];
+    var clearFilter = function () { return setFilterText(''); };
+    var groupedItems = useMemo(function () { return buildColumnItems(columnsData, filterText); }, [columnsData, filterText]);
+    var items = useMemo(function () { return flattenGroupedItemsData(groupedItems); }, [groupedItems]);
+    var containerWidth = getMaxItemWidth('label')(groupedItems) || DEFAULT_MIN_CONTAINER_WIDTH;
+    var handleSearchOnEnter = useCallback(function (_a) {
+        var item = _a.item;
+        return onColumnClick(item);
+    }, [onColumnClick]);
+    var _c = useKeyboardNavigation({
+        items: items,
+        open: true,
+        onSelectFocusedItem: handleSearchOnEnter,
+        selectedItems: selectedColumns,
+        onClose: onClose
+    }), focusIndex = _c.focusIndex, handleKeyDown = _c.handleKeyDown;
+    var handleClose = useCallback(pipe(onClose, clearFilter), [onClose]);
+    var renderColumnItem = function (style, _a, index) {
+        var item = _a.item, _b = _a.level, level = _b === void 0 ? 0 : _b;
+        return (React.createElement(ColumnListItem, { hideCheckBox: hideCheckBox, style: style, item: item, level: level, isFocused: focusIndex === index, checked: isColumnSelected(selectedColumns, item), isGroupItem: isGroupColumn(item), onClick: hideCheckBox ? pipe(onColumnClick, handleClose) : onColumnClick }));
+    };
+    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.createElement(SelectionPopup, { className: styles.popup, open: !!anchorEl, anchorEl: anchorEl, onClose: handleClose, 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; }, focusIndex: focusIndex })));
+};

package/esm/components/BasicTableView/index.d.ts

@@ -4,6 +4,7 @@ export { TableContext as BasicTableContext } from "./BasicTable/contexts/TableCo
 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 { ColumnsSettingsPopup } from "./BasicTableHeader/ColumnsSettings/ColumnsSettingsPopup";
 export { default as BasicTablePagination } from "./BasicTablePagination/BasicTablePagination";
 export * from "./BasicTable/cell-value-renderers";
 export * from "./BasicTable/hooks";

package/esm/components/BasicTableView/index.js

@@ -4,6 +4,7 @@ export { TableContext as BasicTableContext } from './BasicTable/contexts/TableCo
 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 { ColumnsSettingsPopup } from './BasicTableHeader/ColumnsSettings/ColumnsSettingsPopup';
 export { default as BasicTablePagination } from './BasicTablePagination/BasicTablePagination';
 export * from './BasicTable/cell-value-renderers';
 export { default as defaultGetRowCellHeight } from './BasicTable/helpers/defaultGetRowCellHeight';

package/esm/components/activityLog/activities/ActivitiesFactory.js

@@ -8,6 +8,7 @@ import ProfileActivity from './ProfileActivity';
 import RelationActivity from './RelationActivity';
 import SearchActivity from './SearchActivity';
 import SimpleActivity from './SimpleActivity';
+import SynchronizationIssuesActivity from './SynchronizationIssuesActivity';
 import AddIcon from '../../../icons/Add';
 import CalendarTodayIcon from '@material-ui/icons/CalendarToday';
 import CommentIcon from '../../../icons/Comment';
@@ -62,6 +63,8 @@ var ActivitiesFactory = /** @class */ (function () {
             case ActivityTypes.PERIODIC_TASK_SCHEDULED:
             case ActivityTypes.USER_PROFILE_VIEW:
                 return React.createElement(SimpleActivity, { data: data, type: type });
+            case ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE:
+                return React.createElement(SynchronizationIssuesActivity, { data: data, type: type });
             default:
                 return React.createElement("div", null,
                     type,

package/esm/components/activityLog/activities/SynchronizationIssuesActivity.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ActivityData, ActivityTypes } from '../types';
+declare type Props = {
+    type: ActivityTypes;
+    data: ActivityData;
+};
+declare const SynchronizationIssuesActivity: ({ type, data }: Props) => JSX.Element;
+export default SynchronizationIssuesActivity;

package/esm/components/activityLog/activities/SynchronizationIssuesActivity.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import i18n from 'ui-i18n';
+import { isRelationUri } from '@reltio/mdm-sdk';
+import { parseJSON } from '../../../core';
+import ActivityTitle from './ActivityTitle/ActivityTitle';
+import EntityObject from './EntityObject/EntityObject';
+import { useStyles } from './styles';
+var SynchronizationIssuesActivity = function (_a) {
+    var type = _a.type, data = _a.data;
+    var styles = useStyles();
+    var description = parseJSON(data.description);
+    var itemsTotal = data.itemsTotal;
+    var objectUri = data.items[0].objectUri;
+    return (React.createElement(ActivityTitle, { type: type },
+        React.createElement(React.Fragment, null,
+            isRelationUri(objectUri) ? (React.createElement("span", { className: styles.relationUri }, objectUri)) : (React.createElement(EntityObject, { item: data.items[0] })),
+            description && React.createElement("div", { className: styles.objectLabel }, description.label)),
+        itemsTotal > 1 && (React.createElement("div", { className: styles.objectLabel }, i18n.text('(${itemsTotal} records)', { itemsTotal: itemsTotal })))));
+};
+export default SynchronizationIssuesActivity;

package/esm/components/activityLog/activities/styles.d.ts

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

package/esm/components/activityLog/activities/styles.js

@@ -10,5 +10,9 @@ export var useStyles = makeStyles(function (theme) { return ({
         color: theme.palette.text.secondary,
         lineHeight: '15px',
         fontWeight: 400
+    },
+    relationUri: {
+        color: theme.palette.text.primary,
+        fontWeight: 400
     }
 }); });

package/esm/components/activityLog/types/ActivityTypes.d.ts

@@ -24,6 +24,7 @@ export declare enum ActivityTypes {
     COMMENT_UPDATED = "COMMENT_UPDATED",
     COMMENT_DELETED = "COMMENT_DELETED",
     ANALYTICS_ATTRIBUTES_CHANGED = "ANALYTICS_ATTRIBUTES_CHANGED",
+    SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE = "SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE",
     GROUP_CREATED = "GROUP_CREATED",
     GROUP_REMOVED = "GROUP_REMOVED",
     GROUP_CHANGED = "GROUP_CHANGED"

package/esm/components/activityLog/types/ActivityTypes.js

@@ -25,6 +25,7 @@ export var ActivityTypes;
     ActivityTypes["COMMENT_UPDATED"] = "COMMENT_UPDATED";
     ActivityTypes["COMMENT_DELETED"] = "COMMENT_DELETED";
     ActivityTypes["ANALYTICS_ATTRIBUTES_CHANGED"] = "ANALYTICS_ATTRIBUTES_CHANGED";
+    ActivityTypes["SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE"] = "SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE";
     ActivityTypes["GROUP_CREATED"] = "GROUP_CREATED";
     ActivityTypes["GROUP_REMOVED"] = "GROUP_REMOVED";
     ActivityTypes["GROUP_CHANGED"] = "GROUP_CHANGED";

package/esm/components/activityLog/utils/activities.js

@@ -74,6 +74,7 @@ export var getActivityLabel = function (type) {
         _a[ActivityTypes.USER_PROFILE_VIEW] = i18n.text('Profile viewed'),
         _a[ActivityTypes.USER_SEARCH] = i18n.text('Searched'),
         _a[ActivityTypes.ANALYTICS_ATTRIBUTES_CHANGED] = i18n.text('Analytics attribute changed'),
+        _a[ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE] = i18n.text('SFDC connector synchronization issue'),
         _a);
     return labels[type] || '';
 };

package/esm/components/activityLog/utils/filters.js

@@ -6,7 +6,7 @@ var wrapInBrackets = function (str) { return "(" + str + ")"; };
 var multiValueFilter = function (filterClauseFn) { return function (values) { return values.map(filterClauseFn).join(' or '); }; };
 var buildUserFilterClause = function (user) { return "equals(user, '" + escapeQueryValue(user) + "')"; };
 var buildActivityFilterClause = function (activityType) {
-    if (activityType.startsWith('USER_') || activityType.startsWith('COMMENT_')) {
+    if (activityType.startsWith('USER_') || activityType.startsWith('COMMENT_') || activityType.startsWith('SFDC_')) {
         return "startsWith(label, '" + activityType + "')";
     }
     else {

package/esm/components/history/types/HistoryChangeTypes.d.ts

@@ -35,6 +35,7 @@ export declare const HistoryChangeTypes: {
     COMMENT_UPDATED: ActivityTypes.COMMENT_UPDATED;
     COMMENT_DELETED: ActivityTypes.COMMENT_DELETED;
     ANALYTICS_ATTRIBUTES_CHANGED: ActivityTypes.ANALYTICS_ATTRIBUTES_CHANGED;
+    SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE: ActivityTypes.SFDC_CONNECTOR_SYNCHRONIZATION_ISSUE;
     GROUP_CREATED: ActivityTypes.GROUP_CREATED;
     GROUP_REMOVED: ActivityTypes.GROUP_REMOVED;
     GROUP_CHANGED: ActivityTypes.GROUP_CHANGED;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1090",
+  "version": "1.4.1094",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1090",
-    "@reltio/mdm-sdk": "^1.4.1090",
+    "@reltio/mdm-module": "^1.4.1094",
+    "@reltio/mdm-sdk": "^1.4.1094",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",