@reltio/components 1.4.1342 → 1.4.1343

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 (25) hide show
  1. package/cjs/components/EmptyState/styles.d.ts +1 -1
  2. package/cjs/components/ProfileBandNavigation/ProfileBandNavigation.d.ts +4 -1
  3. package/cjs/components/ProfileBandNavigation/ProfileBandNavigation.js +4 -3
  4. package/cjs/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts +2 -1
  5. package/cjs/components/ProfileBandNavigation/ProfileBandNavigationWidget.js +3 -2
  6. package/cjs/components/ScreenProfileBand/ScreenProfileBand.d.ts +10 -0
  7. package/cjs/components/ScreenProfileBand/ScreenProfileBand.js +54 -0
  8. package/cjs/components/ScreenProfileBand/styles.d.ts +1 -0
  9. package/cjs/components/ScreenProfileBand/styles.js +13 -0
  10. package/cjs/components/SidePanelEmptyState/styles.d.ts +1 -1
  11. package/cjs/components/index.d.ts +1 -0
  12. package/cjs/components/index.js +5 -3
  13. package/esm/components/EmptyState/styles.d.ts +1 -1
  14. package/esm/components/ProfileBandNavigation/ProfileBandNavigation.d.ts +4 -1
  15. package/esm/components/ProfileBandNavigation/ProfileBandNavigation.js +4 -3
  16. package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts +2 -1
  17. package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.js +3 -2
  18. package/esm/components/ScreenProfileBand/ScreenProfileBand.d.ts +10 -0
  19. package/esm/components/ScreenProfileBand/ScreenProfileBand.js +25 -0
  20. package/esm/components/ScreenProfileBand/styles.d.ts +1 -0
  21. package/esm/components/ScreenProfileBand/styles.js +10 -0
  22. package/esm/components/SidePanelEmptyState/styles.d.ts +1 -1
  23. package/esm/components/index.d.ts +1 -0
  24. package/esm/components/index.js +1 -0
  25. package/package.json +3 -3
package/cjs/components/EmptyState/styles.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "text" | "root" | "root_small" | "embedded" | "full" | "textBox" | "secondaryText">;
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "text" | "root" | "textBox" | "secondaryText" | "root_small" | "embedded" | "full">;
package/cjs/components/ProfileBandNavigation/ProfileBandNavigation.d.ts CHANGED
@@ -1,3 +1,6 @@
1
1
  /// <reference types="react" />
2
- declare const ProfileBandNavigation: () => JSX.Element;
2
+ declare type Props = {
3
+ className?: string;
4
+ };
5
+ declare const ProfileBandNavigation: ({ className }: Props) => JSX.Element;
3
6
  export { ProfileBandNavigation };
package/cjs/components/ProfileBandNavigation/ProfileBandNavigation.js CHANGED
@@ -8,9 +8,10 @@ var react_1 = __importDefault(require("react"));
8
8
  var ProfileBandNavigationWidget_1 = require("./ProfileBandNavigationWidget");
9
9
  var useSearchNavigation_1 = require("./hooks/useSearchNavigation");
10
10
  var useSearchNavigationVisibility_1 = require("./hooks/useSearchNavigationVisibility");
11
- var ProfileBandNavigation = function () {
12
- var _a = (0, useSearchNavigation_1.useSearchNavigation)(), total = _a.total, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
11
+ var ProfileBandNavigation = function (_a) {
12
+ var className = _a.className;
13
+ var _b = (0, useSearchNavigation_1.useSearchNavigation)(), total = _b.total, onPrev = _b.onPrev, onNext = _b.onNext, onSearchResultsClick = _b.onSearchResultsClick, isPrevDisabled = _b.isPrevDisabled, isNextDisabled = _b.isNextDisabled;
13
14
  var isVisible = (0, useSearchNavigationVisibility_1.useSearchNavigationVisibility)();
14
- return isVisible ? (react_1.default.createElement(ProfileBandNavigationWidget_1.ProfileBandNavigationWidget, { total: total, onPrev: onPrev, onNext: onNext, onSearchResultsClick: onSearchResultsClick, isPrevDisabled: isPrevDisabled, isNextDisabled: isNextDisabled })) : null;
15
+ return isVisible ? (react_1.default.createElement(ProfileBandNavigationWidget_1.ProfileBandNavigationWidget, { className: className, total: total, onPrev: onPrev, onNext: onNext, onSearchResultsClick: onSearchResultsClick, isPrevDisabled: isPrevDisabled, isNextDisabled: isNextDisabled })) : null;
15
16
  };
16
17
  exports.ProfileBandNavigation = ProfileBandNavigation;
package/cjs/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts CHANGED
@@ -16,6 +16,7 @@ declare const LinkWithTooltip: React.ForwardRefExoticComponent<import("prop-type
16
16
  component: string;
17
17
  }>;
18
18
  declare type Props = {
19
+ className?: string;
19
20
  total?: number;
20
21
  onPrev?: () => void;
21
22
  onNext?: () => void;
@@ -23,5 +24,5 @@ declare type Props = {
23
24
  isPrevDisabled?: boolean;
24
25
  isNextDisabled?: boolean;
25
26
  };
26
- declare const ProfileBandNavigationWidget: ({ total, onPrev, onNext, onSearchResultsClick, isPrevDisabled, isNextDisabled }: Props) => JSX.Element;
27
+ declare const ProfileBandNavigationWidget: ({ className, total, onPrev, onNext, onSearchResultsClick, isPrevDisabled, isNextDisabled }: Props) => JSX.Element;
27
28
  export { ProfileBandNavigationWidget, LinkWithTooltip };
package/cjs/components/ProfileBandNavigation/ProfileBandNavigationWidget.js CHANGED
@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.LinkWithTooltip = exports.ProfileBandNavigationWidget = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
+ var classnames_1 = __importDefault(require("classnames"));
8
9
  var ui_i18n_1 = __importDefault(require("ui-i18n"));
9
10
  var Link_1 = __importDefault(require("@material-ui/core/Link"));
10
11
  var HOCs_1 = require("../../HOCs");
@@ -16,9 +17,9 @@ var styles_1 = require("./styles");
16
17
  var LinkWithTooltip = (0, HOCs_1.withTooltip)(Link_1.default);
17
18
  exports.LinkWithTooltip = LinkWithTooltip;
18
19
  var ProfileBandNavigationWidget = function (_a) {
19
- var _b = _a.total, total = _b === void 0 ? 0 : _b, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
20
+ var className = _a.className, _b = _a.total, total = _b === void 0 ? 0 : _b, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
20
21
  var styles = (0, styles_1.useStyles)();
21
- return (react_1.default.createElement("div", { className: styles.container },
22
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.container, className) },
22
23
  react_1.default.createElement(LinkWithTooltip, { className: styles.link, component: "button", variant: "caption", onClick: onSearchResultsClick, underline: "none", tooltipTitle: ui_i18n_1.default.text('Go to search results') },
23
24
  (0, mdm_sdk_1.formatNumberAsMetric)(total, 1000000),
24
25
  ' ',
package/cjs/components/ScreenProfileBand/ScreenProfileBand.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { Entity } from '@reltio/mdm-sdk';
3
+ import { HistorySlice } from '@reltio/mdm-module';
4
+ declare type Props = {
5
+ entity: Entity;
6
+ className?: string;
7
+ historySlice?: HistorySlice;
8
+ };
9
+ export declare const ScreenProfileBand: React.MemoExoticComponent<({ entity, className, historySlice }: Props) => JSX.Element>;
10
+ export {};
package/cjs/components/ScreenProfileBand/ScreenProfileBand.js ADDED
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.ScreenProfileBand = void 0;
30
+ var react_1 = __importStar(require("react"));
31
+ var classnames_1 = __importDefault(require("classnames"));
32
+ var mdm_sdk_1 = require("@reltio/mdm-sdk");
33
+ var ProfileBand_1 = __importDefault(require("../ProfileBand/ProfileBand"));
34
+ var ProfileBandNavigation_1 = require("../ProfileBandNavigation");
35
+ var CommentsContainer_1 = __importDefault(require("../CommentsContainer/CommentsContainer"));
36
+ var contexts_1 = require("../../contexts");
37
+ var constants_1 = require("../../constants");
38
+ var hooks_1 = require("../../hooks");
39
+ var history_1 = require("../history");
40
+ var styles_1 = require("./styles");
41
+ exports.ScreenProfileBand = (0, react_1.memo)(function (_a) {
42
+ var entity = _a.entity, className = _a.className, historySlice = _a.historySlice;
43
+ var styles = (0, styles_1.useStyles)();
44
+ var objectIds = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getProfileBandObjectIdsForCollaboration)(entity); }, [entity]);
45
+ var collaboration = (0, hooks_1.useCollaboration)({ objectIds: objectIds });
46
+ var entityUri = (0, mdm_sdk_1.getEntityUriForLink)(entity);
47
+ return (react_1.default.createElement(contexts_1.CollaborationContext.Provider, { value: collaboration },
48
+ react_1.default.createElement(ProfileBand_1.default, { className: (0, classnames_1.default)(className, constants_1.COMMENTS_CONTAINER_VISIBILITY_AREA), entity: (historySlice === null || historySlice === void 0 ? void 0 : historySlice.aEntity) || entity }, historySlice ? (react_1.default.createElement(history_1.ProfileBandHistory, null)) : (react_1.default.createElement(react_1.default.Fragment, null,
49
+ react_1.default.createElement(ProfileBandNavigation_1.ProfileBandNavigation, { className: styles.profileBandNavigation }),
50
+ react_1.default.createElement(CommentsContainer_1.default, { className: styles.comments, uri: entityUri, relatedObjectUris: (0, mdm_sdk_1.createRelatedObjectUris)(mdm_sdk_1.CollaborationObjectTypes.ENTITY, {
51
+ entityUri: entityUri
52
+ }), objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY }))))));
53
+ });
54
+ exports.ScreenProfileBand.displayName = 'ScreenProfileBand';
package/cjs/components/ScreenProfileBand/styles.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"comments" | "profileBandNavigation">;
package/cjs/components/ScreenProfileBand/styles.js ADDED
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useStyles = void 0;
4
+ var styles_1 = require("@material-ui/core/styles");
5
+ exports.useStyles = (0, styles_1.makeStyles)({
6
+ profileBandNavigation: {
7
+ marginBottom: '10px'
8
+ },
9
+ comments: {
10
+ display: 'flex',
11
+ justifyContent: 'flex-end'
12
+ }
13
+ });
package/cjs/components/SidePanelEmptyState/styles.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "root" | "textBox" | "secondaryText" | "logo">;
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "root" | "logo" | "textBox" | "secondaryText">;
package/cjs/components/index.d.ts CHANGED
@@ -25,6 +25,7 @@ export { default as AutoSizeList } from './AutoSizeList/AutoSizeList';
25
25
  export { default as AvatarWithFallback } from './AvatarWithFallback/AvatarWithFallback';
26
26
  export * from './BasicTableView';
27
27
  export { ProfileBandNavigation } from './ProfileBandNavigation';
28
+ export { ScreenProfileBand } from './ScreenProfileBand/ScreenProfileBand';
28
29
  export { default as BasicView } from './BasicView/BasicView';
29
30
  export { default as BasicViewContent } from './BasicViewContent/BasicViewContent';
30
31
  export { default as BasicViewHeader } from './BasicViewHeader/BasicViewHeader';
package/cjs/components/index.js CHANGED
@@ -17,9 +17,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
17
17
  return (mod && mod.__esModule) ? mod : { "default": mod };
18
18
  };
19
19
  Object.defineProperty(exports, "__esModule", { value: true });
20
- exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = 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.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.AttributesView = exports.AttributeListItem = void 0;
21
- exports.SidePanelEmptyState = exports.SideButtonsPanel = 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 = void 0;
22
- 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 = void 0;
20
+ exports.EMPTY_STATE_ICONS = 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.AttributesView = exports.AttributeListItem = void 0;
21
+ exports.SideButtonsPanel = 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 = void 0;
22
+ 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 = 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; } });
@@ -73,6 +73,8 @@ Object.defineProperty(exports, "AvatarWithFallback", { enumerable: true, get: fu
73
73
  __exportStar(require("./BasicTableView"), exports);
74
74
  var ProfileBandNavigation_1 = require("./ProfileBandNavigation");
75
75
  Object.defineProperty(exports, "ProfileBandNavigation", { enumerable: true, get: function () { return ProfileBandNavigation_1.ProfileBandNavigation; } });
76
+ var ScreenProfileBand_1 = require("./ScreenProfileBand/ScreenProfileBand");
77
+ Object.defineProperty(exports, "ScreenProfileBand", { enumerable: true, get: function () { return ScreenProfileBand_1.ScreenProfileBand; } });
76
78
  var BasicView_1 = require("./BasicView/BasicView");
77
79
  Object.defineProperty(exports, "BasicView", { enumerable: true, get: function () { return __importDefault(BasicView_1).default; } });
78
80
  var BasicViewContent_1 = require("./BasicViewContent/BasicViewContent");
package/esm/components/EmptyState/styles.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "text" | "root" | "root_small" | "embedded" | "full" | "textBox" | "secondaryText">;
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "text" | "root" | "textBox" | "secondaryText" | "root_small" | "embedded" | "full">;
package/esm/components/ProfileBandNavigation/ProfileBandNavigation.d.ts CHANGED
@@ -1,3 +1,6 @@
1
1
  /// <reference types="react" />
2
- declare const ProfileBandNavigation: () => JSX.Element;
2
+ declare type Props = {
3
+ className?: string;
4
+ };
5
+ declare const ProfileBandNavigation: ({ className }: Props) => JSX.Element;
3
6
  export { ProfileBandNavigation };
package/esm/components/ProfileBandNavigation/ProfileBandNavigation.js CHANGED
@@ -2,9 +2,10 @@ import React from 'react';
2
2
  import { ProfileBandNavigationWidget } from './ProfileBandNavigationWidget';
3
3
  import { useSearchNavigation } from './hooks/useSearchNavigation';
4
4
  import { useSearchNavigationVisibility } from './hooks/useSearchNavigationVisibility';
5
- var ProfileBandNavigation = function () {
6
- var _a = useSearchNavigation(), total = _a.total, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
5
+ var ProfileBandNavigation = function (_a) {
6
+ var className = _a.className;
7
+ var _b = useSearchNavigation(), total = _b.total, onPrev = _b.onPrev, onNext = _b.onNext, onSearchResultsClick = _b.onSearchResultsClick, isPrevDisabled = _b.isPrevDisabled, isNextDisabled = _b.isNextDisabled;
7
8
  var isVisible = useSearchNavigationVisibility();
8
- return isVisible ? (React.createElement(ProfileBandNavigationWidget, { total: total, onPrev: onPrev, onNext: onNext, onSearchResultsClick: onSearchResultsClick, isPrevDisabled: isPrevDisabled, isNextDisabled: isNextDisabled })) : null;
9
+ return isVisible ? (React.createElement(ProfileBandNavigationWidget, { className: className, total: total, onPrev: onPrev, onNext: onNext, onSearchResultsClick: onSearchResultsClick, isPrevDisabled: isPrevDisabled, isNextDisabled: isNextDisabled })) : null;
9
10
  };
10
11
  export { ProfileBandNavigation };
package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts CHANGED
@@ -16,6 +16,7 @@ declare const LinkWithTooltip: React.ForwardRefExoticComponent<import("prop-type
16
16
  component: string;
17
17
  }>;
18
18
  declare type Props = {
19
+ className?: string;
19
20
  total?: number;
20
21
  onPrev?: () => void;
21
22
  onNext?: () => void;
@@ -23,5 +24,5 @@ declare type Props = {
23
24
  isPrevDisabled?: boolean;
24
25
  isNextDisabled?: boolean;
25
26
  };
26
- declare const ProfileBandNavigationWidget: ({ total, onPrev, onNext, onSearchResultsClick, isPrevDisabled, isNextDisabled }: Props) => JSX.Element;
27
+ declare const ProfileBandNavigationWidget: ({ className, total, onPrev, onNext, onSearchResultsClick, isPrevDisabled, isNextDisabled }: Props) => JSX.Element;
27
28
  export { ProfileBandNavigationWidget, LinkWithTooltip };
package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import classnames from 'classnames';
2
3
  import i18n from 'ui-i18n';
3
4
  import Link from '@material-ui/core/Link';
4
5
  import { withTooltip } from '../../HOCs';
@@ -9,9 +10,9 @@ import { formatNumberAsMetric } from '@reltio/mdm-sdk';
9
10
  import { useStyles } from './styles';
10
11
  var LinkWithTooltip = withTooltip(Link);
11
12
  var ProfileBandNavigationWidget = function (_a) {
12
- var _b = _a.total, total = _b === void 0 ? 0 : _b, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
13
+ var className = _a.className, _b = _a.total, total = _b === void 0 ? 0 : _b, onPrev = _a.onPrev, onNext = _a.onNext, onSearchResultsClick = _a.onSearchResultsClick, isPrevDisabled = _a.isPrevDisabled, isNextDisabled = _a.isNextDisabled;
13
14
  var styles = useStyles();
14
- return (React.createElement("div", { className: styles.container },
15
+ return (React.createElement("div", { className: classnames(styles.container, className) },
15
16
  React.createElement(LinkWithTooltip, { className: styles.link, component: "button", variant: "caption", onClick: onSearchResultsClick, underline: "none", tooltipTitle: i18n.text('Go to search results') },
16
17
  formatNumberAsMetric(total, 1000000),
17
18
  ' ',
package/esm/components/ScreenProfileBand/ScreenProfileBand.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { Entity } from '@reltio/mdm-sdk';
3
+ import { HistorySlice } from '@reltio/mdm-module';
4
+ declare type Props = {
5
+ entity: Entity;
6
+ className?: string;
7
+ historySlice?: HistorySlice;
8
+ };
9
+ export declare const ScreenProfileBand: React.MemoExoticComponent<({ entity, className, historySlice }: Props) => JSX.Element>;
10
+ export {};
package/esm/components/ScreenProfileBand/ScreenProfileBand.js ADDED
@@ -0,0 +1,25 @@
1
+ import React, { memo, useMemo } from 'react';
2
+ import classnames from 'classnames';
3
+ import { CollaborationObjectTypes, createRelatedObjectUris, getEntityUriForLink, getProfileBandObjectIdsForCollaboration } from '@reltio/mdm-sdk';
4
+ import ProfileBand from '../ProfileBand/ProfileBand';
5
+ import { ProfileBandNavigation } from '../ProfileBandNavigation';
6
+ import CommentsContainer from '../CommentsContainer/CommentsContainer';
7
+ import { CollaborationContext } from '../../contexts';
8
+ import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../constants';
9
+ import { useCollaboration } from '../../hooks';
10
+ import { ProfileBandHistory } from '../history';
11
+ import { useStyles } from './styles';
12
+ export var ScreenProfileBand = memo(function (_a) {
13
+ var entity = _a.entity, className = _a.className, historySlice = _a.historySlice;
14
+ var styles = useStyles();
15
+ var objectIds = useMemo(function () { return getProfileBandObjectIdsForCollaboration(entity); }, [entity]);
16
+ var collaboration = useCollaboration({ objectIds: objectIds });
17
+ var entityUri = getEntityUriForLink(entity);
18
+ return (React.createElement(CollaborationContext.Provider, { value: collaboration },
19
+ React.createElement(ProfileBand, { className: classnames(className, COMMENTS_CONTAINER_VISIBILITY_AREA), entity: (historySlice === null || historySlice === void 0 ? void 0 : historySlice.aEntity) || entity }, historySlice ? (React.createElement(ProfileBandHistory, null)) : (React.createElement(React.Fragment, null,
20
+ React.createElement(ProfileBandNavigation, { className: styles.profileBandNavigation }),
21
+ React.createElement(CommentsContainer, { className: styles.comments, uri: entityUri, relatedObjectUris: createRelatedObjectUris(CollaborationObjectTypes.ENTITY, {
22
+ entityUri: entityUri
23
+ }), objectType: CollaborationObjectTypes.ENTITY }))))));
24
+ });
25
+ ScreenProfileBand.displayName = 'ScreenProfileBand';
package/esm/components/ScreenProfileBand/styles.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"comments" | "profileBandNavigation">;
package/esm/components/ScreenProfileBand/styles.js ADDED
@@ -0,0 +1,10 @@
1
+ import { makeStyles } from '@material-ui/core/styles';
2
+ export var useStyles = makeStyles({
3
+ profileBandNavigation: {
4
+ marginBottom: '10px'
5
+ },
6
+ comments: {
7
+ display: 'flex',
8
+ justifyContent: 'flex-end'
9
+ }
10
+ });
package/esm/components/SidePanelEmptyState/styles.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "root" | "textBox" | "secondaryText" | "logo">;
1
+ export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "root" | "logo" | "textBox" | "secondaryText">;
package/esm/components/index.d.ts CHANGED
@@ -25,6 +25,7 @@ export { default as AutoSizeList } from './AutoSizeList/AutoSizeList';
25
25
  export { default as AvatarWithFallback } from './AvatarWithFallback/AvatarWithFallback';
26
26
  export * from './BasicTableView';
27
27
  export { ProfileBandNavigation } from './ProfileBandNavigation';
28
+ export { ScreenProfileBand } from './ScreenProfileBand/ScreenProfileBand';
28
29
  export { default as BasicView } from './BasicView/BasicView';
29
30
  export { default as BasicViewContent } from './BasicViewContent/BasicViewContent';
30
31
  export { default as BasicViewHeader } from './BasicViewHeader/BasicViewHeader';
package/esm/components/index.js CHANGED
@@ -25,6 +25,7 @@ export { default as AutoSizeList } from './AutoSizeList/AutoSizeList';
25
25
  export { default as AvatarWithFallback } from './AvatarWithFallback/AvatarWithFallback';
26
26
  export * from './BasicTableView';
27
27
  export { ProfileBandNavigation } from './ProfileBandNavigation';
28
+ export { ScreenProfileBand } from './ScreenProfileBand/ScreenProfileBand';
28
29
  export { default as BasicView } from './BasicView/BasicView';
29
30
  export { default as BasicViewContent } from './BasicViewContent/BasicViewContent';
30
31
  export { default as BasicViewHeader } from './BasicViewHeader/BasicViewHeader';
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1342",
3
+ "version": "1.4.1343",
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.1342",
11
- "@reltio/mdm-sdk": "^1.4.1342",
10
+ "@reltio/mdm-module": "^1.4.1343",
11
+ "@reltio/mdm-sdk": "^1.4.1343",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",