@reltio/components 1.4.1790 → 1.4.1824-hf

package/cjs/components/crosswalks/AttributesTable/AttributesTable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AttributeType, Entity, Relation } from '@reltio/mdm-sdk';
-import { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../../types/inlineAttributes';
+import { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../attributes/inline';
 import { CrosswalksByOwnerTypeMap } from '../types';
 type Props = {
     entity?: Entity | Relation;

package/cjs/components/crosswalks/AttributesTable/AttributesTable.js

@@ -41,10 +41,8 @@ var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 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 BasicTableView_1 = require("../../BasicTableView");
+var BasicViewHeader_1 = __importDefault(require("../../BasicViewHeader/BasicViewHeader"));
 var CommonRowCellRenderer_1 = require("./cell-renderers/CommonRowCellRenderer");
 var helpers_1 = require("./helpers");
 var ramda_1 = require("ramda");
@@ -90,7 +88,7 @@ var AttributesTable = function (_a) {
         crosswalksMap,
         activeSurvivorshipGroupUri
     ]);
-    var _l = (0, useDynamicRowCellHeight_1.useDynamicRowCellHeight)(getRowCellKey), getDynamicRowCellHeight = _l.getDynamicRowCellHeight, changeRowCellHeight = _l.changeRowCellHeight;
+    var _l = (0, BasicTableView_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
@@ -133,12 +131,12 @@ var AttributesTable = function (_a) {
         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') },
+        react_1.default.createElement(BasicViewHeader_1.default, { 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(BasicTableView_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(BasicTableView_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.default, { open: !!pendingDeletion, onClose: function () { return setPendingDeletion(null); }, onConfirm: handleDelete }),
         react_1.default.createElement(ConfirmEditIgnoredDialog_1.default, { open: !!pendingIgnoredEditing, onClose: function () { return setPendingIgnoredEditing(null); }, onConfirmEditWithIgnore: function () { return onEdit(pendingIgnoredEditing); }, onConfirmEditWithoutIgnore: function () {
                 onEdit(__assign(__assign({}, pendingIgnoredEditing), { clearAttributeFlags: true }));

package/cjs/components/crosswalks/AttributesTable/ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     open: boolean;
     onClose: () => void;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../../../types/inlineAttributes';
+import { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../../attributes/inline';
 import { AttributeValues } from '../../types';
 type Props = {
     value: AttributeValues;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.js

@@ -16,11 +16,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AttributeValuesRenderer = void 0;
 var AttributesFactory_1 = __importDefault(require("./attribute-renderers/AttributesFactory"));
+var BasicTableView_1 = require("../../../BasicTableView");
 var ramda_1 = require("ramda");
-var withTableContext_1 = require("../../../../HOCs/withTableContext");
 var AttributeValuesRenderer = function (_a) {
     var value = _a.value, onDelete = _a.onDelete, onEdit = _a.onEdit, onPin = _a.onPin, onIgnore = _a.onIgnore, onAdd = _a.onAdd, emptyTempAttributeUris = _a.emptyTempAttributeUris, parentUri = _a.parentUri, readOnly = _a.readOnly;
     return AttributesFactory_1.default.build(value.attributeType.type, __assign(__assign({}, value), { parentUri: parentUri, onDelete: onDelete, onEdit: onEdit, onPin: onPin, onIgnore: onIgnore, onAdd: onAdd, emptyTempAttributeUris: emptyTempAttributeUris, disableEdit: readOnly, disableDelete: readOnly }));
 };
 exports.AttributeValuesRenderer = AttributeValuesRenderer;
-exports.default = (0, withTableContext_1.withTableContext)((0, ramda_1.pick)(['onDelete', 'onPin', 'onIgnore', 'onEdit', 'onAdd', 'parentUri', 'readOnly', 'emptyTempAttributeUris']))(exports.AttributeValuesRenderer);
+exports.default = (0, BasicTableView_1.withTableContext)((0, ramda_1.pick)(['onDelete', 'onPin', 'onIgnore', 'onEdit', 'onAdd', 'parentUri', 'readOnly', 'emptyTempAttributeUris']))(exports.AttributeValuesRenderer);

package/cjs/components/crosswalks/AttributesTable/cell-renderers/AttributesHeadCellRenderer.js

@@ -30,7 +30,7 @@ var react_1 = __importDefault(require("react"));
 var HeadCellRenderer_1 = __importDefault(require("./HeadCellRenderer"));
 var AddAttributesButton_1 = __importDefault(require("../AddAttributesButton/AddAttributesButton"));
 var Spacer_1 = __importDefault(require("../../../Spacer/Spacer"));
-var withTableContext_1 = require("../../../../HOCs/withTableContext");
+var BasicTableView_1 = require("../../../BasicTableView");
 var ramda_1 = require("ramda");
 var AttributesHeadCellRenderer = function (_a) {
     var readOnly = _a.readOnly, props = __rest(_a, ["readOnly"]);
@@ -39,4 +39,4 @@ var AttributesHeadCellRenderer = function (_a) {
         react_1.default.createElement(AddAttributesButton_1.default, null)));
 };
 exports.AttributesHeadCellRenderer = AttributesHeadCellRenderer;
-exports.default = (0, withTableContext_1.withTableContext)((0, ramda_1.pick)(['readOnly']))(exports.AttributesHeadCellRenderer);
+exports.default = (0, BasicTableView_1.withTableContext)((0, ramda_1.pick)(['readOnly']))(exports.AttributesHeadCellRenderer);

package/cjs/components/crosswalks/AttributesTable/cell-renderers/CommonRowCellRenderer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RowCellAutoSizer } from '../../../../RowCellAutoSizer';
+import { RowCellAutoSizer } from '../../../BasicTableView';
 import { RowCellRendererProps } from '../../types';
 type RowCellAutoSizerProps = React.ComponentProps<typeof RowCellAutoSizer>;
 type Props = {

package/cjs/components/crosswalks/AttributesTable/cell-renderers/CommonRowCellRenderer.js

@@ -29,13 +29,13 @@ exports.CommonRowCellRenderer = void 0;
 var react_1 = __importDefault(require("react"));
 var RowCellRenderer_1 = __importDefault(require("./RowCellRenderer"));
 // eslint-disable-next-line import/named
-var RowCellAutoSizer_1 = require("../../../../RowCellAutoSizer");
+var BasicTableView_1 = require("../../../BasicTableView");
 var CommonRowCellRenderer = function (_a) {
     var changeRowCellHeight = _a.changeRowCellHeight, otherProps = __rest(_a, ["changeRowCellHeight"]);
     if (otherProps.isDragLayer) {
         return react_1.default.createElement(RowCellRenderer_1.default, __assign({}, otherProps, { someRowIsDragging: false }));
     }
-    return (react_1.default.createElement(RowCellAutoSizer_1.RowCellAutoSizer, __assign({ onChangeHeight: changeRowCellHeight }, otherProps),
+    return (react_1.default.createElement(BasicTableView_1.RowCellAutoSizer, __assign({ onChangeHeight: changeRowCellHeight }, otherProps),
         react_1.default.createElement(RowCellRenderer_1.default, __assign({}, otherProps))));
 };
 exports.CommonRowCellRenderer = CommonRowCellRenderer;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/CountRenderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     value: number;
 };

package/cjs/components/crosswalks/AttributesTable/cell-renderers/DefaultCellValueRenderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     value: unknown;
 };

package/cjs/components/crosswalks/AttributesTable/cell-renderers/OvValuesRenderer.js

@@ -5,19 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
-var ReadOnlyAttributeValuesBlock_1 = require("../../../../ReadOnlyAttributeValuesBlock");
+var AttributeValuesBlock_1 = __importDefault(require("../../../attributes/readMode/AttributeValuesBlock/AttributeValuesBlock"));
 var Title_1 = __importDefault(require("../../../Title/Title"));
-var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var OvValuesRenderer = function (_a) {
     var _b = _a.value, values = _b.values, attributeType = _b.attributeType, someRowIsDragging = _a.someRowIsDragging, dragRef = _a.dragRef;
     var styles = (0, styles_1.useStyles)();
-    var entity = (0, contexts_1.useMdmEntity)();
     return (react_1.default.createElement("div", { className: styles.cellValueWrapper },
         react_1.default.createElement("div", { ref: dragRef, className: styles.dragIndicator },
             react_1.default.createElement(DragIndicator_1.default, { className: styles.dragIndicatorIcon })),
         react_1.default.createElement(Title_1.default, { className: styles.attributeTitle, label: attributeType.label }),
-        !someRowIsDragging && (react_1.default.createElement(contexts_1.EntityContext.Provider, { value: entity },
-            react_1.default.createElement(ReadOnlyAttributeValuesBlock_1.ReadOnlyAttributeValuesBlock, { values: values, attributeType: attributeType, valueContainerClassName: styles.ovValue })))));
+        !someRowIsDragging && (react_1.default.createElement(AttributeValuesBlock_1.default, { values: values, attributeType: attributeType, valueContainerClassName: styles.ovValue }))));
 };
 exports.default = OvValuesRenderer;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/RowCellRenderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RowCellRendererProps } from '../../types';
 type Props = {
     someRowIsDragging?: boolean;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/RuleTypeInfoButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     info: {
         sourcesUriOrder?: string[];

package/cjs/components/crosswalks/AttributesTable/cell-renderers/RuleTypeInfoButton.js

@@ -37,8 +37,8 @@ var Popover_1 = __importDefault(require("@mui/material/Popover"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Close_1 = __importDefault(require("@mui/icons-material/Close"));
 var Info_1 = __importDefault(require("@mui/icons-material/Info"));
-var SmallIconButton_1 = require("../../../../SmallIconButton");
-var SourceIcon_1 = require("../../../../SourceIcon");
+var SmallIconButton_1 = require("../../../SmallIconButton");
+var SourceIcon_1 = __importDefault(require("../../../SourceIcon/SourceIcon"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
@@ -46,7 +46,7 @@ var SourcesRenderer = function (_a) {
     var sourcesUriOrder = _a.sourcesUriOrder, metadata = _a.metadata;
     var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(react_1.default.Fragment, null, sourcesUriOrder.map(function (sourceUri) { return (react_1.default.createElement(ListItem_1.default, { key: sourceUri, className: styles.popupItem },
-        react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: sourceUri }),
+        react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: sourceUri }),
         react_1.default.createElement(ListItemText_1.default, { primary: (0, mdm_sdk_1.getSourceSystemLabel)(metadata, sourceUri), primaryTypographyProps: { variant: 'body2' } }))); })));
 };
 var AttributeRenderer = function (_a) {

package/cjs/components/crosswalks/AttributesTable/cell-renderers/RuleTypeRenderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RuleTypeValues } from '../../types';
 type Props = {
     value: RuleTypeValues;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WinnerSources } from '../../types';
 type Props = {
     value: WinnerSources;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js

@@ -8,7 +8,7 @@ var List_1 = __importDefault(require("@mui/material/List"));
 var ListItem_1 = __importDefault(require("@mui/material/ListItem"));
 var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var SourceIcon_1 = require("../../../../SourceIcon");
+var SourceIcon_1 = __importDefault(require("../../../SourceIcon/SourceIcon"));
 var contexts_1 = require("../../../../contexts");
 var ColoredBlock_1 = __importDefault(require("../../ColoredBlock/ColoredBlock"));
 var styles_1 = require("./styles");
@@ -18,7 +18,7 @@ var WinnerSource = function (_a) {
     var metadata = (0, contexts_1.useMdmMetadata)();
     var _b = (0, contexts_1.useCrosswalkHighlight)(crosswalk), isDimmed = _b.isDimmed, highlightCrosswalk = _b.highlightCrosswalk, removeHighlight = _b.removeHighlight;
     return (react_1.default.createElement(ColoredBlock_1.default, { className: styles.winnerSourceItem, color: isDimmed ? 'rgba(0, 0, 0, 0.12)' : (0, mdm_sdk_1.getCrosswalkColor)((0, mdm_sdk_1.getCrosswalkId)(crosswalk)), opacity: isDimmed ? 0.38 : 1, onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
-        react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
+        react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalk.type }),
         react_1.default.createElement(ListItemText_1.default, { primary: (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalk.type), primaryTypographyProps: { variant: 'body2' }, classes: { primary: styles.winnerSourceItemLabel } })));
 };
 var WinnerSourcesRenderer = function (_a) {

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/AttributesFactory.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import { AttributeType, AttributeValue } from '@reltio/mdm-sdk';
-import { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../../../../types/inlineAttributes';
-import { CrosswalksMap } from '../../../../../types';
+import { AddInlineAttributeEvent, CrosswalksMap, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../../../attributes/inline';
 export type AttributesRendererProps = {
     attributeValues?: AttributeValue[];
     attributeType: AttributeType;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/ImageAttributesRenderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AttributesRendererProps } from './AttributesFactory';
 declare const ImageAttributesRenderer: ({ attributeValues, ...props }: AttributesRendererProps) => JSX.Element;
 export default ImageAttributesRenderer;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/ImageAttributesRenderer.js

@@ -26,12 +26,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var InlineImageAttribute_1 = require("../../../../../InlineImageAttribute");
+var inline_1 = require("../../../../attributes/inline");
 var styles_1 = require("./styles");
 var ImageAttributesRenderer = function (_a) {
     var attributeValues = _a.attributeValues, props = __rest(_a, ["attributeValues"]);
     var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(react_1.default.Fragment, null, attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.map(function (attributeValue, i) { return (react_1.default.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.complexAttributeWrapper, "data-reltio-id": "value-index-".concat(i) },
-        react_1.default.createElement(InlineImageAttribute_1.InlineImageAttribute, __assign({ attributeValue: attributeValue }, props)))); })));
+        react_1.default.createElement(inline_1.InlineImageAttribute, __assign({ attributeValue: attributeValue }, props)))); })));
 };
 exports.default = ImageAttributesRenderer;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/NestedAttributesRenderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AttributesRendererProps } from './AttributesFactory';
 declare const NestedAttributesRenderer: ({ attributeValues, ...props }: AttributesRendererProps) => JSX.Element;
 export default NestedAttributesRenderer;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/NestedAttributesRenderer.js

@@ -26,14 +26,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var InlineNestedAttribute_1 = require("../../../../../InlineNestedAttribute");
+var inline_1 = require("../../../../attributes/inline");
 var styles_1 = require("./styles");
 var NestedAttributesRenderer = function (_a) {
     var attributeValues = _a.attributeValues, props = __rest(_a, ["attributeValues"]);
     var styles = (0, styles_1.useStyles)();
     var nestedValues = attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.map(function (attributeValue, i) {
         return (react_1.default.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.complexAttributeWrapper, "data-reltio-id": "value-index-".concat(i) },
-            react_1.default.createElement(InlineNestedAttribute_1.InlineNestedAttribute, __assign({ attributeValue: attributeValue }, props))));
+            react_1.default.createElement(inline_1.InlineNestedAttribute, __assign({ attributeValue: attributeValue }, props))));
     });
     return react_1.default.createElement(react_1.default.Fragment, null, nestedValues);
 };

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/ReferenceAttributesRenderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AttributesRendererProps } from './AttributesFactory';
 declare const ReferenceAttributesRenderer: ({ attributeValues, crosswalksMap, ...props }: AttributesRendererProps) => JSX.Element;
 export default ReferenceAttributesRenderer;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/ReferenceAttributesRenderer.js

@@ -26,14 +26,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var InlineReferenceAttribute_1 = require("../../../../../InlineReferenceAttribute");
+var inline_1 = require("../../../../attributes/inline");
 var styles_1 = require("./styles");
 var ReferenceAttributesRenderer = function (_a) {
     var attributeValues = _a.attributeValues, crosswalksMap = _a.crosswalksMap, props = __rest(_a, ["attributeValues", "crosswalksMap"]);
     var styles = (0, styles_1.useStyles)();
     var referenceValues = attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.map(function (attributeValue, i) {
         return (react_1.default.createElement("div", { key: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, className: styles.complexAttributeWrapper, "data-reltio-id": "value-index-".concat(i) },
-            react_1.default.createElement(InlineReferenceAttribute_1.InlineReferenceAttribute, __assign({ attributeValue: attributeValue, crosswalksMap: crosswalksMap }, props))));
+            react_1.default.createElement(inline_1.InlineReferenceAttribute, __assign({ attributeValue: attributeValue, crosswalksMap: crosswalksMap }, props))));
     });
     return react_1.default.createElement(react_1.default.Fragment, null, referenceValues);
 };

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/SimpleAttributesRenderer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AttributesRendererProps } from './AttributesFactory';
 declare const SimpleAttributesRenderer: ({ attributeValues, ...props }: AttributesRendererProps) => JSX.Element;
 export default SimpleAttributesRenderer;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/SimpleAttributesRenderer.js

@@ -26,12 +26,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var InlineAttributesPager_1 = require("../../../../../InlineAttributesPager");
+var inline_1 = require("../../../../attributes/inline");
 var styles_1 = require("./styles");
 var SimpleAttributesRenderer = function (_a) {
     var attributeValues = _a.attributeValues, props = __rest(_a, ["attributeValues"]);
     var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement("div", { className: styles.simpleAttributeWrapper },
-        react_1.default.createElement(InlineAttributesPager_1.InlineAttributesPager, __assign({ attributeValues: attributeValues }, props))));
+        react_1.default.createElement(inline_1.InlineAttributesPager, __assign({ attributeValues: attributeValues }, props))));
 };
 exports.default = SimpleAttributesRenderer;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"count" | "closeButton" | "dragIndicator" | "dragIndicatorIcon" | "ruleType" | "coloredCell" | "headCell" | "rowCell" | "cellValueWrapper" | "attributeTitle" | "ovValue" | "ruleTypeLabel" | "rulePopup" | "popupItem" | "sourceIcon" | "popupTitle" | "popupTitleWrapper" | "popupItemsWrapper" | "winnerSourceItemWrapper" | "winnerSourceItem" | "winnerSourceItemLabel">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"count" | "popupTitle" | "closeButton" | "headCell" | "dragIndicator" | "dragIndicatorIcon" | "sourceIcon" | "ruleType" | "coloredCell" | "rowCell" | "cellValueWrapper" | "attributeTitle" | "ovValue" | "ruleTypeLabel" | "rulePopup" | "popupItem" | "popupTitleWrapper" | "popupItemsWrapper" | "winnerSourceItemWrapper" | "winnerSourceItem" | "winnerSourceItemLabel">;

package/cjs/components/crosswalks/AttributesTable/helpers.d.ts

@@ -1,5 +1,5 @@
 import { AttributeType, AttributeValue, Crosswalk, Metadata, RecordAttributesType } from '@reltio/mdm-sdk';
-import { CrosswalksMap } from '../../../types';
+import { CrosswalksMap } from '../../attributes/inline';
 import { CrosswalksByOwnerTypeMap, AttributesTableRowValue, RuleTypeValues } from '../types';
 export declare const COLUMNS_DATA: ({
     id: string;

package/cjs/components/crosswalks/CopyableValueField/CopyableValueField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     value: string;
 };

package/cjs/components/crosswalks/CopyableValueField/CopyableValueField.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var SmallIconButton_1 = require("../../../SmallIconButton");
+var SmallIconButton_1 = __importDefault(require("../../SmallIconButton/SmallIconButton"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Copy_1 = __importDefault(require("../../../icons/Copy"));
 var styles_1 = require("./styles");
@@ -13,6 +13,6 @@ var CopyableValueField = function (_a) {
     var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement("div", { className: styles.root },
         react_1.default.createElement(Typography_1.default, { className: styles.text, variant: 'body2' }, value),
-        react_1.default.createElement(SmallIconButton_1.SmallIconButton, { size: "XXS", icon: Copy_1.default, color: "primary", className: styles.button, onClick: function () { return navigator.clipboard.writeText(value); } })));
+        react_1.default.createElement(SmallIconButton_1.default, { size: "XXS", icon: Copy_1.default, color: "primary", className: styles.button, onClick: function () { return navigator.clipboard.writeText(value); } })));
 };
 exports.default = CopyableValueField;

package/cjs/components/crosswalks/CopyableValueField/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "text" | "root">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "button" | "root">;

package/cjs/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CrosswalkBase } from '@reltio/mdm-sdk';
 type Props = {
     crosswalk: CrosswalkBase | Omit<CrosswalkBase, 'uri'>;

package/cjs/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js

@@ -34,10 +34,10 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 var ConfirmDeleteDialog_1 = __importDefault(require("../../ConfirmDeleteDialog/ConfirmDeleteDialog"));
-var MoreAttributesButton_1 = require("../../../MoreAttributesButton");
+var MoreAttributesButton_1 = __importDefault(require("../../attributes/editMode/MoreAttributesButton"));
 var SimpleDropDownSelector_1 = __importDefault(require("../../SimpleDropDownSelector/SimpleDropDownSelector"));
-var SmallIconButton_1 = require("../../../SmallIconButton");
-var SourceIcon_1 = require("../../../SourceIcon");
+var SmallIconButton_1 = require("../../SmallIconButton");
+var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
 var editors_1 = require("../../editors");
 var CopyableValueField_1 = __importDefault(require("../CopyableValueField/CopyableValueField"));
 var CrosswalkDateEditor_1 = __importDefault(require("../CrosswalkDateEditor/CrosswalkDateEditor"));
@@ -120,7 +120,7 @@ var CrosswalkAttributes = function (_a) {
                             disableUnderline: true
                         }
                     } })) : (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: attributeValue }),
+                    react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: attributeValue }),
                     react_1.default.createElement(Typography_1.default, { className: styles.text, variant: 'body2' }, sourceSystemLabel)));
             }
             case 'sourceTable':
@@ -145,7 +145,7 @@ var CrosswalkAttributes = function (_a) {
         }
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        extraAttributes.length > 0 && canEditAttribute && (react_1.default.createElement(MoreAttributesButton_1.MoreAttributesButton, { label: ui_i18n_1.default.text('Add attributes'), onApply: addSelectedAttributes, data: extraAttributes })),
+        extraAttributes.length > 0 && canEditAttribute && (react_1.default.createElement(MoreAttributesButton_1.default, { label: ui_i18n_1.default.text('Add attributes'), onApply: addSelectedAttributes, data: extraAttributes })),
         attributes.map(function (attribute) {
             return attribute.uri in crosswalk || addedAttributes.includes(attribute.uri) ? (react_1.default.createElement("div", { key: attribute.uri, className: styles.attributeWrapper },
                 react_1.default.createElement(Typography_1.default, { variant: 'body2', className: styles.attributeTitle }, "".concat(attribute.label, ":")),

package/cjs/components/crosswalks/CrosswalkAttributes/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "input" | "attributeValue" | "moreButton" | "editor" | "attributeTitle" | "sourceIcon" | "attributeWrapper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"attributeValue" | "text" | "input" | "moreButton" | "editor" | "sourceIcon" | "attributeTitle" | "attributeWrapper">;

package/cjs/components/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     value?: number;
     classes?: {

package/cjs/components/crosswalks/CrosswalkDragLayer/CrosswalkDragPreview.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CrosswalkBase } from '@reltio/mdm-sdk';
 type Props = {
     crosswalk: CrosswalkBase;

package/cjs/components/crosswalks/CrosswalkDragLayer/CrosswalkDragPreview.js

@@ -8,7 +8,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ColoredBlock_1 = __importDefault(require("../ColoredBlock/ColoredBlock"));
 var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
-var SourceIcon_1 = require("../../../SourceIcon");
+var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
 var contexts_1 = require("../../../contexts");
 var styles_1 = require("./styles");
 var CrosswalkDragPreview = function (_a) {
@@ -18,7 +18,7 @@ var CrosswalkDragPreview = function (_a) {
     var color = (0, CrosswalksDisplayContext_1.useCrosswalkColor)(crosswalk);
     var sourceSystemLabel = (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalk.type);
     return (react_1.default.createElement(ColoredBlock_1.default, { color: color, className: styles.crosswalkPreview },
-        react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
+        react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalk.type }),
         react_1.default.createElement(Typography_1.default, { className: styles.sourceLabel, variant: 'body2' }, sourceSystemLabel)));
 };
 exports.default = CrosswalkDragPreview;

package/cjs/components/crosswalks/CrosswalkEditor/CrosswalkEditor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Crosswalk } from '@reltio/mdm-sdk';
 type Props = {
     className?: string;

package/cjs/components/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -34,12 +34,12 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
-var ArrowExpandButton_1 = require("../../../ArrowExpandButton");
-var ExpandedValueTooltip_1 = require("../../../ExpandedValueTooltip");
+var ArrowExpandButton_1 = __importDefault(require("../../ArrowExpandButton/ArrowExpandButton"));
+var ExpandedValueTooltip_1 = __importDefault(require("../../ExpandedValueTooltip/ExpandedValueTooltip"));
 var ColoredBlock_1 = __importDefault(require("../ColoredBlock/ColoredBlock"));
 var ConfirmDeleteDialog_1 = __importDefault(require("../../ConfirmDeleteDialog/ConfirmDeleteDialog"));
-var SmallIconButton_1 = require("../../../SmallIconButton");
-var SourceIcon_1 = require("../../../SourceIcon");
+var SmallIconButton_1 = require("../../SmallIconButton");
+var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
 var Spacer_1 = __importDefault(require("../../Spacer/Spacer"));
 var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
 var NestedAttribute_1 = __importDefault(require("../../../icons/NestedAttribute"));
@@ -92,12 +92,12 @@ var CrosswalkRow = function (_a) {
         react_1.default.createElement("div", { className: styles.crosswalkWrapper },
             react_1.default.createElement(ColoredBlock_1.default, { ref: drag, className: styles.header, color: color, variant: crosswalkDisabled ? 'disabled' : 'standart', onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
                 isDependent && react_1.default.createElement(NestedAttribute_1.default, { className: styles.dependentIcon }),
-                react_1.default.createElement(ArrowExpandButton_1.ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
-                react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
-                react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: sourceSystemLabel },
+                react_1.default.createElement(ArrowExpandButton_1.default, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
+                react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalk.type }),
+                react_1.default.createElement(ExpandedValueTooltip_1.default, { value: sourceSystemLabel },
                     react_1.default.createElement(Typography_1.default, { variant: 'body2', noWrap: true }, sourceSystemLabel)),
                 react_1.default.createElement(Spacer_1.default, null),
-                react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: crosswalk.value },
+                react_1.default.createElement(ExpandedValueTooltip_1.default, { value: crosswalk.value },
                     react_1.default.createElement(Typography_1.default, { variant: 'body2', className: styles.labelValue, noWrap: true }, crosswalk.value))),
             expanded && (react_1.default.createElement("div", { className: styles.attributesWrapper },
                 canDelete && (react_1.default.createElement("div", { className: styles.deleteCrosswalkButton },

package/cjs/components/crosswalks/CrosswalkRow/styles.d.ts

@@ -3,5 +3,5 @@ type StylesProps = {
     isOpaque?: boolean;
     isFocused?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"header" | "root" | "sourceIcon" | "attributesWrapper" | "focusedIcon" | "crosswalkWrapper" | "deleteCrosswalkButton" | "labelValue" | "dependentIcon">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"header" | "root" | "attributesWrapper" | "sourceIcon" | "focusedIcon" | "crosswalkWrapper" | "deleteCrosswalkButton" | "labelValue" | "dependentIcon">;
 export {};

package/cjs/components/crosswalks/DummyCrosswalkRow/DummyCrosswalkRow.js

@@ -30,8 +30,8 @@ var react_1 = __importStar(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
-var SourceIcon_1 = require("../../../SourceIcon");
-var SmallIconButton_1 = require("../../../SmallIconButton");
+var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
+var SmallIconButton_1 = __importDefault(require("../../SmallIconButton/SmallIconButton"));
 var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
 var contexts_1 = require("../../../contexts");
 var styles_1 = require("./styles");
@@ -42,9 +42,9 @@ var DummyCrosswalkRow = function (_a) {
     var metadata = (0, contexts_1.useMdmMetadata)();
     var sourceSystemLabel = (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalkType);
     return (react_1.default.createElement("div", { className: styles.root },
-        react_1.default.createElement(SmallIconButton_1.SmallIconButton, { size: "XXS", className: styles.focusedIcon, icon: focusable && Visibility_1.default, disabled: true }),
+        react_1.default.createElement(SmallIconButton_1.default, { size: "XXS", className: styles.focusedIcon, icon: focusable && Visibility_1.default, disabled: true }),
         react_1.default.createElement("div", { className: styles.wrapper },
-            react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: crosswalkType }),
+            react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalkType }),
             react_1.default.createElement(Typography_1.default, { variant: 'body2' }, sourceSystemLabel))));
 };
 exports.default = (0, react_1.memo)(DummyCrosswalkRow);

package/cjs/components/crosswalks/DummyCrosswalkRow/styles.d.ts

@@ -1,5 +1,5 @@
 type StylesProps = {
     isOpaque?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"wrapper" | "root" | "sourceIcon" | "focusedIcon">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"root" | "wrapper" | "sourceIcon" | "focusedIcon">;
 export {};

package/cjs/components/crosswalks/ShowDependentLink/ShowDependentLink.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     showMore: boolean;
     onClick: () => void;

package/cjs/components/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CrosswalksByTypes } from '../types';
 type Props = {
     source: string;

package/cjs/components/crosswalks/hooks/useAttributeActions.d.ts

@@ -1,4 +1,4 @@
-import { DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../../types/inlineAttributes';
+import { DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../attributes/inline';
 import { CreateAttributeEvent } from '../types';
 type Props = {
     onLoad?: () => void;

package/cjs/components/crosswalks/hooks/useModifiedEntity.d.ts

@@ -1,5 +1,5 @@
 import { Entity, Relation } from '@reltio/mdm-sdk';
-import { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent } from '../../../types/inlineAttributes';
+import { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent } from '../../attributes/inline';
 import { CrosswalksByOwnerTypeMap } from '../types';
 type Props = {
     entity: Entity | Relation;
@@ -12,8 +12,8 @@ export declare const useModifiedEntity: ({ entity, onLoad, onModify, onError }:
     crosswalksMap: CrosswalksByOwnerTypeMap;
     onAddAttribute: ({ attributeType, parentUri, crosswalk, index }: AddInlineAttributeEvent) => void;
     onDeleteAttribute: (event: DeleteInlineAttributeEvent) => void;
-    onPinAttribute: ({ attributeValue }: import("../../../types/inlineAttributes").PinInlineAttributeEvent) => void;
-    onIgnoreAttribute: ({ attributeValue }: import("../../../types/inlineAttributes").IgnoreInlineAttributeEvent) => void;
+    onPinAttribute: ({ attributeValue }: import("../../attributes/inline").PinInlineAttributeEvent) => void;
+    onIgnoreAttribute: ({ attributeValue }: import("../../attributes/inline").IgnoreInlineAttributeEvent) => void;
     onEditAttribute: (event: EditInlineAttributeEvent) => void;
     newlyCreatedAttributes: string[];
     emptyTempAttributeUris: string[];

package/cjs/components/crosswalks/types/AttributesTableData.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import { AttributeType, AttributeValue, Crosswalk, SurvivorStrategy } from '@reltio/mdm-sdk';
-import { ColumnData, RenderRowCellProps } from '../../../types/basicTable';
-import { CrosswalksMap } from '../../../types';
+import { ColumnData, RenderRowCellProps } from '../../BasicTableView/types';
+import { CrosswalksMap } from '../../attributes/inline';
 export type RuleTypeValues = {
     ruleType: SurvivorStrategy;
     primaryAttributeUri?: string;