@reltio/components 1.4.1483 → 1.4.1484

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/cjs/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.d.ts +2 -1
  2. package/cjs/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.js +5 -1
  3. package/cjs/components/VerticalHeadingsTable/TableRow/TableRow.d.ts +2 -1
  4. package/cjs/components/VerticalHeadingsTable/TableRow/TableRow.js +2 -2
  5. package/cjs/components/VerticalHeadingsTable/TableRowWithDnd/TableRowWithDnd.d.ts +3 -1
  6. package/cjs/components/VerticalHeadingsTable/TableRowWithDnd/TableRowWithDnd.js +6 -2
  7. package/cjs/components/VerticalHeadingsTable/VerticalHeadingsTable.d.ts +3 -1
  8. package/cjs/components/VerticalHeadingsTable/VerticalHeadingsTable.js +3 -3
  9. package/cjs/components/index.d.ts +1 -0
  10. package/cjs/components/index.js +3 -1
  11. package/esm/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.d.ts +2 -1
  12. package/esm/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.js +5 -1
  13. package/esm/components/VerticalHeadingsTable/TableRow/TableRow.d.ts +2 -1
  14. package/esm/components/VerticalHeadingsTable/TableRow/TableRow.js +2 -2
  15. package/esm/components/VerticalHeadingsTable/TableRowWithDnd/TableRowWithDnd.d.ts +3 -1
  16. package/esm/components/VerticalHeadingsTable/TableRowWithDnd/TableRowWithDnd.js +6 -2
  17. package/esm/components/VerticalHeadingsTable/VerticalHeadingsTable.d.ts +3 -1
  18. package/esm/components/VerticalHeadingsTable/VerticalHeadingsTable.js +3 -3
  19. package/esm/components/index.d.ts +1 -0
  20. package/esm/components/index.js +1 -0
  21. package/package.json +3 -3
package/cjs/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.d.ts CHANGED
@@ -5,10 +5,11 @@ declare type Props = {
5
5
  rowData: RowData;
6
6
  index: number;
7
7
  onMoveColumn: (dragId: string, hoverId: string) => void;
8
+ onDropColumn?: () => void;
8
9
  shouldRenderDragIndicator: boolean;
9
10
  setHoveredColumn: (columnValue: ColumnData) => void;
10
11
  resetHoveredColumn: () => void;
11
12
  someRowIsDragging?: boolean;
12
13
  };
13
- export declare const TableCellWithDnd: ({ columnValue, rowData, index, onMoveColumn, shouldRenderDragIndicator, setHoveredColumn, resetHoveredColumn, someRowIsDragging }: Props) => JSX.Element;
14
+ export declare const TableCellWithDnd: ({ columnValue, rowData, index, onMoveColumn, onDropColumn, shouldRenderDragIndicator, setHoveredColumn, resetHoveredColumn, someRowIsDragging }: Props) => JSX.Element;
14
15
  export {};
package/cjs/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.js CHANGED
@@ -37,7 +37,7 @@ var helpers_1 = require("../helpers");
37
37
  var styles_1 = require("./styles");
38
38
  var TableCellWithDnd = function (_a) {
39
39
  var _b;
40
- var columnValue = _a.columnValue, rowData = _a.rowData, index = _a.index, onMoveColumn = _a.onMoveColumn, shouldRenderDragIndicator = _a.shouldRenderDragIndicator, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn, someRowIsDragging = _a.someRowIsDragging;
40
+ var columnValue = _a.columnValue, rowData = _a.rowData, index = _a.index, onMoveColumn = _a.onMoveColumn, onDropColumn = _a.onDropColumn, shouldRenderDragIndicator = _a.shouldRenderDragIndicator, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn, someRowIsDragging = _a.someRowIsDragging;
41
41
  var styles = (0, styles_1.useStyles)();
42
42
  var dropRef = react_1.default.useRef(null);
43
43
  var dragRef = react_1.default.useRef(null);
@@ -68,6 +68,10 @@ var TableCellWithDnd = function (_a) {
68
68
  onMoveColumn(item.columnValue.id, columnValue.id);
69
69
  item.index = hoverIndex;
70
70
  },
71
+ drop: function () {
72
+ if (onDropColumn)
73
+ onDropColumn();
74
+ },
71
75
  collect: function (monitor) { return ({
72
76
  targetId: monitor.getHandlerId()
73
77
  }); }
package/cjs/components/VerticalHeadingsTable/TableRow/TableRow.d.ts CHANGED
@@ -5,8 +5,9 @@ declare type Props = {
5
5
  columnsData: ColumnData[];
6
6
  index: number;
7
7
  onMoveColumn?: (dragId: string, hoverId: string) => void;
8
+ onDropColumn?: () => void;
8
9
  setHoveredColumn: (columnValue: ColumnData) => void;
9
10
  resetHoveredColumn: () => void;
10
11
  };
11
- export declare const TableRow: ({ rowData, columnsData, index, onMoveColumn, setHoveredColumn, resetHoveredColumn }: Props) => JSX.Element;
12
+ export declare const TableRow: ({ rowData, columnsData, index, onMoveColumn, onDropColumn, setHoveredColumn, resetHoveredColumn }: Props) => JSX.Element;
12
13
  export {};
package/cjs/components/VerticalHeadingsTable/TableRow/TableRow.js CHANGED
@@ -9,14 +9,14 @@ var TableCell_1 = require("../TableCell/TableCell");
9
9
  var TableCellWithDnd_1 = require("../TableCellWithDnd/TableCellWithDnd");
10
10
  var TableHeadCell_1 = require("../TableHeadCell/TableHeadCell");
11
11
  var TableRow = function (_a) {
12
- var rowData = _a.rowData, columnsData = _a.columnsData, index = _a.index, onMoveColumn = _a.onMoveColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
12
+ var rowData = _a.rowData, columnsData = _a.columnsData, index = _a.index, onMoveColumn = _a.onMoveColumn, onDropColumn = _a.onDropColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
13
13
  var isFirstRow = index === 0;
14
14
  return (react_1.default.createElement("tr", { className: rowData.rowClassName },
15
15
  react_1.default.createElement(TableHeadCell_1.TableHeadCell, { rowData: rowData, isDraggable: false }),
16
16
  columnsData.map(function (columnValue, index) {
17
17
  var isDraggableColumn = columnValue.isDraggable;
18
18
  var shouldRenderDragIndicator = isFirstRow && isDraggableColumn;
19
- return onMoveColumn ? (react_1.default.createElement(TableCellWithDnd_1.TableCellWithDnd, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, index: index, onMoveColumn: onMoveColumn, shouldRenderDragIndicator: shouldRenderDragIndicator, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn })) : (react_1.default.createElement(TableCell_1.TableCell, { key: columnValue.id || index, rowData: rowData, columnValue: columnValue, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn }));
19
+ return onMoveColumn ? (react_1.default.createElement(TableCellWithDnd_1.TableCellWithDnd, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, index: index, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, shouldRenderDragIndicator: shouldRenderDragIndicator, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn })) : (react_1.default.createElement(TableCell_1.TableCell, { key: columnValue.id || index, rowData: rowData, columnValue: columnValue, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn }));
20
20
  })));
21
21
  };
22
22
  exports.TableRow = TableRow;
package/cjs/components/VerticalHeadingsTable/TableRowWithDnd/TableRowWithDnd.d.ts CHANGED
@@ -5,11 +5,13 @@ declare type Props = {
5
5
  index: number;
6
6
  columnsData: ColumnData[];
7
7
  onMoveRow: (dragId: string, hoverId: string) => void;
8
+ onDropRow?: () => void;
8
9
  onMoveColumn?: (dragId: string, hoverId: string) => void;
10
+ onDropColumn?: () => void;
9
11
  setHoveredColumn: (columnValue: ColumnData) => void;
10
12
  resetHoveredColumn: () => void;
11
13
  someRowIsDragging: boolean;
12
14
  setSomeRowIsDragging: (isDragging: boolean) => void;
13
15
  };
14
- export declare const TableRowWithDnd: ({ rowData, index, columnsData, onMoveRow, onMoveColumn, setHoveredColumn, resetHoveredColumn, someRowIsDragging, setSomeRowIsDragging }: Props) => JSX.Element;
16
+ export declare const TableRowWithDnd: ({ rowData, index, columnsData, onMoveRow, onDropRow, onMoveColumn, onDropColumn, setHoveredColumn, resetHoveredColumn, someRowIsDragging, setSomeRowIsDragging }: Props) => JSX.Element;
15
17
  export {};
package/cjs/components/VerticalHeadingsTable/TableRowWithDnd/TableRowWithDnd.js CHANGED
@@ -31,7 +31,7 @@ var TableCell_1 = require("../TableCell/TableCell");
31
31
  var TableCellWithDnd_1 = require("../TableCellWithDnd/TableCellWithDnd");
32
32
  var types_1 = require("../types");
33
33
  var TableRowWithDnd = function (_a) {
34
- var rowData = _a.rowData, index = _a.index, columnsData = _a.columnsData, onMoveRow = _a.onMoveRow, onMoveColumn = _a.onMoveColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn, someRowIsDragging = _a.someRowIsDragging, setSomeRowIsDragging = _a.setSomeRowIsDragging;
34
+ var rowData = _a.rowData, index = _a.index, columnsData = _a.columnsData, onMoveRow = _a.onMoveRow, onDropRow = _a.onDropRow, onMoveColumn = _a.onMoveColumn, onDropColumn = _a.onDropColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn, someRowIsDragging = _a.someRowIsDragging, setSomeRowIsDragging = _a.setSomeRowIsDragging;
35
35
  var dropRef = react_1.default.useRef(null);
36
36
  var dragRef = react_1.default.useRef(null);
37
37
  var _b = (0, react_dnd_1.useDrop)({
@@ -58,6 +58,10 @@ var TableRowWithDnd = function (_a) {
58
58
  onMoveRow(item.id, rowData.id);
59
59
  item.index = hoverIndex;
60
60
  },
61
+ drop: function () {
62
+ if (onDropRow)
63
+ onDropRow();
64
+ },
61
65
  collect: function (monitor) { return ({
62
66
  targetId: monitor.getHandlerId()
63
67
  }); }
@@ -80,7 +84,7 @@ var TableRowWithDnd = function (_a) {
80
84
  return (react_1.default.createElement("tr", { className: rowData.rowClassName, style: { opacity: opacity }, ref: dropRef, "data-target-id": targetId, "data-source-id": sourceId },
81
85
  react_1.default.createElement(TableHeadCell_1.TableHeadCell, { rowData: rowData, isDraggable: true, dragRef: dragRef }),
82
86
  columnsData.map(function (columnValue, index) {
83
- return onMoveColumn ? (react_1.default.createElement(TableCellWithDnd_1.TableCellWithDnd, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, index: index, onMoveColumn: onMoveColumn, shouldRenderDragIndicator: false, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging })) : (react_1.default.createElement(TableCell_1.TableCell, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging }));
87
+ return onMoveColumn ? (react_1.default.createElement(TableCellWithDnd_1.TableCellWithDnd, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, index: index, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, shouldRenderDragIndicator: false, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging })) : (react_1.default.createElement(TableCell_1.TableCell, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging }));
84
88
  })));
85
89
  };
86
90
  exports.TableRowWithDnd = TableRowWithDnd;
package/cjs/components/VerticalHeadingsTable/VerticalHeadingsTable.d.ts CHANGED
@@ -6,9 +6,11 @@ declare type Props = {
6
6
  columnsData: ColumnData[];
7
7
  theadRowsNumber?: number;
8
8
  onMoveRow?: (dragId: string, hoverId: string) => void;
9
+ onDropRow?: () => void;
9
10
  onMoveColumn?: (dragId: string, hoverId: string) => void;
11
+ onDropColumn?: () => void;
10
12
  setHoveredColumn?: (columnValue: ColumnData) => void;
11
13
  resetHoveredColumn?: () => void;
12
14
  };
13
- declare const _default: React.MemoExoticComponent<({ className, rowsData, columnsData, theadRowsNumber, onMoveRow, onMoveColumn, setHoveredColumn, resetHoveredColumn }: Props) => JSX.Element>;
15
+ declare const _default: React.MemoExoticComponent<({ className, rowsData, columnsData, theadRowsNumber, onMoveRow, onDropRow, onMoveColumn, onDropColumn, setHoveredColumn, resetHoveredColumn }: Props) => JSX.Element>;
14
16
  export default _default;
package/cjs/components/VerticalHeadingsTable/VerticalHeadingsTable.js CHANGED
@@ -29,7 +29,7 @@ var TableRowWithDnd_1 = require("./TableRowWithDnd/TableRowWithDnd");
29
29
  var TableColumnDragLayer_1 = require("./TableColumnDragLayer/TableColumnDragLayer");
30
30
  var VerticalHeadingsTable = function (_a) {
31
31
  var _b;
32
- var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _c = _a.theadRowsNumber, theadRowsNumber = _c === void 0 ? 0 : _c, onMoveRow = _a.onMoveRow, onMoveColumn = _a.onMoveColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
32
+ var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _c = _a.theadRowsNumber, theadRowsNumber = _c === void 0 ? 0 : _c, onMoveRow = _a.onMoveRow, onDropRow = _a.onDropRow, onMoveColumn = _a.onMoveColumn, onDropColumn = _a.onDropColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
33
33
  var _d = (0, react_1.useState)(false), someRowIsDragging = _d[0], setSomeRowIsDragging = _d[1];
34
34
  var tableRef = (0, react_1.useRef)(null);
35
35
  var tableHeight = (_b = tableRef === null || tableRef === void 0 ? void 0 : tableRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight;
@@ -37,9 +37,9 @@ var VerticalHeadingsTable = function (_a) {
37
37
  return (react_1.default.createElement(react_1.default.Fragment, null,
38
38
  isDNDActive && react_1.default.createElement(TableColumnDragLayer_1.TableColumnDragLayer, { columnHeight: tableHeight }),
39
39
  react_1.default.createElement("table", { ref: tableRef, className: className },
40
- theadRowsNumber > 0 && (react_1.default.createElement("thead", null, rowsData.slice(0, theadRowsNumber).map(function (rowData, index) { return (react_1.default.createElement(TableRow_1.TableRow, { key: rowData.id || index, rowData: rowData, columnsData: columnsData, index: index, onMoveColumn: onMoveColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn })); }))),
40
+ theadRowsNumber > 0 && (react_1.default.createElement("thead", null, rowsData.slice(0, theadRowsNumber).map(function (rowData, index) { return (react_1.default.createElement(TableRow_1.TableRow, { key: rowData.id || index, rowData: rowData, columnsData: columnsData, index: index, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn })); }))),
41
41
  react_1.default.createElement("tbody", null, rowsData.slice(theadRowsNumber).map(function (rowData, index) {
42
- return onMoveRow ? (react_1.default.createElement(TableRowWithDnd_1.TableRowWithDnd, { key: rowData.id || index, index: index + theadRowsNumber, rowData: rowData, columnsData: columnsData, onMoveRow: onMoveRow, onMoveColumn: onMoveColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging, setSomeRowIsDragging: setSomeRowIsDragging })) : (react_1.default.createElement(TableRow_1.TableRow, { key: rowData.id || index, index: index + theadRowsNumber, rowData: rowData, columnsData: columnsData, onMoveColumn: onMoveColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn }));
42
+ return onMoveRow ? (react_1.default.createElement(TableRowWithDnd_1.TableRowWithDnd, { key: rowData.id || index, index: index + theadRowsNumber, rowData: rowData, columnsData: columnsData, onMoveRow: onMoveRow, onDropRow: onDropRow, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging, setSomeRowIsDragging: setSomeRowIsDragging })) : (react_1.default.createElement(TableRow_1.TableRow, { key: rowData.id || index, index: index + theadRowsNumber, rowData: rowData, columnsData: columnsData, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn }));
43
43
  })))));
44
44
  };
45
45
  exports.default = (0, react_1.memo)(VerticalHeadingsTable);
package/cjs/components/index.d.ts CHANGED
@@ -144,3 +144,4 @@ export { TenantIcon } from './TenantIcon/TenantIcon';
144
144
  export { TenantsDropDownSelector } from './TenantsDropDownSelector/TenantsDropDownSelector';
145
145
  export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';
146
146
  export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';
147
+ export { default as RequiredMark } from './RequiredMark/RequiredMark';
package/cjs/components/index.js CHANGED
@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
19
19
  Object.defineProperty(exports, "__esModule", { value: true });
20
20
  exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.MenuList = exports.LoadMoreButton = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.DescriptionIcon = exports.AttributesView = exports.AttributeListItem = void 0;
21
21
  exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBlock = exports.MatchRuleVariant = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = void 0;
22
- exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = void 0;
22
+ exports.RequiredMark = exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = void 0;
23
23
  __exportStar(require("./activityLog"), exports);
24
24
  var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
25
25
  Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
@@ -310,3 +310,5 @@ var SettingsMenu_1 = require("./SettingsMenu/SettingsMenu");
310
310
  Object.defineProperty(exports, "SettingsMenu", { enumerable: true, get: function () { return __importDefault(SettingsMenu_1).default; } });
311
311
  var DataTenantBadge_1 = require("./DataTenantBadge/DataTenantBadge");
312
312
  Object.defineProperty(exports, "DataTenantBadge", { enumerable: true, get: function () { return DataTenantBadge_1.DataTenantBadge; } });
313
+ var RequiredMark_1 = require("./RequiredMark/RequiredMark");
314
+ Object.defineProperty(exports, "RequiredMark", { enumerable: true, get: function () { return __importDefault(RequiredMark_1).default; } });
package/esm/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.d.ts CHANGED
@@ -5,10 +5,11 @@ declare type Props = {
5
5
  rowData: RowData;
6
6
  index: number;
7
7
  onMoveColumn: (dragId: string, hoverId: string) => void;
8
+ onDropColumn?: () => void;
8
9
  shouldRenderDragIndicator: boolean;
9
10
  setHoveredColumn: (columnValue: ColumnData) => void;
10
11
  resetHoveredColumn: () => void;
11
12
  someRowIsDragging?: boolean;
12
13
  };
13
- export declare const TableCellWithDnd: ({ columnValue, rowData, index, onMoveColumn, shouldRenderDragIndicator, setHoveredColumn, resetHoveredColumn, someRowIsDragging }: Props) => JSX.Element;
14
+ export declare const TableCellWithDnd: ({ columnValue, rowData, index, onMoveColumn, onDropColumn, shouldRenderDragIndicator, setHoveredColumn, resetHoveredColumn, someRowIsDragging }: Props) => JSX.Element;
14
15
  export {};
package/esm/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.js CHANGED
@@ -8,7 +8,7 @@ import { DefaultCellRenderer } from '../helpers';
8
8
  import { useStyles } from './styles';
9
9
  export var TableCellWithDnd = function (_a) {
10
10
  var _b;
11
- var columnValue = _a.columnValue, rowData = _a.rowData, index = _a.index, onMoveColumn = _a.onMoveColumn, shouldRenderDragIndicator = _a.shouldRenderDragIndicator, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn, someRowIsDragging = _a.someRowIsDragging;
11
+ var columnValue = _a.columnValue, rowData = _a.rowData, index = _a.index, onMoveColumn = _a.onMoveColumn, onDropColumn = _a.onDropColumn, shouldRenderDragIndicator = _a.shouldRenderDragIndicator, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn, someRowIsDragging = _a.someRowIsDragging;
12
12
  var styles = useStyles();
13
13
  var dropRef = React.useRef(null);
14
14
  var dragRef = React.useRef(null);
@@ -39,6 +39,10 @@ export var TableCellWithDnd = function (_a) {
39
39
  onMoveColumn(item.columnValue.id, columnValue.id);
40
40
  item.index = hoverIndex;
41
41
  },
42
+ drop: function () {
43
+ if (onDropColumn)
44
+ onDropColumn();
45
+ },
42
46
  collect: function (monitor) { return ({
43
47
  targetId: monitor.getHandlerId()
44
48
  }); }
package/esm/components/VerticalHeadingsTable/TableRow/TableRow.d.ts CHANGED
@@ -5,8 +5,9 @@ declare type Props = {
5
5
  columnsData: ColumnData[];
6
6
  index: number;
7
7
  onMoveColumn?: (dragId: string, hoverId: string) => void;
8
+ onDropColumn?: () => void;
8
9
  setHoveredColumn: (columnValue: ColumnData) => void;
9
10
  resetHoveredColumn: () => void;
10
11
  };
11
- export declare const TableRow: ({ rowData, columnsData, index, onMoveColumn, setHoveredColumn, resetHoveredColumn }: Props) => JSX.Element;
12
+ export declare const TableRow: ({ rowData, columnsData, index, onMoveColumn, onDropColumn, setHoveredColumn, resetHoveredColumn }: Props) => JSX.Element;
12
13
  export {};
package/esm/components/VerticalHeadingsTable/TableRow/TableRow.js CHANGED
@@ -3,13 +3,13 @@ import { TableCell } from '../TableCell/TableCell';
3
3
  import { TableCellWithDnd } from '../TableCellWithDnd/TableCellWithDnd';
4
4
  import { TableHeadCell } from '../TableHeadCell/TableHeadCell';
5
5
  export var TableRow = function (_a) {
6
- var rowData = _a.rowData, columnsData = _a.columnsData, index = _a.index, onMoveColumn = _a.onMoveColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
6
+ var rowData = _a.rowData, columnsData = _a.columnsData, index = _a.index, onMoveColumn = _a.onMoveColumn, onDropColumn = _a.onDropColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
7
7
  var isFirstRow = index === 0;
8
8
  return (React.createElement("tr", { className: rowData.rowClassName },
9
9
  React.createElement(TableHeadCell, { rowData: rowData, isDraggable: false }),
10
10
  columnsData.map(function (columnValue, index) {
11
11
  var isDraggableColumn = columnValue.isDraggable;
12
12
  var shouldRenderDragIndicator = isFirstRow && isDraggableColumn;
13
- return onMoveColumn ? (React.createElement(TableCellWithDnd, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, index: index, onMoveColumn: onMoveColumn, shouldRenderDragIndicator: shouldRenderDragIndicator, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn })) : (React.createElement(TableCell, { key: columnValue.id || index, rowData: rowData, columnValue: columnValue, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn }));
13
+ return onMoveColumn ? (React.createElement(TableCellWithDnd, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, index: index, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, shouldRenderDragIndicator: shouldRenderDragIndicator, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn })) : (React.createElement(TableCell, { key: columnValue.id || index, rowData: rowData, columnValue: columnValue, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn }));
14
14
  })));
15
15
  };
package/esm/components/VerticalHeadingsTable/TableRowWithDnd/TableRowWithDnd.d.ts CHANGED
@@ -5,11 +5,13 @@ declare type Props = {
5
5
  index: number;
6
6
  columnsData: ColumnData[];
7
7
  onMoveRow: (dragId: string, hoverId: string) => void;
8
+ onDropRow?: () => void;
8
9
  onMoveColumn?: (dragId: string, hoverId: string) => void;
10
+ onDropColumn?: () => void;
9
11
  setHoveredColumn: (columnValue: ColumnData) => void;
10
12
  resetHoveredColumn: () => void;
11
13
  someRowIsDragging: boolean;
12
14
  setSomeRowIsDragging: (isDragging: boolean) => void;
13
15
  };
14
- export declare const TableRowWithDnd: ({ rowData, index, columnsData, onMoveRow, onMoveColumn, setHoveredColumn, resetHoveredColumn, someRowIsDragging, setSomeRowIsDragging }: Props) => JSX.Element;
16
+ export declare const TableRowWithDnd: ({ rowData, index, columnsData, onMoveRow, onDropRow, onMoveColumn, onDropColumn, setHoveredColumn, resetHoveredColumn, someRowIsDragging, setSomeRowIsDragging }: Props) => JSX.Element;
15
17
  export {};
package/esm/components/VerticalHeadingsTable/TableRowWithDnd/TableRowWithDnd.js CHANGED
@@ -5,7 +5,7 @@ import { TableCell } from '../TableCell/TableCell';
5
5
  import { TableCellWithDnd } from '../TableCellWithDnd/TableCellWithDnd';
6
6
  import { DndItemTypes } from '../types';
7
7
  export var TableRowWithDnd = function (_a) {
8
- var rowData = _a.rowData, index = _a.index, columnsData = _a.columnsData, onMoveRow = _a.onMoveRow, onMoveColumn = _a.onMoveColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn, someRowIsDragging = _a.someRowIsDragging, setSomeRowIsDragging = _a.setSomeRowIsDragging;
8
+ var rowData = _a.rowData, index = _a.index, columnsData = _a.columnsData, onMoveRow = _a.onMoveRow, onDropRow = _a.onDropRow, onMoveColumn = _a.onMoveColumn, onDropColumn = _a.onDropColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn, someRowIsDragging = _a.someRowIsDragging, setSomeRowIsDragging = _a.setSomeRowIsDragging;
9
9
  var dropRef = React.useRef(null);
10
10
  var dragRef = React.useRef(null);
11
11
  var _b = useDrop({
@@ -32,6 +32,10 @@ export var TableRowWithDnd = function (_a) {
32
32
  onMoveRow(item.id, rowData.id);
33
33
  item.index = hoverIndex;
34
34
  },
35
+ drop: function () {
36
+ if (onDropRow)
37
+ onDropRow();
38
+ },
35
39
  collect: function (monitor) { return ({
36
40
  targetId: monitor.getHandlerId()
37
41
  }); }
@@ -54,6 +58,6 @@ export var TableRowWithDnd = function (_a) {
54
58
  return (React.createElement("tr", { className: rowData.rowClassName, style: { opacity: opacity }, ref: dropRef, "data-target-id": targetId, "data-source-id": sourceId },
55
59
  React.createElement(TableHeadCell, { rowData: rowData, isDraggable: true, dragRef: dragRef }),
56
60
  columnsData.map(function (columnValue, index) {
57
- return onMoveColumn ? (React.createElement(TableCellWithDnd, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, index: index, onMoveColumn: onMoveColumn, shouldRenderDragIndicator: false, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging })) : (React.createElement(TableCell, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging }));
61
+ return onMoveColumn ? (React.createElement(TableCellWithDnd, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, index: index, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, shouldRenderDragIndicator: false, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging })) : (React.createElement(TableCell, { key: columnValue.id || index, columnValue: columnValue, rowData: rowData, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging }));
58
62
  })));
59
63
  };
package/esm/components/VerticalHeadingsTable/VerticalHeadingsTable.d.ts CHANGED
@@ -6,9 +6,11 @@ declare type Props = {
6
6
  columnsData: ColumnData[];
7
7
  theadRowsNumber?: number;
8
8
  onMoveRow?: (dragId: string, hoverId: string) => void;
9
+ onDropRow?: () => void;
9
10
  onMoveColumn?: (dragId: string, hoverId: string) => void;
11
+ onDropColumn?: () => void;
10
12
  setHoveredColumn?: (columnValue: ColumnData) => void;
11
13
  resetHoveredColumn?: () => void;
12
14
  };
13
- declare const _default: React.MemoExoticComponent<({ className, rowsData, columnsData, theadRowsNumber, onMoveRow, onMoveColumn, setHoveredColumn, resetHoveredColumn }: Props) => JSX.Element>;
15
+ declare const _default: React.MemoExoticComponent<({ className, rowsData, columnsData, theadRowsNumber, onMoveRow, onDropRow, onMoveColumn, onDropColumn, setHoveredColumn, resetHoveredColumn }: Props) => JSX.Element>;
14
16
  export default _default;
package/esm/components/VerticalHeadingsTable/VerticalHeadingsTable.js CHANGED
@@ -4,7 +4,7 @@ import { TableRowWithDnd } from './TableRowWithDnd/TableRowWithDnd';
4
4
  import { TableColumnDragLayer } from './TableColumnDragLayer/TableColumnDragLayer';
5
5
  var VerticalHeadingsTable = function (_a) {
6
6
  var _b;
7
- var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _c = _a.theadRowsNumber, theadRowsNumber = _c === void 0 ? 0 : _c, onMoveRow = _a.onMoveRow, onMoveColumn = _a.onMoveColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
7
+ var className = _a.className, rowsData = _a.rowsData, columnsData = _a.columnsData, _c = _a.theadRowsNumber, theadRowsNumber = _c === void 0 ? 0 : _c, onMoveRow = _a.onMoveRow, onDropRow = _a.onDropRow, onMoveColumn = _a.onMoveColumn, onDropColumn = _a.onDropColumn, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn;
8
8
  var _d = useState(false), someRowIsDragging = _d[0], setSomeRowIsDragging = _d[1];
9
9
  var tableRef = useRef(null);
10
10
  var tableHeight = (_b = tableRef === null || tableRef === void 0 ? void 0 : tableRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight;
@@ -12,9 +12,9 @@ var VerticalHeadingsTable = function (_a) {
12
12
  return (React.createElement(React.Fragment, null,
13
13
  isDNDActive && React.createElement(TableColumnDragLayer, { columnHeight: tableHeight }),
14
14
  React.createElement("table", { ref: tableRef, className: className },
15
- theadRowsNumber > 0 && (React.createElement("thead", null, rowsData.slice(0, theadRowsNumber).map(function (rowData, index) { return (React.createElement(TableRow, { key: rowData.id || index, rowData: rowData, columnsData: columnsData, index: index, onMoveColumn: onMoveColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn })); }))),
15
+ theadRowsNumber > 0 && (React.createElement("thead", null, rowsData.slice(0, theadRowsNumber).map(function (rowData, index) { return (React.createElement(TableRow, { key: rowData.id || index, rowData: rowData, columnsData: columnsData, index: index, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn })); }))),
16
16
  React.createElement("tbody", null, rowsData.slice(theadRowsNumber).map(function (rowData, index) {
17
- return onMoveRow ? (React.createElement(TableRowWithDnd, { key: rowData.id || index, index: index + theadRowsNumber, rowData: rowData, columnsData: columnsData, onMoveRow: onMoveRow, onMoveColumn: onMoveColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging, setSomeRowIsDragging: setSomeRowIsDragging })) : (React.createElement(TableRow, { key: rowData.id || index, index: index + theadRowsNumber, rowData: rowData, columnsData: columnsData, onMoveColumn: onMoveColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn }));
17
+ return onMoveRow ? (React.createElement(TableRowWithDnd, { key: rowData.id || index, index: index + theadRowsNumber, rowData: rowData, columnsData: columnsData, onMoveRow: onMoveRow, onDropRow: onDropRow, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn, someRowIsDragging: someRowIsDragging, setSomeRowIsDragging: setSomeRowIsDragging })) : (React.createElement(TableRow, { key: rowData.id || index, index: index + theadRowsNumber, rowData: rowData, columnsData: columnsData, onMoveColumn: onMoveColumn, onDropColumn: onDropColumn, setHoveredColumn: setHoveredColumn, resetHoveredColumn: resetHoveredColumn }));
18
18
  })))));
19
19
  };
20
20
  export default memo(VerticalHeadingsTable);
package/esm/components/index.d.ts CHANGED
@@ -144,3 +144,4 @@ export { TenantIcon } from './TenantIcon/TenantIcon';
144
144
  export { TenantsDropDownSelector } from './TenantsDropDownSelector/TenantsDropDownSelector';
145
145
  export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';
146
146
  export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';
147
+ export { default as RequiredMark } from './RequiredMark/RequiredMark';
package/esm/components/index.js CHANGED
@@ -144,3 +144,4 @@ export { TenantIcon } from './TenantIcon/TenantIcon';
144
144
  export { TenantsDropDownSelector } from './TenantsDropDownSelector/TenantsDropDownSelector';
145
145
  export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';
146
146
  export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';
147
+ export { default as RequiredMark } from './RequiredMark/RequiredMark';
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1483",
3
+ "version": "1.4.1484",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
7
7
  "dependencies": {
8
8
  "@date-io/moment": "^1.3.5",
9
9
  "@react-google-maps/api": "2.7.0",
10
- "@reltio/mdm-module": "^1.4.1483",
11
- "@reltio/mdm-sdk": "^1.4.1483",
10
+ "@reltio/mdm-module": "^1.4.1484",
11
+ "@reltio/mdm-sdk": "^1.4.1484",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",