synapse-react-client 3.1.18 → 3.1.19

package/dist/containers/CopyToClipboardString.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TypographyProps } from '@mui/material';
+export declare type CopyToClipboardStringProps = {
+    value: string;
+    typographyVariant?: TypographyProps['variant'];
+};
+/**
+ * Displays a string and a "Copy to Clipboard" icon, that, when clicked, will copy the contents of the string to the clipboard.
+ */
+export declare function CopyToClipboardString(props: CopyToClipboardStringProps): JSX.Element;
+export default CopyToClipboardString;

package/dist/containers/CopyToClipboardString.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyToClipboardString = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var material_1 = require("@mui/material");
+var IconSvg_1 = tslib_1.__importDefault(require("./IconSvg"));
+/**
+ * Displays a string and a "Copy to Clipboard" icon, that, when clicked, will copy the contents of the string to the clipboard.
+ */
+function CopyToClipboardString(props) {
+    var value = props.value, _a = props.typographyVariant, typographyVariant = _a === void 0 ? 'smallText1' : _a;
+    var _b = React.useState('Copy to clipboard'), tooltipText = _b[0], setTooltipText = _b[1];
+    var copyToClipboard = function (event) {
+        event.preventDefault();
+        // use the Clipboard API
+        // https://caniuse.com/mdn-api_clipboard_writetext
+        navigator.clipboard.writeText(value).then(function () {
+            setTooltipText('Copied to clipboard');
+        });
+    };
+    return (React.createElement(material_1.Stack, { direction: 'row', alignItems: "center", spacing: 0.5, sx: { display: 'inline-flex' } },
+        React.createElement(material_1.Typography, { component: 'span', variant: typographyVariant }, value),
+        React.createElement(material_1.Tooltip, { title: tooltipText, placement: 'top' },
+            React.createElement("span", { role: "button", style: { cursor: 'pointer' }, onClick: copyToClipboard },
+                React.createElement(IconSvg_1.default, { icon: "contentCopy", wrap: false, sx: { width: '16px' } })))));
+}
+exports.CopyToClipboardString = CopyToClipboardString;
+exports.default = CopyToClipboardString;
+//# sourceMappingURL=CopyToClipboardString.js.map

package/dist/containers/CopyToClipboardString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyToClipboardString.js","sourceRoot":"","sources":["../../src/lib/containers/CopyToClipboardString.tsx"],"names":[],"mappings":";;;;AAAA,mDAA8B;AAC9B,0CAA2E;AAC3E,8DAA+B;AAO/B;;GAEG;AACH,SAAgB,qBAAqB,CAAC,KAAiC;IAC7D,IAAA,KAAK,GAAuC,KAAK,MAA5C,EAAE,KAAqC,KAAK,kBAAV,EAAhC,iBAAiB,mBAAG,YAAY,KAAA,CAAU;IACnD,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAlE,WAAW,QAAA,EAAE,cAAc,QAAuC,CAAA;IAEzE,IAAM,eAAe,GAAG,UAAC,KAA2B;QAClD,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,wBAAwB;QACxB,kDAAkD;QAClD,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;YACxC,cAAc,CAAC,qBAAqB,CAAC,CAAA;QACvC,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,gBAAK,IACJ,SAAS,EAAE,KAAK,EAChB,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QAE9B,oBAAC,qBAAU,IAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,IACtD,KAAK,CACK;QACb,oBAAC,kBAAO,IAAC,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK;YAC3C,8BACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAC5B,OAAO,EAAE,eAAe;gBAExB,oBAAC,iBAAO,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CAC7D,CACC,CACJ,CACT,CAAA;AACH,CAAC;AAnCD,sDAmCC;AAED,kBAAe,qBAAqB,CAAA"}

package/dist/containers/FilePreview/HtmlPreview/HtmlPreview.js

@@ -8,7 +8,7 @@ var SanitizeHtmlUtils_1 = require("../../../utils/functions/SanitizeHtmlUtils");
 var useTeamMembers_1 = require("../../../utils/hooks/SynapseAPI/team/useTeamMembers");
 var SynapseConstants_1 = require("../../../utils/SynapseConstants");
 var LoadingScreen_1 = require("../../LoadingScreen");
-var SanitizedWarning_1 = require("./SanitizedWarning");
+var react_bootstrap_1 = require("react-bootstrap");
 /**
  * @param options
  * @returns HTML that is cleaned if it is not trusted. undefined if `isLoading` is true.
@@ -45,7 +45,7 @@ function HtmlPreview(props) {
         return react_1.default.createElement(LoadingScreen_1.SynapseSpinner, null);
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        rawHtml !== cleanHtml && react_1.default.createElement(SanitizedWarning_1.SanitizedWarning, { rawHtml: rawHtml }),
+        rawHtml !== cleanHtml && (react_1.default.createElement(react_bootstrap_1.Alert, { variant: "info", dismissible: false, show: true, transition: false }, "Limited rendering only.")),
         react_1.default.createElement("iframe", { srcDoc: cleanHtml, style: { border: 0, width: '100%' } })));
 }
 exports.default = HtmlPreview;

package/dist/containers/FilePreview/HtmlPreview/HtmlPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlPreview.js","sourceRoot":"","sources":["../../../../src/lib/containers/FilePreview/HtmlPreview/HtmlPreview.tsx"],"names":[],"mappings":";;;;AAAA,qDAAsC;AACtC,oDAAqB;AACrB,gFAAuE;AACvE,sFAA8F;AAC9F,oEAA4E;AAC5E,qDAAoD;AACpD,uDAAqD;AAErD;;;GAGG;AACH,SAAS,YAAY,CAAC,OAIrB;IACS,IAAA,OAAO,GAA2B,OAAO,QAAlC,EAAE,SAAS,GAAgB,OAAO,UAAvB,EAAE,SAAS,GAAK,OAAO,UAAZ,CAAY;IACjD,OAAO,IAAA,eAAO,EAAC;QACb,IAAI,SAAS,EAAE;YACb,OAAO,SAAS,CAAA;SACjB;QACD,IAAI,SAAS,EAAE;YACb,OAAO,OAAO,CAAA;SACf;aAAM;YACL,OAAO,IAAA,aAAG,EAAC,OAAO,EAAE,8BAAU,CAAC,CAAA;SAChC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;AACrC,CAAC;AAOD;;;;GAIG;AACH,SAAwB,WAAW,CAAC,KAAuB;IACjD,IAAA,eAAe,GAAc,KAAK,gBAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAU;IAEpC,IAAA,KAAsC,IAAA,yCAAwB,EAClE,6CAA0B,EAC1B,eAAe,CAChB,EAHa,cAAc,UAAA,EAAE,SAAS,eAGtC,CAAA;IAED,IAAM,0BAA0B,GAAG,CAAC,CAAC,cAAc,CAAA;IAEnD,IAAM,SAAS,GAAG,YAAY,CAAC;QAC7B,OAAO,SAAA;QACP,SAAS,WAAA;QACT,SAAS,EAAE,0BAA0B;KACtC,CAAC,CAAA;IAEF,IAAI,SAAS,EAAE;QACb,OAAO,8BAAC,8BAAc,OAAG,CAAA;KAC1B;IAED,OAAO,CACL;QACG,OAAO,KAAK,SAAS,IAAI,8BAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,GAAI;QAChE,0CAAQ,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CACjE,CACJ,CAAA;AACH,CAAC;AA1BD,8BA0BC;AAEY,QAAA,yBAAyB,GAAG;IACvC,YAAY,cAAA;CACb,CAAA"}
+{"version":3,"file":"HtmlPreview.js","sourceRoot":"","sources":["../../../../src/lib/containers/FilePreview/HtmlPreview/HtmlPreview.tsx"],"names":[],"mappings":";;;;AAAA,qDAAsC;AACtC,oDAAqB;AACrB,gFAAuE;AACvE,sFAA8F;AAC9F,oEAA4E;AAC5E,qDAAoD;AACpD,mDAAuC;AAEvC;;;GAGG;AACH,SAAS,YAAY,CAAC,OAIrB;IACS,IAAA,OAAO,GAA2B,OAAO,QAAlC,EAAE,SAAS,GAAgB,OAAO,UAAvB,EAAE,SAAS,GAAK,OAAO,UAAZ,CAAY;IACjD,OAAO,IAAA,eAAO,EAAC;QACb,IAAI,SAAS,EAAE;YACb,OAAO,SAAS,CAAA;SACjB;QACD,IAAI,SAAS,EAAE;YACb,OAAO,OAAO,CAAA;SACf;aAAM;YACL,OAAO,IAAA,aAAG,EAAC,OAAO,EAAE,8BAAU,CAAC,CAAA;SAChC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;AACrC,CAAC;AAOD;;;;GAIG;AACH,SAAwB,WAAW,CAAC,KAAuB;IACjD,IAAA,eAAe,GAAc,KAAK,gBAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAU;IAEpC,IAAA,KAAsC,IAAA,yCAAwB,EAClE,6CAA0B,EAC1B,eAAe,CAChB,EAHa,cAAc,UAAA,EAAE,SAAS,eAGtC,CAAA;IAED,IAAM,0BAA0B,GAAG,CAAC,CAAC,cAAc,CAAA;IAEnD,IAAM,SAAS,GAAG,YAAY,CAAC;QAC7B,OAAO,SAAA;QACP,SAAS,WAAA;QACT,SAAS,EAAE,0BAA0B;KACtC,CAAC,CAAA;IAEF,IAAI,SAAS,EAAE;QACb,OAAO,8BAAC,8BAAc,OAAG,CAAA;KAC1B;IAED,OAAO,CACL;QACG,OAAO,KAAK,SAAS,IAAI,CACxB,8BAAC,uBAAK,IACJ,OAAO,EAAC,MAAM,EACd,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,KAAK,8BAGX,CACT;QACD,0CAAQ,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,CACjE,CACJ,CAAA;AACH,CAAC;AAnCD,8BAmCC;AAEY,QAAA,yBAAyB,GAAG;IACvC,YAAY,cAAA;CACb,CAAA"}

package/dist/containers/FullWidthAlert.d.ts

@@ -13,7 +13,7 @@ export declare type AlertButtonConfig = {
 export interface FullWidthAlertProps extends AlertProps {
     variant: string;
     title?: string;
-    description?: string;
+    description?: React.ReactNode;
     primaryButtonConfig?: AlertButtonConfig;
     secondaryButtonConfig?: AlertButtonConfig;
     onClose?: () => void;

package/dist/containers/TermsAndConditions.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export declare type TermsAndConditionsProps = {
     onFormChange: (formComplete: boolean) => void;
+    hideLinkToFullTC?: boolean;
 };
 declare const TermsAndConditions: React.FunctionComponent<TermsAndConditionsProps>;
 export default TermsAndConditions;

package/dist/containers/TermsAndConditions.js

@@ -57,17 +57,18 @@ var tcList = [
     },
 ];
 var TermsAndConditions = function (_a) {
-    var onFormChange = _a.onFormChange;
+    var onFormChange = _a.onFormChange, _b = _a.hideLinkToFullTC, hideLinkToFullTC = _b === void 0 ? false : _b;
     var checkboxCount = tcList.length;
     var tcAgreement = 'https://s3.amazonaws.com/static.synapse.org/governance/SageBionetworksSynapseTermsandConditionsofUse.pdf';
+    var governancePolicy = 'https://help.synapse.org/docs/Synapse-Governance.2004255211.html';
     var getInitialCheckboxState = function () {
         return Array.from(Array(checkboxCount).fill(false));
     };
     var mounted = true;
     // State variables
-    var _b = (0, react_1.useState)(getInitialCheckboxState()), checkboxChecked = _b[0], setCheckboxChecked = _b[1];
+    var _c = (0, react_1.useState)(getInitialCheckboxState()), checkboxChecked = _c[0], setCheckboxChecked = _c[1];
     // disabled all checkbox except the first one
-    var _c = (0, react_1.useState)(getInitialCheckboxState().fill(true, 0, 1)), checkboxEnabled = _c[0], setCheckboxEnabled = _c[1];
+    var _d = (0, react_1.useState)(getInitialCheckboxState().fill(true, 0, 1)), checkboxEnabled = _d[0], setCheckboxEnabled = _d[1];
     (0, react_1.useEffect)(function () {
         if (mounted) {
             checkFormCompleted();
@@ -98,14 +99,19 @@ var TermsAndConditions = function (_a) {
     return (react_1.default.createElement("section", { className: "terms-conditions" },
         react_1.default.createElement("h3", { className: "page-header" }, "Synapse Pledge"),
         react_1.default.createElement("form", null,
-            react_1.default.createElement("label", null, "I affirm my commitment to all Synapse Governance policies for responsible research and data handling (linked below), including:"),
+            react_1.default.createElement("label", null,
+                "I affirm my commitment to all",
+                ' ',
+                react_1.default.createElement(material_1.Link, { target: "_blank", href: governancePolicy }, "Sage Governance policies"),
+                ' ',
+                "for responsible research and data handling (linked below), including:"),
             react_1.default.createElement("ul", { className: "term-list" }, tcList.length &&
                 tcList.map(function (item, i) {
                     return (react_1.default.createElement("li", { key: "tc-item-".concat(i), className: checkboxEnabled[i] === true ? 'terms-enabled' : '' },
                         react_1.default.createElement(TermsAndConditionsItem_1.default, { item: item, id: i, checked: checkboxChecked[i], enabled: checkboxEnabled[i], onChange: updateCheckboxState })));
                 })),
-            react_1.default.createElement("div", { className: "view-terms" },
-                react_1.default.createElement(material_1.Button, { variant: 'contained', href: tcAgreement, target: "_blank" }, "View Complete Terms and Conditions for Use")))));
+            !hideLinkToFullTC && (react_1.default.createElement("div", { className: "view-terms" },
+                react_1.default.createElement(material_1.Button, { variant: 'contained', href: tcAgreement, target: "_blank" }, "View Complete Terms and Conditions for Use"))))));
 };
 exports.default = TermsAndConditions;
 //# sourceMappingURL=TermsAndConditions.js.map

package/dist/containers/TermsAndConditions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TermsAndConditions.js","sourceRoot":"","sources":["../../src/lib/containers/TermsAndConditions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TermsAndConditions.js","sourceRoot":"","sources":["../../src/lib/containers/TermsAndConditions.tsx"],"names":[],"mappings":"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"}

package/dist/containers/access_requirements/AddConditionsForUseButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type AddConditionsForUseButtonProps = {
+    entityId: string;
+    onACTMemberClick: () => void;
+};
+export default function AddConditionsForUseButton(props: AddConditionsForUseButtonProps): JSX.Element;

package/dist/containers/access_requirements/AddConditionsForUseButton.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var material_1 = require("@mui/material");
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var ImposeRestrictionDialog_1 = tslib_1.__importDefault(require("./ImposeRestrictionDialog"));
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var synapseTypes_1 = require("../../utils/synapseTypes");
+var EntityTypeUtils_1 = require("../../utils/functions/EntityTypeUtils");
+function AddConditionsForUseButton(props) {
+    var _a;
+    var entityId = props.entityId, onACTMemberClick = props.onACTMemberClick;
+    var _b = (0, react_1.useState)(false), openDialog = _b[0], setOpenDialog = _b[1];
+    var _c = (0, SynapseAPI_1.useGetEntityBundle)(entityId), entityBundle = _c.data, isLoadingBundle = _c.isLoading;
+    var _d = (0, SynapseAPI_1.useIsCurrentUserACTMember)(), isActMember = _d.data, isLoadingIsACT = _d.isLoading;
+    var isLoading = isLoadingBundle || isLoadingIsACT;
+    // EntityViews and Dataset/Collections can have ARs, but they aren't meaningful, so hide the button (SWC-5909)
+    var isRestrictableEntityType = (entityBundle === null || entityBundle === void 0 ? void 0 : entityBundle.entity) &&
+        !(0, EntityTypeUtils_1.isEntityView)(entityBundle.entity) &&
+        !(0, EntityTypeUtils_1.isEntityRefCollectionView)(entityBundle.entity);
+    var hasAdministrativeAccess = entityBundle === null || entityBundle === void 0 ? void 0 : entityBundle.permissions.canChangePermissions;
+    var hasNoExistingRestrictions = ((_a = entityBundle === null || entityBundle === void 0 ? void 0 : entityBundle.restrictionInformation) === null || _a === void 0 ? void 0 : _a.restrictionLevel) ===
+        synapseTypes_1.RestrictionLevel.OPEN;
+    var showButton = !isLoading &&
+        hasNoExistingRestrictions &&
+        isRestrictableEntityType &&
+        (hasAdministrativeAccess || isActMember);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ImposeRestrictionDialog_1.default, { open: openDialog, onClose: function () { return setOpenDialog(false); }, entityId: entityId }),
+        showButton && (react_1.default.createElement(material_1.Button, { onClick: function () {
+                if (isActMember) {
+                    onACTMemberClick();
+                }
+                else {
+                    setOpenDialog(true);
+                }
+            }, startIcon: react_1.default.createElement(IconSvg_1.default, { icon: 'addConditions', wrap: false }) }, "Add Conditions for Use"))));
+}
+exports.default = AddConditionsForUseButton;
+//# sourceMappingURL=AddConditionsForUseButton.js.map

package/dist/containers/access_requirements/AddConditionsForUseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddConditionsForUseButton.js","sourceRoot":"","sources":["../../../src/lib/containers/access_requirements/AddConditionsForUseButton.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;AACvC,0CAAsC;AACtC,+DAAgC;AAChC,8FAA+D;AAC/D,2DAGqC;AACrC,yDAA2D;AAC3D,yEAG8C;AAQ9C,SAAwB,yBAAyB,CAC/C,KAAqC;;IAE7B,IAAA,QAAQ,GAAuB,KAAK,SAA5B,EAAE,gBAAgB,GAAK,KAAK,iBAAV,CAAU;IACtC,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAE7C,IAAA,KACJ,IAAA,+BAAkB,EAAC,QAAQ,CAAC,EADhB,YAAY,UAAA,EAAa,eAAe,eACxB,CAAA;IAExB,IAAA,KACJ,IAAA,sCAAyB,GAAE,EADf,WAAW,UAAA,EAAa,cAAc,eACvB,CAAA;IAC7B,IAAM,SAAS,GAAG,eAAe,IAAI,cAAc,CAAA;IACnD,8GAA8G;IAC9G,IAAM,wBAAwB,GAC5B,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM;QACpB,CAAC,IAAA,8BAAY,EAAC,YAAY,CAAC,MAAM,CAAC;QAClC,CAAC,IAAA,2CAAyB,EAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IACjD,IAAM,uBAAuB,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,CAAC,oBAAoB,CAAA;IAC9E,IAAM,yBAAyB,GAC7B,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,sBAAsB,0CAAE,gBAAgB;QACtD,+BAAgB,CAAC,IAAI,CAAA;IAEvB,IAAM,UAAU,GACd,CAAC,SAAS;QACV,yBAAyB;QACzB,wBAAwB;QACxB,CAAC,uBAAuB,IAAI,WAAW,CAAC,CAAA;IAE1C,OAAO,CACL;QACE,8BAAC,iCAAuB,IACtB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,EACnC,QAAQ,EAAE,QAAQ,GAClB;QACD,UAAU,IAAI,CACb,8BAAC,iBAAM,IACL,OAAO,EAAE;gBACP,IAAI,WAAW,EAAE;oBACf,gBAAgB,EAAE,CAAA;iBACnB;qBAAM;oBACL,aAAa,CAAC,IAAI,CAAC,CAAA;iBACpB;YACH,CAAC,EACD,SAAS,EAAE,8BAAC,iBAAO,IAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,GAAI,6BAGnD,CACV,CACA,CACJ,CAAA;AACH,CAAC;AAnDD,4CAmDC"}

package/dist/containers/access_requirements/ImposeRestrictionDialog.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare type ImposeRestrictionFormProps = {
+    entityId: string;
+    open: boolean;
+    onClose: () => void;
+};
+export default function ImposeRestrictionDialog(props: ImposeRestrictionFormProps): JSX.Element;

package/dist/containers/access_requirements/ImposeRestrictionDialog.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var material_1 = require("@mui/material");
+var RadioGroup_1 = require("../widgets/RadioGroup");
+var FullWidthAlert_1 = tslib_1.__importDefault(require("../FullWidthAlert"));
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var ToastMessage_1 = require("../ToastMessage");
+var HelpPopover_1 = require("../HelpPopover");
+function ImposeRestrictionDialog(props) {
+    var NOT_HUMAN_DATA_WARNING = (react_1.default.createElement(material_1.Typography, { variant: 'smallText1' },
+        "Sage Bionetworks does not typically impose conditions for use on non-human data unless there is a legal, ethical or regulatory reason to do so. If you want to add conditions for use to this content, please contact the Synapse Access and Compliance Team (ACT) to discuss at",
+        ' ',
+        react_1.default.createElement("a", { href: 'mailto:act@sagebase.org' }, "act@sagebase.org"),
+        "."));
+    var entityId = props.entityId, open = props.open, onClose = props.onClose;
+    var _a = react_1.default.useState(undefined), isSensitiveHumanData = _a[0], setIsSensitiveHumanData = _a[1];
+    var _b = (0, SynapseAPI_1.useCreateLockAccessRequirement)({
+        onSuccess: function () {
+            (0, ToastMessage_1.displayToast)('Successfully imposed restriction', 'success');
+            onClose();
+        },
+        onError: function (e) {
+            (0, ToastMessage_1.displayToast)("Failed to impose restriction: ".concat(e.reason), 'danger');
+        },
+    }), createLockedAccessRequirement = _b.mutate, isLoading = _b.isLoading;
+    function okClickedHandler() {
+        if (isSensitiveHumanData) {
+            createLockedAccessRequirement(entityId);
+        }
+        else {
+            onClose();
+        }
+    }
+    function radioOnChangeHandler(newValue) {
+        setIsSensitiveHumanData(newValue);
+    }
+    return (react_1.default.createElement(material_1.Dialog, { open: open, onClose: onClose, maxWidth: 'sm', fullWidth: true },
+        react_1.default.createElement(material_1.DialogTitle, null,
+            react_1.default.createElement(material_1.Stack, { direction: "row", alignItems: 'center', gap: '5px' },
+                "Conditions for Use",
+                react_1.default.createElement(HelpPopover_1.HelpPopover, { markdownText: 'Conditions for use describes data use requirements that must be fulfilled before downloading.', helpUrl: 'https://help.synapse.org/docs/Sharing-Settings,-Permissions,-and-Conditions-for-Use.2024276030.html#SharingSettings,Permissions,andConditionsforUse-ConditionsforUse' }),
+                react_1.default.createElement(material_1.Box, { sx: { flexGrow: 1 } }),
+                react_1.default.createElement(material_1.IconButton, { onClick: onClose },
+                    react_1.default.createElement(IconSvg_1.default, { icon: 'close', wrap: false, sx: { color: 'grey.700' } })))),
+        react_1.default.createElement(material_1.DialogContent, null,
+            react_1.default.createElement(material_1.FormControl, { sx: { width: '100%' } },
+                react_1.default.createElement(material_1.FormLabel, { id: "demo-radio-buttons-group-label" }, "Is this sensitive human data that must be protected?"),
+                react_1.default.createElement(RadioGroup_1.RadioGroup, { id: "impose-restriction-".concat(entityId), value: isSensitiveHumanData, options: [
+                        {
+                            label: 'Yes',
+                            value: true,
+                        },
+                        {
+                            label: 'No',
+                            value: false,
+                        },
+                    ], onChange: radioOnChangeHandler }),
+                isSensitiveHumanData === false && (react_1.default.createElement(FullWidthAlert_1.default, { variant: 'warning', isGlobal: false, description: NOT_HUMAN_DATA_WARNING })))),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { variant: "outlined", disabled: isLoading, onClick: onClose }, "Cancel"),
+            react_1.default.createElement(material_1.Button, { disabled: isSensitiveHumanData == null || isLoading, variant: "contained", onClick: okClickedHandler }, "OK"))));
+}
+exports.default = ImposeRestrictionDialog;
+//# sourceMappingURL=ImposeRestrictionDialog.js.map

package/dist/containers/access_requirements/ImposeRestrictionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImposeRestrictionDialog.js","sourceRoot":"","sources":["../../../src/lib/containers/access_requirements/ImposeRestrictionDialog.tsx"],"names":[],"mappings":"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"}

package/dist/containers/entity/metadata/MetadataTable.js

@@ -3,27 +3,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MetadataTable = void 0;
 var tslib_1 = require("tslib");
 var dayjs_1 = tslib_1.__importDefault(require("dayjs"));
-var react_1 = tslib_1.__importStar(require("react"));
+var react_1 = tslib_1.__importDefault(require("react"));
 var DateFormatter_1 = require("../../../utils/functions/DateFormatter");
 var EntityTypeUtils_1 = require("../../../utils/functions/EntityTypeUtils");
 var FileHandleUtils_1 = require("../../../utils/functions/FileHandleUtils");
 var useEntityBundle_1 = tslib_1.__importDefault(require("../../../utils/hooks/SynapseAPI/entity/useEntityBundle"));
-var synapseTypes_1 = require("../../../utils/synapseTypes");
 var UserCard_1 = tslib_1.__importDefault(require("../../UserCard"));
 var MetadataTable = function (_a) {
     var _b, _c, _d, _e, _f, _g;
     var entityId = _a.entityId, versionNumber = _a.versionNumber;
     var entityBundle = (0, useEntityBundle_1.default)(entityId, versionNumber).data;
     var isVersionable = entityBundle && (0, EntityTypeUtils_1.isVersionableEntity)(entityBundle.entity);
-    var _h = (0, react_1.useState)(), fileLocationName = _h[0], setFileLocationName = _h[1];
-    (0, react_1.useEffect)(function () {
-        if ((entityBundle === null || entityBundle === void 0 ? void 0 : entityBundle.entityType) === synapseTypes_1.EntityType.FILE) {
-            var dataFileHandle = entityBundle.fileHandles.filter(function (fh) { return fh.id === entityBundle.entity.dataFileHandleId; })[0];
-            if (dataFileHandle) {
-                setFileLocationName((0, FileHandleUtils_1.getLocationName)(dataFileHandle));
-            }
-        }
-    }, [entityBundle]);
+    var dataFileHandle = entityBundle
+        ? (0, FileHandleUtils_1.getDataFileHandle)(entityBundle)
+        : undefined;
+    var fileLocationName = undefined;
+    if (dataFileHandle) {
+        fileLocationName = (0, FileHandleUtils_1.getStorageLocationName)(dataFileHandle);
+    }
     return entityBundle ? (react_1.default.createElement("table", { className: "MetadataTable" },
         react_1.default.createElement("tbody", null,
             react_1.default.createElement("tr", { className: "MetadataTable__Row" },

package/dist/containers/entity/metadata/MetadataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTable.js","sourceRoot":"","sources":["../../../../src/lib/containers/entity/metadata/MetadataTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MetadataTable.js","sourceRoot":"","sources":["../../../../src/lib/containers/entity/metadata/MetadataTable.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,wDAAyB;AACzB,wEAAmE;AACnE,4EAIiD;AACjD,4EAGiD;AACjD,mHAAuF;AACvF,oEAAqC;AAO9B,IAAM,aAAa,GAAG,UAAC,EAGT;;QAFnB,QAAQ,cAAA,EACR,aAAa,mBAAA;IAEL,IAAM,YAAY,GAAK,IAAA,yBAAkB,EAAC,QAAQ,EAAE,aAAa,CAAC,KAAhD,CAAgD;IAE1E,IAAM,aAAa,GAAG,YAAY,IAAI,IAAA,qCAAmB,EAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IAE9E,IAAM,cAAc,GAAG,YAAY;QACjC,CAAC,CAAC,IAAA,mCAAiB,EAAC,YAAY,CAAC;QACjC,CAAC,CAAC,SAAS,CAAA;IAEb,IAAI,gBAAgB,GAAG,SAAS,CAAA;IAChC,IAAI,cAAc,EAAE;QAClB,gBAAgB,GAAG,IAAA,wCAAsB,EAAC,cAAc,CAAC,CAAA;KAC1D;IAED,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,yCAAO,SAAS,EAAC,eAAe;QAC9B;YACE,sCAAI,SAAS,EAAC,oBAAoB;gBAChC,sCAAI,SAAS,EAAC,yBAAyB,WAAU;gBACjD,sCAAI,SAAS,EAAC,2BAA2B,IACtC,MAAA,YAAY,CAAC,MAAM,0CAAE,IAAI,CACvB,CACF;YACL,sCAAI,SAAS,EAAC,oBAAoB;gBAChC,sCAAI,SAAS,EAAC,yBAAyB,WAAU;gBACjD,sCAAI,SAAS,EAAC,2BAA2B,IACtC,IAAA,0CAAwB,EAAC,YAAY,CAAC,UAAU,CAAC,CAC/C,CACF;YACL,sCAAI,SAAS,EAAC,oBAAoB;gBAChC,sCAAI,SAAS,EAAC,yBAAyB,iBAAgB;gBACvD,sCAAI,SAAS,EAAC,2BAA2B,IACtC,MAAA,YAAY,CAAC,MAAM,0CAAE,EAAE,CACrB,CACF;YACJ,aAAa,IAAI,CAChB,sCAAI,SAAS,EAAC,oBAAoB;gBAChC,sCAAI,SAAS,EAAC,yBAAyB,cAAa;gBACpD,sCAAI,SAAS,EAAC,2BAA2B,IACtC,IAAA,mCAAiB,EAAC,YAAY,CAAC,MAAM,CAAC,CACpC,CACF,CACN;YACA,gBAAgB,IAAI,CACnB,sCAAI,SAAS,EAAC,oBAAoB;gBAChC,sCAAI,SAAS,EAAC,yBAAyB,cAAa;gBACpD,sCAAI,SAAS,EAAC,2BAA2B,IAAE,gBAAgB,CAAM,CAC9D,CACN;YACD,sCAAI,SAAS,EAAC,oBAAoB;gBAChC,sCAAI,SAAS,EAAC,yBAAyB,wBAAuB;gBAC9D,sCAAI,SAAS,EAAC,2BAA2B;oBACvC,8BAAC,kBAAQ,IACP,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,MAAA,YAAY,CAAC,MAAM,0CAAE,UAAU,GACxC;oBAAC,GAAG;;oBACF,IAAA,0BAAU,EAAC,IAAA,eAAK,EAAC,MAAA,YAAY,CAAC,MAAM,0CAAE,UAAU,CAAC,CAAC,CACnD,CACF;YACL,sCAAI,SAAS,EAAC,oBAAoB;gBAChC,sCAAI,SAAS,EAAC,yBAAyB,iBAAgB;gBACvD,sCAAI,SAAS,EAAC,2BAA2B;oBACvC,8BAAC,kBAAQ,IACP,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,MAAA,YAAY,CAAC,MAAM,0CAAE,SAAS,GACvC;oBAAC,GAAG;;oBACF,IAAA,0BAAU,EAAC,IAAA,eAAK,EAAC,MAAA,YAAY,CAAC,MAAM,0CAAE,SAAS,CAAC,CAAC,CAClD,CACF,CACC,CACF,CACT,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AA3EY,QAAA,aAAa,iBA2EzB"}

package/dist/containers/entity/page/title_bar/EntityPageTitleBar.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { EntityActionMenuProps } from '../action_menu/EntityActionMenu';
+export declare type EntityPageTitleBarProps = {
+    entityId: string;
+    versionNumber?: number;
+    entityActionMenuProps?: EntityActionMenuProps;
+    onActMemberClickAddConditionsForUse: () => void;
+};
+/**
+ * The EntityPageTitleBar component is shown on every Entity page in Synapse, and shows an Entity's metadata and
+ * provides controls to view and manipulate the Entity.
+ */
+export default function EntityPageTitleBar(props: EntityPageTitleBarProps): JSX.Element;

package/dist/containers/entity/page/title_bar/EntityPageTitleBar.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var IconSvg_1 = tslib_1.__importStar(require("../../../IconSvg"));
+var material_1 = require("@mui/material");
+var SynapseAPI_1 = require("../../../../utils/hooks/SynapseAPI");
+var FavoriteButton_1 = tslib_1.__importDefault(require("../../../favorites/FavoriteButton"));
+var ConditionalWrapper_1 = tslib_1.__importDefault(require("../../../utils/ConditionalWrapper"));
+var EntityActionMenu_1 = tslib_1.__importDefault(require("../action_menu/EntityActionMenu"));
+var DockerRepository_1 = require("../../../../utils/synapseTypes/docker/DockerRepository");
+var TitleBarProperties_1 = tslib_1.__importDefault(require("./TitleBarProperties"));
+var EntityTitleBarVersionInfo_1 = require("./EntityTitleBarVersionInfo");
+/**
+ * The EntityPageTitleBar component is shown on every Entity page in Synapse, and shows an Entity's metadata and
+ * provides controls to view and manipulate the Entity.
+ */
+function EntityPageTitleBar(props) {
+    var _a, _b, _c;
+    var entityId = props.entityId, versionNumber = props.versionNumber, entityActionMenuProps = props.entityActionMenuProps;
+    var toggleShowVersionHistory = (_a = entityActionMenuProps === null || entityActionMenuProps === void 0 ? void 0 : entityActionMenuProps.actionConfiguration['SHOW_VERSION_HISTORY']) === null || _a === void 0 ? void 0 : _a.onClick;
+    var _d = (0, SynapseAPI_1.useGetEntityBundle)(entityId, versionNumber), bundle = _d.data, isLoading = _d.isLoading;
+    var name = (bundle === null || bundle === void 0 ? void 0 : bundle.entity) && (0, DockerRepository_1.isDockerRepository)(bundle.entity)
+        ? bundle.entity.repositoryName
+        : (_b = bundle === null || bundle === void 0 ? void 0 : bundle.entity) === null || _b === void 0 ? void 0 : _b.name;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(material_1.Box, { sx: {
+                padding: '30px 40px',
+                backgroundColor: 'grey.100',
+            } },
+            react_1.default.createElement(material_1.Stack, { direction: 'row' },
+                react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center', sx: {
+                        flexGrow: 1,
+                    } },
+                    react_1.default.createElement(ConditionalWrapper_1.default, { condition: isLoading, wrapper: material_1.Skeleton, wrapperProps: {
+                            variant: 'circular',
+                        } },
+                        react_1.default.createElement(material_1.Avatar, { sx: { bgcolor: 'grey.300', height: 48, width: 48 } }, (bundle === null || bundle === void 0 ? void 0 : bundle.entityType) && (react_1.default.createElement(IconSvg_1.default, { icon: (bundle === null || bundle === void 0 ? void 0 : bundle.entityType)
+                                ? IconSvg_1.type2SvgIconName[bundle.entityType]
+                                : 'file', wrap: false, sx: { color: 'grey.700' } })))),
+                    react_1.default.createElement(material_1.Box, { sx: { marginLeft: '10px', flexGrow: 1 } },
+                        react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center', gap: '3px' },
+                            react_1.default.createElement(ConditionalWrapper_1.default, { condition: isLoading, wrapper: material_1.Skeleton },
+                                react_1.default.createElement(material_1.Typography, { variant: 'headline2' }, name !== null && name !== void 0 ? name : 'Name not set')),
+                            ((_c = bundle === null || bundle === void 0 ? void 0 : bundle.entity) === null || _c === void 0 ? void 0 : _c.id) && (react_1.default.createElement(FavoriteButton_1.default, { entityId: bundle.entity.id }))),
+                        react_1.default.createElement(EntityTitleBarVersionInfo_1.EntityTitleBarVersionInfo, { entityId: entityId, versionNumber: versionNumber, toggleShowVersionHistory: toggleShowVersionHistory }))),
+                entityActionMenuProps && (react_1.default.createElement(EntityActionMenu_1.default, tslib_1.__assign({}, entityActionMenuProps))))),
+        react_1.default.createElement(TitleBarProperties_1.default, tslib_1.__assign({}, props))));
+}
+exports.default = EntityPageTitleBar;
+//# sourceMappingURL=EntityPageTitleBar.js.map

package/dist/containers/entity/page/title_bar/EntityPageTitleBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPageTitleBar.js","sourceRoot":"","sources":["../../../../../src/lib/containers/entity/page/title_bar/EntityPageTitleBar.tsx"],"names":[],"mappings":"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"}

package/dist/containers/entity/page/title_bar/EntityTitleBarVersionInfo.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Entity } from '../../../../utils/synapseTypes';
+import { ActionConfiguration } from '../action_menu/EntityActionMenu';
+export declare type EntityTitleBarVersionInfoProps = {
+    entityId: string;
+    versionNumber?: number;
+    toggleShowVersionHistory: ActionConfiguration['onClick'];
+};
+declare function getDisplayedVersionLabel(entity: Entity): string | null;
+declare function getDisplayedVersionNumber(entity: Entity): string | null;
+export declare function EntityTitleBarVersionInfo(props: EntityTitleBarVersionInfoProps): JSX.Element | null;
+export declare const EXPORTED_FOR_UNIT_TESTING: {
+    getDisplayedVersionLabel: typeof getDisplayedVersionLabel;
+    getDisplayedVersionNumber: typeof getDisplayedVersionNumber;
+};
+export {};

package/dist/containers/entity/page/title_bar/EntityTitleBarVersionInfo.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EXPORTED_FOR_UNIT_TESTING = exports.EntityTitleBarVersionInfo = void 0;
+var tslib_1 = require("tslib");
+var SynapseAPI_1 = require("../../../../utils/hooks/SynapseAPI");
+var EntityTypeUtils_1 = require("../../../../utils/functions/EntityTypeUtils");
+var StringUtils_1 = require("../../../../utils/functions/StringUtils");
+var material_1 = require("@mui/material");
+var react_1 = tslib_1.__importDefault(require("react"));
+var MAX_VERSION_LABEL_LENGTH = 50;
+function getDisplayedVersionLabel(entity) {
+    var _a;
+    if (!(0, EntityTypeUtils_1.isVersionableEntity)(entity)) {
+        return null;
+    }
+    if ((0, EntityTypeUtils_1.isTable)(entity) && entity.isLatestVersion) {
+        return null;
+    }
+    return (_a = entity.versionLabel) !== null && _a !== void 0 ? _a : null;
+}
+function getDisplayedVersionNumber(entity) {
+    if (!(0, EntityTypeUtils_1.isVersionableEntity)(entity)) {
+        return null;
+    }
+    if ((0, EntityTypeUtils_1.isTable)(entity) && entity.isLatestVersion) {
+        if ((0, EntityTypeUtils_1.isEntityRefCollectionView)(entity)) {
+            return 'Draft Version';
+        }
+        return 'Current Version';
+    }
+    return "V".concat(entity.versionNumber).concat(entity.isLatestVersion ? ' (Current)' : '');
+}
+function EntityTitleBarVersionInfo(props) {
+    var entityId = props.entityId, versionNumber = props.versionNumber, toggleShowVersionHistory = props.toggleShowVersionHistory;
+    var bundle = (0, SynapseAPI_1.useGetEntityBundle)(entityId, versionNumber).data;
+    var isVersionable = (bundle === null || bundle === void 0 ? void 0 : bundle.entity) && (0, EntityTypeUtils_1.isVersionableEntity)(bundle.entity);
+    var fullVersionLabel = (bundle === null || bundle === void 0 ? void 0 : bundle.entity) && getDisplayedVersionLabel(bundle.entity);
+    var truncatedVersionLabel = fullVersionLabel
+        ? (0, StringUtils_1.truncateString)(fullVersionLabel, MAX_VERSION_LABEL_LENGTH)
+        : undefined;
+    var versionNumberDisplay = (bundle === null || bundle === void 0 ? void 0 : bundle.entity) && getDisplayedVersionNumber(bundle.entity);
+    if (!isVersionable) {
+        return null;
+    }
+    return (react_1.default.createElement(material_1.Box, { sx: { marginTop: '3px' } },
+        react_1.default.createElement(material_1.Tooltip, { title: fullVersionLabel, placement: 'bottom' },
+            react_1.default.createElement(material_1.Typography, { component: 'span', variant: "smallText1", sx: {
+                    color: 'grey.700',
+                    fontStyle: 'italic',
+                } }, truncatedVersionLabel)),
+        fullVersionLabel && versionNumberDisplay && (react_1.default.createElement(material_1.Typography, { component: 'span', variant: "smallText1", sx: {
+                color: 'grey.700',
+                marginLeft: '5px',
+                marginRight: '5px',
+            } }, "/")),
+        react_1.default.createElement(material_1.Tooltip, { title: 'Click to show version history', placement: 'top' },
+            react_1.default.createElement(material_1.Link, { onClick: toggleShowVersionHistory, variant: "smallText1", sx: { fontWeight: 400 } }, versionNumberDisplay))));
+}
+exports.EntityTitleBarVersionInfo = EntityTitleBarVersionInfo;
+exports.EXPORTED_FOR_UNIT_TESTING = {
+    getDisplayedVersionLabel: getDisplayedVersionLabel,
+    getDisplayedVersionNumber: getDisplayedVersionNumber,
+};
+//# sourceMappingURL=EntityTitleBarVersionInfo.js.map

package/dist/containers/entity/page/title_bar/EntityTitleBarVersionInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityTitleBarVersionInfo.js","sourceRoot":"","sources":["../../../../../src/lib/containers/entity/page/title_bar/EntityTitleBarVersionInfo.tsx"],"names":[],"mappings":"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"}

package/dist/containers/entity/page/title_bar/TitleBarProperties.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type TitleBarPropertiesProps = {
+    entityId: string;
+    versionNumber?: number;
+    onActMemberClickAddConditionsForUse: () => void;
+};
+/**
+ * The TitleBarProperties component displays a tabular view of the entity metadata on the Entity page.
+ */
+export default function TitleBarProperties(props: TitleBarPropertiesProps): JSX.Element;

package/dist/containers/entity/page/title_bar/TitleBarProperties.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var material_1 = require("@mui/material");
+var SynapseAPI_1 = require("../../../../utils/hooks/SynapseAPI");
+var AddConditionsForUseButton_1 = tslib_1.__importDefault(require("../../../access_requirements/AddConditionsForUseButton"));
+var SynapseContext_1 = require("../../../../utils/SynapseContext");
+var useGetEntityTitleBarProperties_1 = require("./useGetEntityTitleBarProperties");
+function Property(props) {
+    var title = props.title, value = props.value;
+    return (react_1.default.createElement("tr", null,
+        react_1.default.createElement("td", { style: { paddingRight: '1em' } },
+            react_1.default.createElement(material_1.Typography, { component: 'span', variant: 'smallText1', sx: {
+                    fontWeight: 700,
+                } }, title)),
+        react_1.default.createElement("td", null,
+            react_1.default.createElement(material_1.Typography, { component: 'span', variant: 'smallText1' }, value))));
+}
+/**
+ * The TitleBarProperties component displays a tabular view of the entity metadata on the Entity page.
+ */
+function TitleBarProperties(props) {
+    var _a, _b;
+    var entityId = props.entityId, versionNumber = props.versionNumber, onActMemberClickAddConditionsForUse = props.onActMemberClickAddConditionsForUse;
+    var isInExperimentalMode = (0, SynapseContext_1.useSynapseContext)().isInExperimentalMode;
+    // We don't need the entire bundle, but it's fetched for the rest of the title bar and useGetEntityTitleBarProperties below, so the cache will be hot.
+    var bundle = (0, SynapseAPI_1.useGetEntityBundle)(entityId, versionNumber).data;
+    // Actual entity data is fetched and transformed in this custom hook
+    var properties = (0, useGetEntityTitleBarProperties_1.useGetEntityTitleBarProperties)(entityId, versionNumber);
+    var _c = (0, react_1.useState)(false), showAllProperties = _c[0], setShowAllProperties = _c[1];
+    return (react_1.default.createElement(material_1.Box, { sx: { padding: '20px 40px' } },
+        react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'space-between', alignItems: 'flex-start' },
+            react_1.default.createElement(material_1.Stack, { direction: "row", alignItems: 'flex-start', divider: react_1.default.createElement(material_1.Divider, { orientation: "vertical", flexItem: true }), spacing: 2 },
+                react_1.default.createElement("table", null,
+                    react_1.default.createElement("tbody", null, properties.slice(0, 2).map(function (p) {
+                        return react_1.default.createElement(Property, { key: p.key, title: p.title, value: p.value });
+                    }))),
+                properties.length > 2 && (react_1.default.createElement("table", null,
+                    react_1.default.createElement("tbody", null, properties.slice(2, 4).map(function (p) {
+                        return (react_1.default.createElement(Property, { key: p.key, title: p.title, value: p.value }));
+                    })))),
+                (properties.length === 5 || properties.length === 6) && (react_1.default.createElement("table", null,
+                    react_1.default.createElement("tbody", null, properties.slice(4, 6).map(function (p) {
+                        return (react_1.default.createElement(Property, { key: p.key, title: p.title, value: p.value }));
+                    })))),
+                properties.length > 6 && (react_1.default.createElement(material_1.Link, { onClick: function () { return setShowAllProperties(function (v) { return !v; }); } }, showAllProperties
+                    ? 'Hide properties'
+                    : "".concat(properties.length - 4, " more properties")))),
+            react_1.default.createElement(AddConditionsForUseButton_1.default, { entityId: entityId, onACTMemberClick: onActMemberClickAddConditionsForUse })),
+        showAllProperties && (react_1.default.createElement("table", null,
+            react_1.default.createElement("tbody", null, properties.slice(4, Infinity).map(function (p) {
+                return react_1.default.createElement(Property, { key: p.key, title: p.title, value: p.value });
+            })))),
+        ((_a = bundle === null || bundle === void 0 ? void 0 : bundle.entity) === null || _a === void 0 ? void 0 : _a.description) && isInExperimentalMode && (react_1.default.createElement(material_1.Box, { sx: { marginTop: '10px', maxWidth: '720px' } }, (_b = bundle === null || bundle === void 0 ? void 0 : bundle.entity) === null || _b === void 0 ? void 0 : _b.description))));
+}
+exports.default = TitleBarProperties;
+//# sourceMappingURL=TitleBarProperties.js.map

package/dist/containers/entity/page/title_bar/TitleBarProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBarProperties.js","sourceRoot":"","sources":["../../../../../src/lib/containers/entity/page/title_bar/TitleBarProperties.tsx"],"names":[],"mappings":"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"}