@reltio/components 1.4.1425 → 1.4.1427

package/cjs/components/PopupWithArrow/styles.d.ts

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

package/cjs/components/ProfileCard/ProfileCardPlaceholder/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "secondaryLabel" | "avatar" | "info" | "thirdRow" | "@keyframes keyframes-wave" | "wave">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "secondaryLabel" | "info" | "avatar" | "thirdRow" | "@keyframes keyframes-wave" | "wave">;

package/cjs/components/ProfilesList/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"inactive" | "label" | "image" | "selected" | "secondaryLabel" | "item" | "avatar" | "clickable" | "info" | "businessCard" | "@keyframes animate" | "highlighted" | "justImported" | "secondRow">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"inactive" | "label" | "image" | "selected" | "secondaryLabel" | "item" | "info" | "avatar" | "clickable" | "businessCard" | "@keyframes animate" | "highlighted" | "justImported" | "secondRow">;

package/cjs/components/ScreenProfileBand/ScreenProfileBand.js

@@ -44,7 +44,7 @@ exports.ScreenProfileBand = (0, react_1.memo)(function (_a) {
     var objectIds = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getProfileBandObjectIdsForCollaboration)(entity); }, [entity]);
     var collaboration = (0, hooks_1.useCollaboration)({ objectIds: objectIds });
     var entityUri = (0, mdm_sdk_1.getEntityUriForLink)(entity);
-    return (react_1.default.createElement(contexts_1.CollaborationContext.Provider, { value: collaboration },
+    return (react_1.default.createElement(contexts_1.CollaborationContextProvider, { collaboration: collaboration },
         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,
             react_1.default.createElement(ProfileBandNavigation_1.ProfileBandNavigation, { className: styles.profileBandNavigation }),
             react_1.default.createElement(CommentsContainer_1.default, { className: styles.comments, uri: entityUri, relatedObjectUris: (0, mdm_sdk_1.createRelatedObjectUris)(mdm_sdk_1.CollaborationObjectTypes.ENTITY, {

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

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

package/cjs/components/workflow/components/WorkflowComments/styles.d.ts

@@ -1,4 +1,4 @@
 export const useCommentStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<never>;
-export const useCollapsedCommentsStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"delimiter" | "circleButton">;
+export const useCollapsedCommentsStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"circleButton" | "delimiter">;
 export const useWorkflowStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "container" | "commentsContainer" | "filledInputRoot">;
 export const useExpandedComments: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"messageContainer">;

package/cjs/contexts/CollaborationContext/index.d.ts

@@ -45,3 +45,7 @@ export declare const CollaborationContext: React.Context<{
     loading: boolean;
     pageToken: string;
 }>;
+export declare const CollaborationContextProvider: ({ collaboration, children }: {
+    collaboration: any;
+    children: any;
+}) => JSX.Element;

package/cjs/contexts/CollaborationContext/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollaborationContext = void 0;
+exports.CollaborationContextProvider = exports.CollaborationContext = void 0;
 var react_1 = __importDefault(require("react"));
+var hooks_1 = require("../../hooks");
+var UsersContext_1 = require("../UsersContext");
 var noop = function () { };
 exports.CollaborationContext = react_1.default.createContext({
     comments: [],
@@ -30,3 +32,10 @@ exports.CollaborationContext = react_1.default.createContext({
     editReply: function () { return new Promise(noop); }
 });
 exports.CollaborationContext.displayName = 'CollaborationContext';
+var CollaborationContextProvider = function (_a) {
+    var collaboration = _a.collaboration, children = _a.children;
+    var users = (0, hooks_1.useUsers)();
+    return (react_1.default.createElement(exports.CollaborationContext.Provider, { value: collaboration },
+        react_1.default.createElement(UsersContext_1.UsersContext.Provider, { value: users }, children)));
+};
+exports.CollaborationContextProvider = CollaborationContextProvider;

package/cjs/contexts/index.d.ts

@@ -3,7 +3,7 @@ export { HistoryDiffContext } from './HistoryAppearanceContext';
 export { PopupBoundariesContext } from './PopupBoundariesContext';
 export { ViewIdContext } from './ViewIdContext';
 export { BlockImageGalleryDialogContext } from './BlockImageGalleryDialogContext';
-export { CollaborationContext } from './CollaborationContext';
+export { CollaborationContext, CollaborationContextProvider } from './CollaborationContext';
 export { UsersContext } from './UsersContext';
 export { PivotingAttributeContext } from './PivotingAttributeContext';
 export { ProfilePerspectiveViewContext } from './ProfilePerspectiveViewContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabelsContext = exports.UrlGeneratorsContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
+exports.LabelsContext = exports.UrlGeneratorsContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -13,6 +13,7 @@ var BlockImageGalleryDialogContext_1 = require("./BlockImageGalleryDialogContext
 Object.defineProperty(exports, "BlockImageGalleryDialogContext", { enumerable: true, get: function () { return BlockImageGalleryDialogContext_1.BlockImageGalleryDialogContext; } });
 var CollaborationContext_1 = require("./CollaborationContext");
 Object.defineProperty(exports, "CollaborationContext", { enumerable: true, get: function () { return CollaborationContext_1.CollaborationContext; } });
+Object.defineProperty(exports, "CollaborationContextProvider", { enumerable: true, get: function () { return CollaborationContext_1.CollaborationContextProvider; } });
 var UsersContext_1 = require("./UsersContext");
 Object.defineProperty(exports, "UsersContext", { enumerable: true, get: function () { return UsersContext_1.UsersContext; } });
 var PivotingAttributeContext_1 = require("./PivotingAttributeContext");

package/cjs/hooks/useCollaboration.js

@@ -128,7 +128,7 @@ var useCollaboration = function (_a) {
             objectType: objectType,
             visibility: 'public',
             namedUsers: namedUsers,
-            permanentLink: ''
+            permanentLink: "".concat(window.location.href, "&commentId=").concat(encodeURIComponent('{commentId}'))
         };
         return (0, mdm_sdk_1.createComment)({ collaborationPath: collaborationPath, tenant: tenant, data: data })
             .then(function (_a) {
@@ -148,7 +148,6 @@ var useCollaboration = function (_a) {
             objectType: objectType,
             visibility: 'public',
             namedUsers: namedUsers,
-            permanentLink: '',
             commentId: commentId,
             replies: replies
         };

package/cjs/hooks/useScrollToAttributeError/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"highlightError" | "@keyframes highlightAnimation" | "highlightWarning" | "simpleAttribute">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"@keyframes highlightAnimation" | "highlightError" | "highlightWarning" | "simpleAttribute">;

package/cjs/hooks/useUsers.js

@@ -8,6 +8,8 @@ var react_1 = require("react");
 var react_redux_1 = require("react-redux");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var memoize_one_1 = __importDefault(require("memoize-one"));
+var getAllUsersForTenantMemoized = (0, memoize_one_1.default)(function (tenant, servicesPath) { return (0, mdm_sdk_1.getAllUsersForTenant)({ tenant: tenant, servicesPath: servicesPath }); });
 var useUsers = function () {
     var _a = (0, react_1.useState)([]), users = _a[0], setUsers = _a[1];
     var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
@@ -17,7 +19,7 @@ var useUsers = function () {
         setUsers([]);
     };
     (0, react_1.useEffect)(function () {
-        (0, mdm_sdk_1.getAllUsersForTenant)({ tenant: tenant, servicesPath: servicesPath })
+        getAllUsersForTenantMemoized(tenant, servicesPath)
             .then(function (users) { return setUsers(users); })
             .catch(onError);
     }, [tenant, servicesPath]);

package/esm/components/PopupWithArrow/styles.d.ts

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

package/esm/components/ProfileCard/ProfileCardPlaceholder/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "secondaryLabel" | "avatar" | "info" | "thirdRow" | "@keyframes keyframes-wave" | "wave">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "secondaryLabel" | "info" | "avatar" | "thirdRow" | "@keyframes keyframes-wave" | "wave">;

package/esm/components/ProfilesList/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"inactive" | "label" | "image" | "selected" | "secondaryLabel" | "item" | "avatar" | "clickable" | "info" | "businessCard" | "@keyframes animate" | "highlighted" | "justImported" | "secondRow">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"inactive" | "label" | "image" | "selected" | "secondaryLabel" | "item" | "info" | "avatar" | "clickable" | "businessCard" | "@keyframes animate" | "highlighted" | "justImported" | "secondRow">;

package/esm/components/ScreenProfileBand/ScreenProfileBand.js

@@ -4,7 +4,7 @@ import { CollaborationObjectTypes, createRelatedObjectUris, getEntityUriForLink,
 import ProfileBand from '../ProfileBand/ProfileBand';
 import { ProfileBandNavigation } from '../ProfileBandNavigation';
 import CommentsContainer from '../CommentsContainer/CommentsContainer';
-import { CollaborationContext } from '../../contexts';
+import { CollaborationContextProvider } from '../../contexts';
 import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../constants';
 import { useCollaboration } from '../../hooks';
 import { ProfileBandHistory } from '../history';
@@ -15,7 +15,7 @@ export var ScreenProfileBand = memo(function (_a) {
     var objectIds = useMemo(function () { return getProfileBandObjectIdsForCollaboration(entity); }, [entity]);
     var collaboration = useCollaboration({ objectIds: objectIds });
     var entityUri = getEntityUriForLink(entity);
-    return (React.createElement(CollaborationContext.Provider, { value: collaboration },
+    return (React.createElement(CollaborationContextProvider, { collaboration: collaboration },
         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,
             React.createElement(ProfileBandNavigation, { className: styles.profileBandNavigation }),
             React.createElement(CommentsContainer, { className: styles.comments, uri: entityUri, relatedObjectUris: createRelatedObjectUris(CollaborationObjectTypes.ENTITY, {

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

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

package/esm/components/workflow/components/WorkflowComments/styles.d.ts

@@ -1,4 +1,4 @@
 export const useCommentStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<never>;
-export const useCollapsedCommentsStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"delimiter" | "circleButton">;
+export const useCollapsedCommentsStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"circleButton" | "delimiter">;
 export const useWorkflowStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "container" | "commentsContainer" | "filledInputRoot">;
 export const useExpandedComments: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"messageContainer">;

package/esm/contexts/CollaborationContext/index.d.ts

@@ -45,3 +45,7 @@ export declare const CollaborationContext: React.Context<{
     loading: boolean;
     pageToken: string;
 }>;
+export declare const CollaborationContextProvider: ({ collaboration, children }: {
+    collaboration: any;
+    children: any;
+}) => JSX.Element;

package/esm/contexts/CollaborationContext/index.js

@@ -1,4 +1,6 @@
 import React from 'react';
+import { useUsers } from '../../hooks';
+import { UsersContext } from '../UsersContext';
 var noop = function () { };
 export var CollaborationContext = React.createContext({
     comments: [],
@@ -24,3 +26,9 @@ export var CollaborationContext = React.createContext({
     editReply: function () { return new Promise(noop); }
 });
 CollaborationContext.displayName = 'CollaborationContext';
+export var CollaborationContextProvider = function (_a) {
+    var collaboration = _a.collaboration, children = _a.children;
+    var users = useUsers();
+    return (React.createElement(CollaborationContext.Provider, { value: collaboration },
+        React.createElement(UsersContext.Provider, { value: users }, children)));
+};

package/esm/contexts/index.d.ts

@@ -3,7 +3,7 @@ export { HistoryDiffContext } from './HistoryAppearanceContext';
 export { PopupBoundariesContext } from './PopupBoundariesContext';
 export { ViewIdContext } from './ViewIdContext';
 export { BlockImageGalleryDialogContext } from './BlockImageGalleryDialogContext';
-export { CollaborationContext } from './CollaborationContext';
+export { CollaborationContext, CollaborationContextProvider } from './CollaborationContext';
 export { UsersContext } from './UsersContext';
 export { PivotingAttributeContext } from './PivotingAttributeContext';
 export { ProfilePerspectiveViewContext } from './ProfilePerspectiveViewContext';

package/esm/contexts/index.js

@@ -3,7 +3,7 @@ export { HistoryDiffContext } from './HistoryAppearanceContext';
 export { PopupBoundariesContext } from './PopupBoundariesContext';
 export { ViewIdContext } from './ViewIdContext';
 export { BlockImageGalleryDialogContext } from './BlockImageGalleryDialogContext';
-export { CollaborationContext } from './CollaborationContext';
+export { CollaborationContext, CollaborationContextProvider } from './CollaborationContext';
 export { UsersContext } from './UsersContext';
 export { PivotingAttributeContext } from './PivotingAttributeContext';
 export { ProfilePerspectiveViewContext } from './ProfilePerspectiveViewContext';

package/esm/hooks/useCollaboration.js

@@ -122,7 +122,7 @@ export var useCollaboration = function (_a) {
             objectType: objectType,
             visibility: 'public',
             namedUsers: namedUsers,
-            permanentLink: ''
+            permanentLink: "".concat(window.location.href, "&commentId=").concat(encodeURIComponent('{commentId}'))
         };
         return createCommentRequest({ collaborationPath: collaborationPath, tenant: tenant, data: data })
             .then(function (_a) {
@@ -142,7 +142,6 @@ export var useCollaboration = function (_a) {
             objectType: objectType,
             visibility: 'public',
             namedUsers: namedUsers,
-            permanentLink: '',
             commentId: commentId,
             replies: replies
         };

package/esm/hooks/useScrollToAttributeError/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"highlightError" | "@keyframes highlightAnimation" | "highlightWarning" | "simpleAttribute">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"@keyframes highlightAnimation" | "highlightError" | "highlightWarning" | "simpleAttribute">;

package/esm/hooks/useUsers.js

@@ -2,6 +2,8 @@ import { useEffect, useState } from 'react';
 import { useSelector } from 'react-redux';
 import { getAllUsersForTenant } from '@reltio/mdm-sdk';
 import mdm from '@reltio/mdm-module';
+import memoizeOne from 'memoize-one';
+var getAllUsersForTenantMemoized = memoizeOne(function (tenant, servicesPath) { return getAllUsersForTenant({ tenant: tenant, servicesPath: servicesPath }); });
 export var useUsers = function () {
     var _a = useState([]), users = _a[0], setUsers = _a[1];
     var tenant = useSelector(mdm.selectors.getTenant);
@@ -11,7 +13,7 @@ export var useUsers = function () {
         setUsers([]);
     };
     useEffect(function () {
-        getAllUsersForTenant({ tenant: tenant, servicesPath: servicesPath })
+        getAllUsersForTenantMemoized(tenant, servicesPath)
             .then(function (users) { return setUsers(users); })
             .catch(onError);
     }, [tenant, servicesPath]);

package/package.json

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