@reltio/components 1.4.1818 → 1.4.1820

package/cjs/components/workflow/components/PrioritySelector/PrioritySelector.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
-var DropDownSelector_1 = __importDefault(require("../../../DropDownSelector/DropDownSelector"));
+var DropDownSelector_1 = require("../../../../DropDownSelector");
 var useWorkflowPriority_1 = require("../../hooks/useWorkflowPriority");
 var PrioritySelector = function (_a) {
     var taskId = _a.taskId, priority = _a.priority, isTaskOpen = _a.isTaskOpen, className = _a.className;
@@ -16,6 +16,6 @@ var PrioritySelector = function (_a) {
         isOpen: isTaskOpen
     }), priorities = _b.priorities, updatePriority = _b.updatePriority, updateRequestIsInProgress = _b.updateRequestIsInProgress, readOnly = _b.readOnly;
     var disabled = updateRequestIsInProgress || readOnly;
-    return (react_1.default.createElement(DropDownSelector_1.default, { className: className, isDisabled: disabled, options: priorities, onChange: updatePriority, hideSelectedOptions: false, label: ui_i18n_1.default.text('Priority'), value: priorities.find((0, ramda_1.propEq)('value', priority)), TextFieldProps: { disabled: disabled }, height: 40 }));
+    return (react_1.default.createElement(DropDownSelector_1.DropDownSelector, { className: className, isDisabled: disabled, options: priorities, onChange: updatePriority, hideSelectedOptions: false, label: ui_i18n_1.default.text('Priority'), value: priorities.find((0, ramda_1.propEq)('value', priority)), TextFieldProps: { disabled: disabled }, height: 40 }));
 };
 exports.default = PrioritySelector;

package/cjs/constants/index.d.ts

@@ -2,4 +2,5 @@ export { SortingType, ColumnFilterType, ColumnsDataType, QueryBuilderAttributeTy
 export { COMMENTS_CONTAINER_VISIBILITY_AREA } from './classnames';
 export { ALWAYS_VISIBLE_TYPE_URIS } from './attributes';
 export { MAP_DRAWING_MODES, DEFAULT_GOOGLE_MAP_OPTIONS, DEFAULT_OVERLAY_OPTIONS, MAP_MINIMUM_SCALE_RADIUS } from './map';
+export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';

package/cjs/constants/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.POPUP_Z_INDEX = exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.ALWAYS_VISIBLE_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeDataType = exports.QueryBuilderAttributeType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = void 0;
+exports.POPUP_Z_INDEX = exports.COMMON_TEXT_FIELD_PROPS = exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.ALWAYS_VISIBLE_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeDataType = exports.QueryBuilderAttributeType = exports.ColumnsDataType = exports.ColumnFilterType = exports.SortingType = void 0;
 var prop_types_1 = require("./prop-types");
 Object.defineProperty(exports, "SortingType", { enumerable: true, get: function () { return prop_types_1.SortingType; } });
 Object.defineProperty(exports, "ColumnFilterType", { enumerable: true, get: function () { return prop_types_1.ColumnFilterType; } });
@@ -16,5 +16,7 @@ Object.defineProperty(exports, "MAP_DRAWING_MODES", { enumerable: true, get: fun
 Object.defineProperty(exports, "DEFAULT_GOOGLE_MAP_OPTIONS", { enumerable: true, get: function () { return map_1.DEFAULT_GOOGLE_MAP_OPTIONS; } });
 Object.defineProperty(exports, "DEFAULT_OVERLAY_OPTIONS", { enumerable: true, get: function () { return map_1.DEFAULT_OVERLAY_OPTIONS; } });
 Object.defineProperty(exports, "MAP_MINIMUM_SCALE_RADIUS", { enumerable: true, get: function () { return map_1.MAP_MINIMUM_SCALE_RADIUS; } });
+var textField_1 = require("./textField");
+Object.defineProperty(exports, "COMMON_TEXT_FIELD_PROPS", { enumerable: true, get: function () { return textField_1.COMMON_TEXT_FIELD_PROPS; } });
 var common_1 = require("./common");
 Object.defineProperty(exports, "POPUP_Z_INDEX", { enumerable: true, get: function () { return common_1.POPUP_Z_INDEX; } });

package/cjs/constants/textField.d.ts

@@ -0,0 +1,7 @@
+export declare const COMMON_TEXT_FIELD_PROPS: {
+    variant: string;
+    size: string;
+    InputProps: {
+        hiddenLabel: boolean;
+    };
+};

package/cjs/constants/textField.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMMON_TEXT_FIELD_PROPS = void 0;
+exports.COMMON_TEXT_FIELD_PROPS = {
+    variant: 'filled',
+    size: 'small',
+    InputProps: { hiddenLabel: true }
+};

package/cjs/contexts/index.d.ts

@@ -33,4 +33,3 @@ export { ActionsHookProvider, useActionsHook } from './ActionsHookContext';
 export { ConfigPermissionsContext, ConfigPermissionsContextProvider, useAttributeValueConfigPermissions } from './ConfigPermissionsContext';
 export * from './MdmModuleContext';
 export { ReloadDataProvider, useReloadData } from './ReloadDataContext';
-export { RiaModeContext } from './RiaModeContext';

package/cjs/contexts/index.js

@@ -15,7 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
-exports.RiaModeContext = exports.useReloadData = exports.ReloadDataProvider = void 0;
+exports.useReloadData = exports.ReloadDataProvider = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -103,5 +103,3 @@ __exportStar(require("./MdmModuleContext"), exports);
 var ReloadDataContext_1 = require("./ReloadDataContext");
 Object.defineProperty(exports, "ReloadDataProvider", { enumerable: true, get: function () { return ReloadDataContext_1.ReloadDataProvider; } });
 Object.defineProperty(exports, "useReloadData", { enumerable: true, get: function () { return ReloadDataContext_1.useReloadData; } });
-var RiaModeContext_1 = require("./RiaModeContext");
-Object.defineProperty(exports, "RiaModeContext", { enumerable: true, get: function () { return RiaModeContext_1.RiaModeContext; } });

package/cjs/core/errors.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.showDefaultErrorMessage = exports.showErrorMessage = void 0;
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ErrorPopup_1 = __importDefault(require("../components/ErrorPopup/ErrorPopup"));
+var ErrorPopup_1 = require("../ErrorPopup");
 var showErrorMessage = function (error, params) {
     var _a = params || {}, _b = _a.title, title = _b === void 0 ? ui_i18n_1.default.text('Error') : _b, message = _a.message, defaultMessage = _a.defaultMessage;
     console.warn(error);
-    ErrorPopup_1.default.addError({
+    ErrorPopup_1.ErrorPopup.addError({
         title: title,
         message: message || (0, mdm_sdk_1.getRequestErrorMessage)(error, defaultMessage)
     });

package/cjs/features/activity-log/ActivitiesFactory/components/SimpleActivity/SimpleActivity.js

@@ -8,7 +8,7 @@ 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 EntityUriLink_1 = __importDefault(require("../../../../../components/EntityUriLink/EntityUriLink"));
+var EntityUriLink_1 = require("../../../../../EntityUriLink");
 var ActivityTitle_1 = require("../../../ActivityTitle");
 var ObjectLabel_1 = require("../ObjectLabel");
 var styles_1 = require("./styles");
@@ -18,7 +18,7 @@ var SimpleActivity = function (_a) {
     var description = (0, core_1.parseJSON)(data.description);
     var itemsTotal = data.itemsTotal;
     return (react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: type },
-        description && (react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: description.uri }, (0, mdm_sdk_1.getLabel)(description.label))),
+        description && (react_1.default.createElement(EntityUriLink_1.EntityUriLink, { className: styles.link, value: description.uri }, (0, mdm_sdk_1.getLabel)(description.label))),
         itemsTotal > 1 && react_1.default.createElement(ObjectLabel_1.ObjectLabel, { label: ui_i18n_1.default.text('(${itemsTotal} records)', { itemsTotal: itemsTotal }) })));
 };
 exports.SimpleActivity = SimpleActivity;

package/cjs/features/activity-log/ActivityFilterEditor/components/ActivitySelector/ActivitySelector.js

@@ -9,9 +9,9 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var types_1 = require("../../../types");
 var MultiSelect_1 = __importDefault(require("../../../../../components/ReactSelect/MultiSelect"));
-var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../../../../components/commonReactSelectComponents/DropdownIndicatorWithIconButton"));
+var ReactSelectDropdownIndicatorWithIconButton_1 = require("../../../../../ReactSelectDropdownIndicatorWithIconButton");
+var types_1 = require("../../../types");
 var activities_1 = require("../../../utils/activities");
 var styles_1 = require("../../styles");
 var ActivitySelector = function (_a) {
@@ -27,7 +27,7 @@ var ActivitySelector = function (_a) {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {
-                DropdownIndicator: DropdownIndicatorWithIconButton_1.default
+                DropdownIndicator: ReactSelectDropdownIndicatorWithIconButton_1.ReactSelectDropdownIndicatorWithIconButton
             }, styles: styles_1.customStyles, classes: styles, menuPlacement: "bottom", menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false }),
         showHint && (react_1.default.createElement("span", { className: styles.selectorHint }, ui_i18n_1.default.text('One at a time! Select a single Activity and any of its filters -OR- multiple Activities with no filters.')))));
 };

package/cjs/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/DateRangeSelector.js

@@ -47,9 +47,9 @@ var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel
 var Radio_1 = __importDefault(require("@mui/material/Radio"));
 var RadioGroup_1 = __importDefault(require("@mui/material/RadioGroup"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var DateIntervalSelector_1 = __importDefault(require("../../../../../components/DateIntervalSelector/DateIntervalSelector"));
+var DateIntervalSelector_1 = require("../../../../../DateIntervalSelector");
 var utils_1 = require("../../../../../core/utils");
-var CustomDateRangeEditor_1 = __importDefault(require("../../../../../components/editors/CustomDateRangeEditor/CustomDateRangeEditor"));
+var CustomDateRangeEditor_1 = require("../../../../../CustomDateRangeEditor");
 var useDidUpdateEffect_1 = require("../../../../../hooks/useDidUpdateEffect");
 var styles_1 = require("../../styles");
 var emptyDates = [null, null];
@@ -113,13 +113,13 @@ var DateRangeSelector = function (_a) {
         react_1.default.createElement(RadioGroup_1.default, { value: (value === null || value === void 0 ? void 0 : value.type) || null, onChange: (0, ramda_1.pipe)(utils_1.getValue, changeType) },
             react_1.default.createElement("div", { className: styles.dateOptionWithin },
                 react_1.default.createElement(FormControlLabel_1.default, { value: mdm_sdk_1.DateRangeTypes.WITHIN, control: react_1.default.createElement(Radio_1.default, { color: "primary" }), label: ui_i18n_1.default.text('Within the last'), classes: { label: (0, classnames_1.default)(styles.dateOptionLabel, styles.labels) } }),
-                react_1.default.createElement(DateIntervalSelector_1.default, { interval: withinInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.WITHIN); } })),
+                react_1.default.createElement(DateIntervalSelector_1.DateIntervalSelector, { interval: withinInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.WITHIN); } })),
             react_1.default.createElement("div", { className: styles.dateOptionAgo },
                 react_1.default.createElement(FormControlLabel_1.default, { value: mdm_sdk_1.DateRangeTypes.AGO, control: react_1.default.createElement(Radio_1.default, { color: "primary" }), label: ui_i18n_1.default.text('More than'), classes: { label: (0, classnames_1.default)(styles.dateOptionLabel, styles.labels) } }),
-                react_1.default.createElement(DateIntervalSelector_1.default, { interval: agoInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.AGO); } }),
+                react_1.default.createElement(DateIntervalSelector_1.DateIntervalSelector, { interval: agoInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.AGO); } }),
                 react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.agoLabel, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Ago'))),
             react_1.default.createElement("div", { className: styles.dateOption },
                 react_1.default.createElement(FormControlLabel_1.default, { value: mdm_sdk_1.DateRangeTypes.BETWEEN, control: react_1.default.createElement(Radio_1.default, { color: "primary" }), label: ui_i18n_1.default.text('Date range'), classes: { label: (0, classnames_1.default)(styles.dateOptionLabel, styles.labels) } }),
-                react_1.default.createElement(CustomDateRangeEditor_1.default, { values: datesInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.BETWEEN); } })))));
+                react_1.default.createElement(CustomDateRangeEditor_1.CustomDateRangeEditor, { values: datesInterval, onChange: changePeriod, onFocus: function () { return changeType(mdm_sdk_1.DateRangeTypes.BETWEEN); } })))));
 };
 exports.DateRangeSelector = DateRangeSelector;

package/cjs/features/activity-log/ActivityFilterEditor/components/DateRangeSelector/DateRangeSelector.specs.js

@@ -21,9 +21,9 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
 var RadioGroup_1 = __importDefault(require("@mui/material/RadioGroup"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var CustomDateRangeEditor_1 = require("../../../../../CustomDateRangeEditor");
+var DateIntervalSelector_1 = require("../../../../../DateIntervalSelector");
 var DateRangeSelector_1 = require("./DateRangeSelector");
-var DateIntervalSelector_1 = __importDefault(require("../../../../../components/DateIntervalSelector/DateIntervalSelector"));
-var CustomDateRangeEditor_1 = __importDefault(require("../../../../../components/editors/CustomDateRangeEditor/CustomDateRangeEditor"));
 describe('DateRangeSelector tests', function () {
     var value = {
         type: mdm_sdk_1.DateRangeTypes.WITHIN,
@@ -109,7 +109,7 @@ describe('DateRangeSelector tests', function () {
         var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
         var withinOption = wrapper.find('.dateOptionWithin');
         (0, test_utils_1.act)(function () {
-            withinOption.find(DateIntervalSelector_1.default).prop('onChange')([3, 'days']);
+            withinOption.find(DateIntervalSelector_1.DateIntervalSelector).prop('onChange')([3, 'days']);
         });
         wrapper.update();
         var newValue = {
@@ -130,7 +130,7 @@ describe('DateRangeSelector tests', function () {
         var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, props)));
         var agoOption = wrapper.find('.dateOptionAgo');
         (0, test_utils_1.act)(function () {
-            agoOption.find(DateIntervalSelector_1.default).prop('onChange')([17, 'days']);
+            agoOption.find(DateIntervalSelector_1.DateIntervalSelector).prop('onChange')([17, 'days']);
         });
         wrapper.update();
         var newValue = {
@@ -151,7 +151,7 @@ describe('DateRangeSelector tests', function () {
         var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, props)));
         var betweenOption = wrapper.find('.dateOption');
         (0, test_utils_1.act)(function () {
-            betweenOption.find(CustomDateRangeEditor_1.default).prop('onChange')([new Date(234), new Date(567)]);
+            betweenOption.find(CustomDateRangeEditor_1.CustomDateRangeEditor).prop('onChange')([new Date(234), new Date(567)]);
         });
         wrapper.update();
         var newValue = {
@@ -163,23 +163,23 @@ describe('DateRangeSelector tests', function () {
     it('should render correctly if value is null', function () {
         var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps, { value: null })));
         expect(wrapper.find(RadioGroup_1.default).prop('value')).toBe(null);
-        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector_1.default).prop('interval')).toEqual([
+        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([
             null,
             'minutes'
         ]);
-        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector_1.default).prop('interval')).toEqual([null, 'minutes']);
-        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor_1.default).prop('values')).toEqual([null, null]);
+        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([null, 'minutes']);
+        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor_1.CustomDateRangeEditor).prop('values')).toEqual([null, null]);
     });
     it('should apply null value from props correctly', function () {
         var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DateRangeSelector_1.DateRangeSelector, __assign({}, defaultProps)));
         wrapper.setProps({ value: null });
         wrapper.update();
         expect(wrapper.find(RadioGroup_1.default).prop('value')).toBe(null);
-        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector_1.default).prop('interval')).toEqual([
+        expect(wrapper.find('.dateOptionWithin').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([
             null,
             'minutes'
         ]);
-        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector_1.default).prop('interval')).toEqual([null, 'minutes']);
-        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor_1.default).prop('values')).toEqual([null, null]);
+        expect(wrapper.find('.dateOptionAgo').find(DateIntervalSelector_1.DateIntervalSelector).prop('interval')).toEqual([null, 'minutes']);
+        expect(wrapper.find('.dateOption').find(CustomDateRangeEditor_1.CustomDateRangeEditor).prop('values')).toEqual([null, null]);
     });
 });

package/cjs/features/activity-log/ActivityFilterEditor/components/EntityTypesSelector/EntityTypesSelector.js

@@ -10,7 +10,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var MultiSelect_1 = __importDefault(require("../../../../../components/ReactSelect/MultiSelect"));
-var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../../../../components/commonReactSelectComponents/DropdownIndicatorWithIconButton"));
+var ReactSelectDropdownIndicatorWithIconButton_1 = require("../../../../../ReactSelectDropdownIndicatorWithIconButton");
 var styles_1 = require("../../styles");
 var EntityTypesSelector = function (_a) {
     var entityTypes = _a.entityTypes, selectedEntityTypes = _a.selectedEntityTypes, onChange = _a.onChange;
@@ -24,7 +24,7 @@ var EntityTypesSelector = function (_a) {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {
-                DropdownIndicator: DropdownIndicatorWithIconButton_1.default
+                DropdownIndicator: ReactSelectDropdownIndicatorWithIconButton_1.ReactSelectDropdownIndicatorWithIconButton
             }, styles: styles_1.customStyles, classes: styles, menuPlacement: "bottom", menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false })));
 };
 exports.EntityTypesSelector = EntityTypesSelector;

package/cjs/features/activity-log/ActivityFilterEditor/components/SourceSelector/SourceSelector.js

@@ -10,7 +10,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var MultiSelect_1 = __importDefault(require("../../../../../components/ReactSelect/MultiSelect"));
-var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../../../../components/commonReactSelectComponents/DropdownIndicatorWithIconButton"));
+var ReactSelectDropdownIndicatorWithIconButton_1 = require("../../../../../ReactSelectDropdownIndicatorWithIconButton");
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var styles_1 = require("../../styles");
 var SourceSelector = function (_a) {
@@ -24,7 +24,7 @@ var SourceSelector = function (_a) {
                 InputProps: { disableUnderline: true },
                 classes: { root: styles.dropDownInput }
             }, components: {
-                DropdownIndicator: DropdownIndicatorWithIconButton_1.default
+                DropdownIndicator: ReactSelectDropdownIndicatorWithIconButton_1.ReactSelectDropdownIndicatorWithIconButton
             }, styles: styles_1.customStyles, classes: styles, getOptionValue: (0, ramda_1.prop)('abbreviation'), menuPlacement: "bottom", menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false })));
 };
 exports.SourceSelector = SourceSelector;

package/cjs/features/activity-log/ActivityLog/components/GroupItem/GroupItem.js

@@ -9,7 +9,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Spacer_1 = __importDefault(require("../../../../../components/Spacer/Spacer"));
-var CollapseButton_1 = __importDefault(require("../../../../../components/CollapseButton/CollapseButton"));
+var CollapseButton_1 = require("../../../../../CollapseButton");
 var styles_1 = require("./styles");
 var GroupItem = function (_a) {
     var _b = _a.item, index = _b.index, timestamp = _b.timestamp, collapsed = _b.collapsed, onToggle = _a.onToggle;
@@ -18,6 +18,6 @@ var GroupItem = function (_a) {
         react_1.default.createElement("div", { className: styles.groupIcon }),
         react_1.default.createElement(Typography_1.default, { className: styles.groupTitle, variant: 'subtitle1' }, (0, mdm_sdk_1.isToday)(timestamp) ? ui_i18n_1.default.text('Today') : ui_i18n_1.default.date(timestamp, 'LL')),
         react_1.default.createElement(Spacer_1.default, null),
-        react_1.default.createElement(CollapseButton_1.default, { isOpen: !collapsed, onClick: function () { return onToggle(index); } })));
+        react_1.default.createElement(CollapseButton_1.CollapseButton, { isOpen: !collapsed, onClick: function () { return onToggle(index); } })));
 };
 exports.GroupItem = GroupItem;

package/cjs/features/activity-log/EntityObject/EntityObject.js

@@ -7,7 +7,7 @@ exports.EntityObject = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var EntityUriLink_1 = __importDefault(require("../../../components/EntityUriLink/EntityUriLink"));
+var EntityUriLink_1 = require("../../../EntityUriLink");
 var types_1 = require("../types");
 var styles_1 = require("./styles");
 var EntityObject = function (_a) {
@@ -15,6 +15,6 @@ var EntityObject = function (_a) {
     var styles = (0, styles_1.useStyles)();
     var objectLabel = item.objectLabel, objectUri = item.objectUri, data = item.data;
     var isRemoved = (data === null || data === void 0 ? void 0 : data.type) === types_1.ActivityTypes.ENTITY_REMOVED;
-    return (react_1.default.createElement(EntityUriLink_1.default, { className: (0, classnames_1.default)(styles.link, { removed: isRemoved }), value: objectUri }, (0, mdm_sdk_1.getLabel)(objectLabel)));
+    return (react_1.default.createElement(EntityUriLink_1.EntityUriLink, { className: (0, classnames_1.default)(styles.link, { removed: isRemoved }), value: objectUri }, (0, mdm_sdk_1.getLabel)(objectLabel)));
 };
 exports.EntityObject = EntityObject;

package/cjs/features/activity-log/PotentialMatchRecord/components/PotentialMatchField/PotentialMatchField.js

@@ -7,7 +7,7 @@ exports.PotentialMatchField = void 0;
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var EntityUriLink_1 = __importDefault(require("../../../../../components/EntityUriLink/EntityUriLink"));
+var EntityUriLink_1 = require("../../../../../EntityUriLink");
 var CollapsibleItemsContext_1 = require("../../../contexts/CollapsibleItemsContext");
 var MoreItemsLink_1 = require("../../../MoreItemsLink");
 var Field_1 = require("../../../Field");
@@ -24,7 +24,7 @@ var PotentialMatchField = function (_a) {
     var type = data === null || data === void 0 ? void 0 : data.type;
     return (react_1.default.createElement(Field_1.Field, { fieldName: (0, helpers_1.getFieldName)(type) },
         itemsToShow
-            .map(function (url, index) { return (react_1.default.createElement(EntityUriLink_1.default, { key: index, value: url, className: styles.link }, (0, mdm_sdk_1.getLabel)(data[url]))); })
+            .map(function (url, index) { return (react_1.default.createElement(EntityUriLink_1.EntityUriLink, { key: index, value: url, className: styles.link }, (0, mdm_sdk_1.getLabel)(data[url]))); })
             .reduce(function (prev, curr) { return [prev, ', ', curr]; }),
         collapsedItemsCount ? (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("span", { className: styles.andLabel },

package/cjs/features/activity-log/RelationObject/RelationObject.js

@@ -7,15 +7,15 @@ exports.RelationObject = void 0;
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var EntityUriLink_1 = __importDefault(require("../../../components/EntityUriLink/EntityUriLink"));
+var EntityUriLink_1 = require("../../../EntityUriLink");
 var styles_1 = require("./styles");
 var RelationObject = function (_a) {
     var item = _a.item;
     var styles = (0, styles_1.useStyles)();
     var startObjectLabel = item.startObjectLabel, startObjectUri = item.startObjectUri, endObjectLabel = item.endObjectLabel, endObjectUri = item.endObjectUri;
     return (react_1.default.createElement("span", { className: styles.relationship },
-        react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: startObjectUri }, (0, mdm_sdk_1.getLabel)(startObjectLabel)),
+        react_1.default.createElement(EntityUriLink_1.EntityUriLink, { className: styles.link, value: startObjectUri }, (0, mdm_sdk_1.getLabel)(startObjectLabel)),
         react_1.default.createElement("span", { className: styles.delimiter }, ui_i18n_1.default.text('to')),
-        react_1.default.createElement(EntityUriLink_1.default, { className: styles.link, value: endObjectUri }, (0, mdm_sdk_1.getLabel)(endObjectLabel))));
+        react_1.default.createElement(EntityUriLink_1.EntityUriLink, { className: styles.link, value: endObjectUri }, (0, mdm_sdk_1.getLabel)(endObjectLabel))));
 };
 exports.RelationObject = RelationObject;

package/cjs/features/crosswalks/AttributesTable/AttributesTable.js

@@ -0,0 +1,147 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var BasicTable_1 = require("../../../BasicTable");
+var ColumnsSettings_1 = require("../../../ColumnsSettings");
+var useDynamicRowCellHeight_1 = require("../../../hooks/useDynamicRowCellHeight");
+var BasicViewHeader_1 = require("../../../BasicViewHeader");
+var LinearLoadIndicator_1 = __importDefault(require("../../../components/LinearLoadIndicator/LinearLoadIndicator"));
+var ConfirmDeleteDialog_1 = require("../../../ConfirmDeleteDialog");
+var core_1 = require("../../../core");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var helpers_1 = require("./helpers");
+var ConfirmEditIgnoredDialog_1 = require("./components/ConfirmEditIgnoredDialog");
+var CommonRowCellRenderer_1 = require("./components/CommonRowCellRenderer");
+var styles_1 = require("./styles");
+var DEFAULT_ROW_HEIGHT = 68;
+var getIdFromRowValue = function (rowValue) { return rowValue.ovValues.attributeType.uri; };
+var getRowCellKey = function (_a) {
+    var id = _a.columnData.id, cellIndex = _a.cellIndex, rowValue = _a.rowValue;
+    return "".concat(id, "[").concat(getIdFromRowValue(rowValue), "][").concat(cellIndex, "]");
+};
+var AttributesTable = function (_a) {
+    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? helpers_1.DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? core_1.noop : _c, _d = _a.onPin, onPin = _d === void 0 ? core_1.noop : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? core_1.noop : _e, _f = _a.onEdit, onEdit = _f === void 0 ? core_1.noop : _f, _g = _a.onAdd, onAdd = _g === void 0 ? core_1.noop : _g, emptyTempAttributeUris = _a.emptyTempAttributeUris, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? core_1.noop : _h, additionalHeaderItems = _a.additionalHeaderItems, className = _a.className, activeSurvivorshipGroupUri = _a.activeSurvivorshipGroupUri;
+    var styles = (0, styles_1.useStyles)();
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var visibleColumnsData = (0, react_1.useMemo)(function () {
+        return (0, ramda_1.pipe)((0, ramda_1.filter)(function (_a) {
+            var id = _a.id;
+            return visibleColumns.includes(id);
+        }), helpers_1.getBasicTableColumnsData)(helpers_1.COLUMNS_DATA);
+    }, [visibleColumns]);
+    var _j = entity || {}, parentTypeUri = _j.type, parentUri = _j.uri, _k = _j.attributes, attributes = _k === void 0 ? {} : _k;
+    (0, react_1.useEffect)(function () {
+        if (entity && (0, ramda_1.isNil)(selectedAttributeTypes)) {
+            var initialAttrTypes = (0, ramda_1.pipe)(ramda_1.keys, (0, ramda_1.without)(['paging']), (0, ramda_1.map)((0, mdm_sdk_1.makeAttrTypeUri)(parentTypeUri)), (0, ramda_1.map)(function (attrTypeUri) { return (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, attrTypeUri, parentTypeUri); }), (0, ramda_1.filter)((0, ramda_1.both)(ramda_1.identity, mdm_sdk_1.isReadableAttribute)))(attributes);
+            onSelectAttributeTypes(initialAttrTypes);
+        }
+    }, [entity, selectedAttributeTypes]);
+    var rowsData = (0, react_1.useMemo)(function () {
+        return parentTypeUri
+            ? (0, helpers_1.getBasicTableRowsData)(metadata, parentTypeUri, selectedAttributeTypes, visibleColumns, crosswalksMap, attributes, activeSurvivorshipGroupUri)
+            : [];
+    }, [
+        metadata,
+        parentTypeUri,
+        selectedAttributeTypes,
+        visibleColumns,
+        attributes,
+        crosswalksMap,
+        activeSurvivorshipGroupUri
+    ]);
+    var _l = (0, useDynamicRowCellHeight_1.useDynamicRowCellHeight)(getRowCellKey), getDynamicRowCellHeight = _l.getDynamicRowCellHeight, changeRowCellHeight = _l.changeRowCellHeight;
+    var renderRowCell = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(CommonRowCellRenderer_1.CommonRowCellRenderer, __assign({ changeRowCellHeight: changeRowCellHeight }, props)); }, [changeRowCellHeight]);
+    var getRowCellHeight = (0, react_1.useCallback)((0, ramda_1.either)(getDynamicRowCellHeight, (0, ramda_1.always)(DEFAULT_ROW_HEIGHT)), [
+        getDynamicRowCellHeight
+    ]);
+    var _m = (0, react_1.useState)(null), pendingDeletion = _m[0], setPendingDeletion = _m[1];
+    var _o = (0, react_1.useState)(null), pendingIgnoredEditing = _o[0], setPendingIgnoredEditing = _o[1];
+    var handleEdit = (0, react_1.useCallback)(function (event) {
+        event.attributeValue.ignored ? setPendingIgnoredEditing(event) : onEdit(event);
+    }, [onEdit, setPendingIgnoredEditing]);
+    var handleReorderAttributeTypes = (0, react_1.useCallback)(function (oldPosition, newPosition) {
+        onSelectAttributeTypes((0, ramda_1.move)(oldPosition, newPosition, selectedAttributeTypes));
+    }, [onSelectAttributeTypes, selectedAttributeTypes]);
+    var handleDelete = (0, react_1.useCallback)(pendingDeletion ? function () { return onDelete(pendingDeletion); } : core_1.noop, [
+        pendingDeletion,
+        onDelete
+    ]);
+    var tableContext = (0, react_1.useMemo)(function () { return ({
+        onDelete: setPendingDeletion,
+        onPin: onPin,
+        onIgnore: onIgnore,
+        onEdit: handleEdit,
+        onAdd: onAdd,
+        parentUri: parentUri,
+        parentTypeUri: parentTypeUri,
+        selectedAttributeTypes: selectedAttributeTypes,
+        onSelectAttributeTypes: onSelectAttributeTypes,
+        emptyTempAttributeUris: emptyTempAttributeUris,
+        readOnly: readOnly
+    }); }, [
+        setPendingDeletion,
+        onPin,
+        onIgnore,
+        handleEdit,
+        onAdd,
+        parentUri,
+        parentTypeUri,
+        selectedAttributeTypes,
+        onSelectAttributeTypes,
+        emptyTempAttributeUris,
+        readOnly
+    ]);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.tableContainer, className) },
+        react_1.default.createElement(BasicViewHeader_1.BasicViewHeader, { classes: { root: styles.tableHeader, title: styles.tableTitle }, title: ui_i18n_1.default.text('Sources') },
+            additionalHeaderItems,
+            react_1.default.createElement(ColumnsSettings_1.ColumnsSettings, { columnsData: helpers_1.COLUMNS_DATA, selectedColumns: visibleColumns, onChangeColumns: onChangeVisibleColumns })),
+        react_1.default.createElement("div", { className: styles.tableContent },
+            isLoading && react_1.default.createElement(LinearLoadIndicator_1.default, null),
+            react_1.default.createElement(BasicTable_1.BasicTable, { fixFirstColumn: true, headRowHeight: 48, defaultColumnWidth: 250, defaultColumnMinWidth: 200, columnsData: visibleColumnsData, dndRowReorderingEnabled: false, dndRowReorderingHandler: handleReorderAttributeTypes, getIdFromRowValue: getIdFromRowValue, rowsData: rowsData, renderRowCell: renderRowCell, getRowCellHeight: getRowCellHeight, context: tableContext })),
+        react_1.default.createElement(ConfirmDeleteDialog_1.ConfirmDeleteDialog, { open: !!pendingDeletion, onClose: function () { return setPendingDeletion(null); }, onConfirm: handleDelete }),
+        react_1.default.createElement(ConfirmEditIgnoredDialog_1.ConfirmEditIgnoredDialog, { open: !!pendingIgnoredEditing, onClose: function () { return setPendingIgnoredEditing(null); }, onConfirmEditWithIgnore: function () { return pendingIgnoredEditing && onEdit(pendingIgnoredEditing); }, onConfirmEditWithoutIgnore: function () {
+                pendingIgnoredEditing && onEdit(__assign(__assign({}, pendingIgnoredEditing), { clearAttributeFlags: true }));
+            } })));
+};
+exports.default = (0, react_1.memo)(AttributesTable);

package/cjs/features/crosswalks/AttributesTable/AttributesTable.test.d.ts

@@ -0,0 +1 @@
+export {};