@reltio/components 1.4.2278 → 1.4.2279

package/ScreenProfileBand/ScreenProfileBand.d.ts

@@ -5,6 +5,7 @@ type Props = {
     className?: string;
     historySlice?: HistorySlice;
     children?: React.ReactNode;
+    hideNavigation?: boolean;
 };
-export declare const ScreenProfileBand: React.MemoExoticComponent<({ entity, className, historySlice, children }: Props) => React.JSX.Element>;
+export declare const ScreenProfileBand: React.MemoExoticComponent<({ entity, className, historySlice, children, hideNavigation }: Props) => React.JSX.Element>;
 export {};

package/ScreenProfileBand/ScreenProfileBand.js

@@ -10,15 +10,15 @@ import { useCollaboration } from '../hooks/useCollaboration';
 import { ProfileBandHistory } from '../features/history';
 import styles from './ScreenProfileBand.module.css';
 export var ScreenProfileBand = memo(function (_a) {
-    var entity = _a.entity, className = _a.className, historySlice = _a.historySlice, children = _a.children;
+    var entity = _a.entity, className = _a.className, historySlice = _a.historySlice, children = _a.children, _b = _a.hideNavigation, hideNavigation = _b === void 0 ? false : _b;
     var objectIds = useMemo(function () { return getProfileBandObjectIdsForCollaboration(entity); }, [entity]);
     var collaboration = useCollaboration({ objectIds: objectIds });
     var entityUri = getEntityUriForLink(entity);
     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,
             children ? (React.createElement("div", { className: classnames(styles.profileBandNavigation, styles.navigationRow) },
-                React.createElement(ProfileBandNavigation, null),
-                children)) : (React.createElement(ProfileBandNavigation, { className: styles.profileBandNavigation })),
+                !hideNavigation && React.createElement(ProfileBandNavigation, null),
+                children)) : (!hideNavigation && React.createElement(ProfileBandNavigation, { className: styles.profileBandNavigation })),
             React.createElement(CommentsContainer, { className: styles.comments, uri: entityUri, relatedObjectUris: createRelatedObjectUris(CollaborationObjectTypes.ENTITY, {
                     entityUri: entityUri
                 }), objectType: CollaborationObjectTypes.ENTITY }))))));

package/ScreenProfileBand/ScreenProfileBand.test.js

@@ -127,6 +127,21 @@ describe('Screen profile band tests', function () {
         setUp({ props: props });
         expect(screen.getByRole('button', { name: 'Custom Action' })).toBeInTheDocument();
     });
+    it('should hide navigation but keep children when hideNavigation is true and children are provided', function () {
+        var props = __assign(__assign({}, defaultProps), { hideNavigation: true, children: React.createElement("button", null, "Custom Action") });
+        setUp({ props: props });
+        expect(screen.getByRole('button', { name: 'Custom Action' })).toBeInTheDocument();
+        expect(screen.queryByText('3 Search results')).not.toBeInTheDocument();
+        expect(screen.queryByLabelText('Go to previous profile')).not.toBeInTheDocument();
+        expect(screen.queryByLabelText('Go to next profile')).not.toBeInTheDocument();
+    });
+    it('should hide navigation when hideNavigation is true and no children provided', function () {
+        var props = __assign(__assign({}, defaultProps), { hideNavigation: true });
+        setUp({ props: props });
+        expect(screen.queryByText('3 Search results')).not.toBeInTheDocument();
+        expect(screen.queryByLabelText('Go to previous profile')).not.toBeInTheDocument();
+        expect(screen.queryByLabelText('Go to next profile')).not.toBeInTheDocument();
+    });
     it('should render profile band history if historySlice prop is provided', function () { return __awaiter(void 0, void 0, void 0, function () {
         var historySlice, props, mdmValues;
         return __generator(this, function (_a) {

package/cjs/ScreenProfileBand/ScreenProfileBand.d.ts

@@ -5,6 +5,7 @@ type Props = {
     className?: string;
     historySlice?: HistorySlice;
     children?: React.ReactNode;
+    hideNavigation?: boolean;
 };
-export declare const ScreenProfileBand: React.MemoExoticComponent<({ entity, className, historySlice, children }: Props) => React.JSX.Element>;
+export declare const ScreenProfileBand: React.MemoExoticComponent<({ entity, className, historySlice, children, hideNavigation }: Props) => React.JSX.Element>;
 export {};

package/cjs/ScreenProfileBand/ScreenProfileBand.js

@@ -39,15 +39,15 @@ var useCollaboration_1 = require("../hooks/useCollaboration");
 var history_1 = require("../features/history");
 var ScreenProfileBand_module_css_1 = __importDefault(require("./ScreenProfileBand.module.css"));
 exports.ScreenProfileBand = (0, react_1.memo)(function (_a) {
-    var entity = _a.entity, className = _a.className, historySlice = _a.historySlice, children = _a.children;
+    var entity = _a.entity, className = _a.className, historySlice = _a.historySlice, children = _a.children, _b = _a.hideNavigation, hideNavigation = _b === void 0 ? false : _b;
     var objectIds = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getProfileBandObjectIdsForCollaboration)(entity); }, [entity]);
     var collaboration = (0, useCollaboration_1.useCollaboration)({ objectIds: objectIds });
     var entityUri = (0, mdm_sdk_1.getEntityUriForLink)(entity);
     return (react_1.default.createElement(CollaborationContext_1.CollaborationContextProvider, { collaboration: collaboration },
         react_1.default.createElement(ProfileBand_1.ProfileBand, { 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,
             children ? (react_1.default.createElement("div", { className: (0, classnames_1.default)(ScreenProfileBand_module_css_1.default.profileBandNavigation, ScreenProfileBand_module_css_1.default.navigationRow) },
-                react_1.default.createElement(ProfileBandNavigation_1.ProfileBandNavigation, null),
-                children)) : (react_1.default.createElement(ProfileBandNavigation_1.ProfileBandNavigation, { className: ScreenProfileBand_module_css_1.default.profileBandNavigation })),
+                !hideNavigation && react_1.default.createElement(ProfileBandNavigation_1.ProfileBandNavigation, null),
+                children)) : (!hideNavigation && react_1.default.createElement(ProfileBandNavigation_1.ProfileBandNavigation, { className: ScreenProfileBand_module_css_1.default.profileBandNavigation })),
             react_1.default.createElement(CommentsContainer_1.CommentsContainer, { className: ScreenProfileBand_module_css_1.default.comments, uri: entityUri, relatedObjectUris: (0, mdm_sdk_1.createRelatedObjectUris)(mdm_sdk_1.CollaborationObjectTypes.ENTITY, {
                     entityUri: entityUri
                 }), objectType: mdm_sdk_1.CollaborationObjectTypes.ENTITY }))))));

package/cjs/ScreenProfileBand/ScreenProfileBand.test.js

@@ -132,6 +132,21 @@ describe('Screen profile band tests', function () {
         setUp({ props: props });
         expect(react_2.screen.getByRole('button', { name: 'Custom Action' })).toBeInTheDocument();
     });
+    it('should hide navigation but keep children when hideNavigation is true and children are provided', function () {
+        var props = __assign(__assign({}, defaultProps), { hideNavigation: true, children: react_1.default.createElement("button", null, "Custom Action") });
+        setUp({ props: props });
+        expect(react_2.screen.getByRole('button', { name: 'Custom Action' })).toBeInTheDocument();
+        expect(react_2.screen.queryByText('3 Search results')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByLabelText('Go to previous profile')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByLabelText('Go to next profile')).not.toBeInTheDocument();
+    });
+    it('should hide navigation when hideNavigation is true and no children provided', function () {
+        var props = __assign(__assign({}, defaultProps), { hideNavigation: true });
+        setUp({ props: props });
+        expect(react_2.screen.queryByText('3 Search results')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByLabelText('Go to previous profile')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByLabelText('Go to next profile')).not.toBeInTheDocument();
+    });
     it('should render profile band history if historySlice prop is provided', function () { return __awaiter(void 0, void 0, void 0, function () {
         var historySlice, props, mdmValues;
         return __generator(this, function (_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2278",
+  "version": "1.4.2279",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",