synapse-react-client 3.1.28 → 3.1.30

package/dist/containers/discussion_forum/ForumPage.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForumPage = void 0;
+var tslib_1 = require("tslib");
+var material_1 = require("@mui/material");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var useForum_1 = require("../../utils/hooks/SynapseAPI/forum/useForum");
+var useSubscription_1 = require("../../utils/hooks/SynapseAPI/subscription/useSubscription");
+var SynapseConstants_1 = require("../../utils/SynapseConstants");
+var DiscussionBundle_1 = require("../../utils/synapseTypes/DiscussionBundle");
+var Subscription_1 = require("../../utils/synapseTypes/Subscription");
+var ToastMessage_1 = require("../ToastMessage");
+var ForumTable_1 = require("./ForumTable");
+var ForumThreadEditor_1 = require("./ForumThreadEditor");
+var SubscribersModal_1 = require("./SubscribersModal");
+var SIGN_IN_TEXT = 'You will need to sign in for access to that resource';
+var ForumPage = function (_a) {
+    var _b;
+    var forumId = _a.forumId, limit = _a.limit, onClickLink = _a.onClickLink;
+    var _c = (0, react_1.useState)(false), showThreadModal = _c[0], setShowThreadModal = _c[1];
+    var _d = (0, react_1.useState)(false), showSignInModal = _d[0], setShowSignInModal = _d[1];
+    var _e = (0, react_1.useState)(false), showDeletedThread = _e[0], setShowDeletedThread = _e[1];
+    var _f = (0, react_1.useState)(false), showSubscriberModal = _f[0], setShowSubscriberModal = _f[1];
+    var _g = (0, useSubscription_1.useSubscription)(forumId, Subscription_1.SubscriptionObjectType.FORUM), subscription = _g.subscription, isLoading = _g.isLoading, toggleSubscribed = _g.toggleSubscribed;
+    function handleFollowBtn() {
+        try {
+            toggleSubscribed();
+        }
+        catch (err) {
+            (0, ToastMessage_1.displayToast)(err.reason, 'danger');
+        }
+    }
+    var moderatorList = (0, useForum_1.useGetModerators)(forumId).data;
+    var currentUserProfile = (0, SynapseAPI_1.useGetCurrentUserProfile)().data;
+    var isCurrentUserModerator = moderatorList === null || moderatorList === void 0 ? void 0 : moderatorList.results.includes((_b = currentUserProfile === null || currentUserProfile === void 0 ? void 0 : currentUserProfile.ownerId) !== null && _b !== void 0 ? _b : '');
+    var handleNewThreadBtn = function () {
+        if ((currentUserProfile === null || currentUserProfile === void 0 ? void 0 : currentUserProfile.userName) == 'anonymous') {
+            setShowSignInModal(true);
+        }
+        else {
+            setShowThreadModal(true);
+        }
+    };
+    return (react_1.default.createElement("div", { className: "ForumTable bootstrap-4-backport" },
+        react_1.default.createElement("div", { className: "ForumTable__top-level-control" },
+            react_1.default.createElement(SubscribersModal_1.SubscribersModal, { id: forumId, objectType: Subscription_1.SubscriptionObjectType.FORUM, showModal: showSubscriberModal, handleModal: setShowSubscriberModal }),
+            react_1.default.createElement(react_bootstrap_1.Button, { variant: subscription ? 'outline-primary' : 'primary', onClick: function () { return handleFollowBtn(); }, disabled: isLoading }, subscription ? 'Unfollow' : 'Follow'),
+            react_1.default.createElement(react_bootstrap_1.Button, { variant: "primary", onClick: function () { return handleNewThreadBtn(); } }, "New Thread"),
+            isCurrentUserModerator && (react_1.default.createElement(react_bootstrap_1.Button, { onClick: function () { return setShowDeletedThread(!showDeletedThread); } }, showDeletedThread
+                ? 'Hide Deleted Threads'
+                : 'Show Deleted Threads'))),
+        showDeletedThread && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.Typography, { variant: "h4" }, "Deleted Threads"),
+            react_1.default.createElement(ForumTable_1.ForumTable, { onClickLink: onClickLink, forumId: forumId, limit: limit, filter: DiscussionBundle_1.DiscussionFilter.DELETED_ONLY }))),
+        react_1.default.createElement(ForumTable_1.ForumTable, { onClickLink: onClickLink, forumId: forumId, limit: limit, filter: DiscussionBundle_1.DiscussionFilter.EXCLUDE_DELETED }),
+        react_1.default.createElement(react_bootstrap_1.Modal, { size: "lg", show: showThreadModal, onHide: function () { return setShowThreadModal(false); }, animation: false },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, null,
+                react_1.default.createElement(react_bootstrap_1.Modal.Title, null, "New Thread")),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
+                react_1.default.createElement(ForumThreadEditor_1.ForumThreadEditor, { isReply: false, id: forumId, onClose: function () { return setShowThreadModal(false); } }))),
+        react_1.default.createElement(react_bootstrap_1.Modal, { className: "bootstrap-4-backport", show: showSignInModal, onHide: function () { return setShowSignInModal(false); }, animation: false },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true }),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null, SIGN_IN_TEXT),
+            react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
+                react_1.default.createElement(react_bootstrap_1.Button, { onClick: function () { return setShowSignInModal(false); }, className: SynapseConstants_1.SRC_SIGN_IN_CLASS }, "Sign In")))));
+};
+exports.ForumPage = ForumPage;
+//# sourceMappingURL=ForumPage.js.map

package/dist/containers/discussion_forum/ForumPage.js.map

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

package/dist/containers/discussion_forum/ForumTable.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DiscussionFilter } from '../../utils/synapseTypes/DiscussionBundle';
+export type ForumTableProps = {
+    forumId: string;
+    limit: number;
+    onClickLink: () => void;
+    filter: DiscussionFilter;
+};
+export declare const ForumTable: React.FC<ForumTableProps>;

package/dist/containers/discussion_forum/ForumTable.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForumTable = 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_bootstrap_1 = require("react-bootstrap");
+var Sort_1 = tslib_1.__importDefault(require("../../assets/icons/Sort"));
+var useForum_1 = require("../../utils/hooks/SynapseAPI/forum/useForum");
+var SynapseConstants_1 = require("../../utils/SynapseConstants");
+var synapseTypes_1 = require("../../utils/synapseTypes");
+var DiscussionBundle_1 = require("../../utils/synapseTypes/DiscussionBundle");
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var UserCard_1 = tslib_1.__importDefault(require("../UserCard"));
+var ForumTable = function (_a) {
+    var _b;
+    var forumId = _a.forumId, limit = _a.limit, filter = _a.filter, onClickLink = _a.onClickLink;
+    var _c = (0, react_1.useState)(DiscussionBundle_1.DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY), sort = _c[0], setSort = _c[1];
+    var _d = (0, react_1.useState)(false), isAscending = _d[0], setIsAscending = _d[1];
+    var _e = (0, useForum_1.useGetForumInfinite)(forumId, limit, sort, isAscending, filter), data = _e.data, hasNextPage = _e.hasNextPage, fetchNextPage = _e.fetchNextPage;
+    var threads = (_b = data === null || data === void 0 ? void 0 : data.pages.flatMap(function (page) { return page.results; })) !== null && _b !== void 0 ? _b : [];
+    var onSort = function (field) {
+        if (sort == field) {
+            setSort(field);
+            setIsAscending(!isAscending);
+        }
+        else {
+            setSort(field);
+            setIsAscending(false);
+        }
+    };
+    return (react_1.default.createElement("div", { className: "ForumTable bootstrap-4-backport" },
+        react_1.default.createElement(react_bootstrap_1.Table, null,
+            react_1.default.createElement("thead", null,
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("th", null,
+                        react_1.default.createElement("span", { className: "SRC-split" },
+                            react_1.default.createElement("span", null, "Topic"),
+                            react_1.default.createElement(Sort_1.default, { role: "button", "aria-label": "Sort by Topic", active: sort === DiscussionBundle_1.DiscussionThreadOrder.THREAD_TITLE, direction: sort === 'THREAD_TITLE'
+                                    ? isAscending === false
+                                        ? synapseTypes_1.Direction.DESC
+                                        : synapseTypes_1.Direction.ASC
+                                    : synapseTypes_1.Direction.DESC, onClick: function () { return onSort(DiscussionBundle_1.DiscussionThreadOrder.THREAD_TITLE); } }))),
+                    react_1.default.createElement("th", null, "Author"),
+                    react_1.default.createElement("th", null, "Active Users"),
+                    react_1.default.createElement("th", null,
+                        react_1.default.createElement("span", { className: "SRC-split" },
+                            react_1.default.createElement("span", null, "Replies"),
+                            react_1.default.createElement(Sort_1.default, { role: "button", "aria-label": "Sort by Replies", active: sort === DiscussionBundle_1.DiscussionThreadOrder.NUMBER_OF_REPLIES, direction: sort === 'NUMBER_OF_REPLIES'
+                                    ? isAscending === false
+                                        ? synapseTypes_1.Direction.DESC
+                                        : synapseTypes_1.Direction.ASC
+                                    : synapseTypes_1.Direction.DESC, onClick: function () {
+                                    return onSort(DiscussionBundle_1.DiscussionThreadOrder.NUMBER_OF_REPLIES);
+                                } }))),
+                    react_1.default.createElement("th", null,
+                        react_1.default.createElement("span", { className: "SRC-split" },
+                            react_1.default.createElement("span", null, "Views"),
+                            react_1.default.createElement(Sort_1.default, { role: "button", "aria-label": "Sort by Views", active: sort === DiscussionBundle_1.DiscussionThreadOrder.NUMBER_OF_VIEWS, direction: sort === 'NUMBER_OF_VIEWS'
+                                    ? isAscending === false
+                                        ? synapseTypes_1.Direction.DESC
+                                        : synapseTypes_1.Direction.ASC
+                                    : synapseTypes_1.Direction.DESC, onClick: function () { return onSort(DiscussionBundle_1.DiscussionThreadOrder.NUMBER_OF_VIEWS); } }))),
+                    react_1.default.createElement("th", null,
+                        react_1.default.createElement("span", { className: "SRC-split" },
+                            react_1.default.createElement("span", null, "Activity"),
+                            react_1.default.createElement(Sort_1.default, { role: "button", "aria-label": "Sort by Last Activity", active: sort === DiscussionBundle_1.DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY, direction: sort === 'PINNED_AND_LAST_ACTIVITY'
+                                    ? isAscending === false
+                                        ? synapseTypes_1.Direction.DESC
+                                        : synapseTypes_1.Direction.ASC
+                                    : synapseTypes_1.Direction.DESC, onClick: function () {
+                                    return onSort(DiscussionBundle_1.DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY);
+                                } }))))),
+            react_1.default.createElement("tbody", null, threads.map(function (item) {
+                return (react_1.default.createElement("tr", { key: item.id },
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement("a", { onClick: function () { return onClickLink(); } },
+                            item.isPinned ? react_1.default.createElement(IconSvg_1.default, { icon: "pushpin" }) : react_1.default.createElement(react_1.default.Fragment, null),
+                            item.title)),
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement(UserCard_1.default, { size: SynapseConstants_1.SMALL_USER_CARD, ownerId: item.createdBy })),
+                    react_1.default.createElement("td", null, item.activeAuthors.map(function (user) { return (react_1.default.createElement("div", { key: user, className: "avatarContainer" },
+                        react_1.default.createElement(UserCard_1.default, { showCardOnHover: true, className: "ActiveUsers", size: SynapseConstants_1.AVATAR, avatarSize: 'MEDIUM', ownerId: user }))); })),
+                    react_1.default.createElement("td", null, item.numberOfReplies),
+                    react_1.default.createElement("td", null, item.numberOfViews),
+                    react_1.default.createElement("td", null, (0, dayjs_1.default)(item.lastActivity).format('L'))));
+            }))),
+        hasNextPage && (react_1.default.createElement(react_bootstrap_1.Button, { variant: "outline-primary", onClick: function () {
+                fetchNextPage();
+            } }, "Show more results"))));
+};
+exports.ForumTable = ForumTable;
+//# sourceMappingURL=ForumTable.js.map

package/dist/containers/discussion_forum/ForumTable.js.map

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

package/dist/containers/discussion_forum/ForumThreadEditor.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type ForumThreadEditorProps = {
+    initialTitle?: string;
+    initialText?: string;
+    id: string;
+    onClose: () => void;
+    isReply: boolean;
+};
+export declare const ForumThreadEditor: React.FunctionComponent<ForumThreadEditorProps>;

package/dist/containers/discussion_forum/ForumThreadEditor.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForumThreadEditor = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var useThread_1 = require("../../utils/hooks/SynapseAPI/forum/useThread");
+var useReply_1 = require("../../utils/hooks/SynapseAPI/forum/useReply");
+var MarkdownEditor_1 = require("../markdown/MarkdownEditor");
+var ForumThreadEditor = function (_a) {
+    var initialText = _a.initialText, initialTitle = _a.initialTitle, id = _a.id, onClose = _a.onClose, isReply = _a.isReply;
+    var _b = (0, react_1.useState)(initialTitle !== null && initialTitle !== void 0 ? initialTitle : ''), title = _b[0], setTitle = _b[1];
+    var _c = (0, react_1.useState)(initialText !== null && initialText !== void 0 ? initialText : ''), text = _c[0], setText = _c[1];
+    var _d = (0, useThread_1.useUpdateThreadTitle)({
+        onSuccess: function () { return onClose(); },
+    }), updateTitle = _d.mutate, isLoadingTitle = _d.isLoading;
+    var _e = (0, useThread_1.useUpdateThreadMessage)({
+        onSuccess: function () { return onClose(); },
+    }), updateMessage = _e.mutate, isLoadingMessage = _e.isLoading;
+    var _f = (0, useThread_1.useCreateThread)({
+        onSuccess: function () { return onClose(); },
+    }), createThread = _f.mutate, isLoadingThread = _f.isLoading;
+    var _g = (0, useReply_1.usePostReply)({
+        onSuccess: function () { return onClose(); },
+    }), createReply = _g.mutate, isLoadingReply = _g.isLoading;
+    var _h = (0, useReply_1.usePutReply)({
+        onSuccess: function () { return onClose(); },
+    }), updateReply = _h.mutate, isLoadingReplyUpdate = _h.isLoading;
+    var isLoading = isLoadingMessage ||
+        isLoadingReply ||
+        isLoadingThread ||
+        isLoadingTitle ||
+        isLoadingReplyUpdate;
+    var onSave = function (text, title) {
+        if (isReply) {
+            if (initialText) {
+                // updating reply
+                updateReply({
+                    replyId: id,
+                    messageMarkdown: text,
+                });
+            }
+            else {
+                // posting reply
+                createReply({
+                    threadId: id,
+                    messageMarkdown: text,
+                });
+            }
+        }
+        else {
+            if (initialTitle) {
+                // updating thread
+                updateTitle({
+                    title: title,
+                    threadId: id,
+                });
+                updateMessage({
+                    messageMarkdown: text,
+                    threadId: id,
+                });
+            }
+            else {
+                // posting thread
+                var request = {
+                    forumId: id,
+                    title: title,
+                    messageMarkdown: text,
+                };
+                createThread(request);
+            }
+        }
+    };
+    return (react_1.default.createElement("div", { className: "bootstrap-4-backport" },
+        !isReply && (react_1.default.createElement(react_bootstrap_1.FormControl, { type: "text", placeholder: "Title", value: title, onChange: function (e) { return setTitle(e.target.value); } })),
+        react_1.default.createElement(MarkdownEditor_1.MarkdownEditor, { text: text, setText: setText }),
+        react_1.default.createElement("div", { style: { display: 'flex', justifyContent: 'flex-end' } },
+            react_1.default.createElement(react_bootstrap_1.Button, { onClick: onClose, variant: "light" }, "Cancel"),
+            react_1.default.createElement(react_bootstrap_1.Button, { disabled: isLoading, onClick: function () { return onSave(text, title); }, variant: "primary" }, isLoading ? 'Saving' : 'Save'))));
+};
+exports.ForumThreadEditor = ForumThreadEditor;
+//# sourceMappingURL=ForumThreadEditor.js.map

package/dist/containers/discussion_forum/ForumThreadEditor.js.map

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

package/dist/containers/discussion_forum/SubscribersModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SubscriptionObjectType } from '../../utils/synapseTypes/Subscription';
+export type SubscribersModalProps = {
+    id: string;
+    objectType: SubscriptionObjectType;
+    showModal: boolean;
+    handleModal: (a: boolean) => void;
+};
+export declare const SubscribersModal: React.FC<SubscribersModalProps>;

package/dist/containers/discussion_forum/SubscribersModal.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscribersModal = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var useSubscription_1 = require("../../utils/hooks/SynapseAPI/subscription/useSubscription");
+var material_1 = require("@mui/material");
+var UserCard_1 = tslib_1.__importDefault(require("../UserCard"));
+var SynapseConstants_1 = require("../../utils/SynapseConstants");
+var SubscribersModal = function (_a) {
+    var id = _a.id, objectType = _a.objectType, showModal = _a.showModal, handleModal = _a.handleModal;
+    var subscribers = (0, useSubscription_1.useSubscription)(id, objectType).subscribers;
+    return (react_1.default.createElement("div", { className: "SubscribersModal" },
+        subscribers && subscribers.subscribers.length > 0 && (react_1.default.createElement("a", { onClick: function () { return handleModal(true); } }, "Followers (".concat(subscribers.subscribers.length, ")"))),
+        react_1.default.createElement(react_bootstrap_1.Modal, { className: "bootstrap-4-backport", show: showModal, onHide: function () { return handleModal(false); }, animation: false },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
+                react_1.default.createElement(react_bootstrap_1.Modal.Title, null, "Followers")),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null, subscribers &&
+                subscribers.subscribers.map(function (user) { return (react_1.default.createElement(UserCard_1.default, { key: user, ownerId: user, size: SynapseConstants_1.SMALL_USER_CARD, showCardOnHover: true })); })),
+            react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
+                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: function () { return handleModal(false); } }, "Ok")))));
+};
+exports.SubscribersModal = SubscribersModal;
+//# sourceMappingURL=SubscribersModal.js.map

package/dist/containers/discussion_forum/SubscribersModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscribersModal.js","sourceRoot":"","sources":["../../../src/lib/containers/discussion_forum/SubscribersModal.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,mDAAuC;AACvC,6FAA2F;AAE3F,0CAAsC;AACtC,iEAAkC;AAClC,iEAA8D;AASvD,IAAM,gBAAgB,GAAoC,UAAC,EAKjE;QAJC,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,WAAW,iBAAA;IAEH,IAAA,WAAW,GAAK,IAAA,iCAAe,EAAC,EAAE,EAAE,UAAU,CAAC,YAApC,CAAoC;IAEvD,OAAO,CACL,uCAAK,SAAS,EAAC,kBAAkB;QAC9B,WAAW,IAAI,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACpD,qCACE,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,IAChC,qBAAc,WAAW,CAAC,WAAW,CAAC,MAAM,MAAG,CAAK,CACvD;QACD,8BAAC,uBAAK,IACJ,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAChC,SAAS,EAAE,KAAK;YAEhB,8BAAC,uBAAK,CAAC,MAAM,IAAC,WAAW;gBACvB,8BAAC,uBAAK,CAAC,KAAK,oBAAwB,CACvB;YACf,8BAAC,uBAAK,CAAC,IAAI,QACR,WAAW;gBACV,WAAW,CAAC,WAAW,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CAClC,8BAAC,kBAAQ,IACP,GAAG,EAAE,IAAI,EACT,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,kCAAe,EACrB,eAAe,EAAE,IAAI,GACrB,CACH,EAPmC,CAOnC,CAAC,CACO;YACb,8BAAC,uBAAK,CAAC,MAAM;gBACX,8BAAC,iBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,SAEpD,CACI,CACT,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,gBAAgB,oBA2C5B"}

package/dist/containers/entity/annotations/CustomAdditionalPropertiesFieldTemplate.d.ts

@@ -7,6 +7,6 @@ import { FieldTemplateProps } from '@sage-bionetworks/rjsf-core';
  * @param props
  * @returns
  */
-export declare const CustomAdditionalPropertiesFieldTemplate: (props: FieldTemplateProps<any> & {
+export declare const CustomAdditionalPropertiesFieldTemplate: (props: FieldTemplateProps & {
     onKeyChange: (newKey: string) => void;
 }) => JSX.Element;

package/dist/containers/markdown/MarkdownEditor.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare enum MarkdownEditorTabs {
+    WRITE = "WRITE",
+    PREVIEW = "PREVIEW"
+}
+export type MarkdownEditorProps = {
+    placeholder?: string;
+    text: string;
+    setText: (text: string) => void;
+};
+export declare const MarkdownEditor: React.FunctionComponent<MarkdownEditorProps>;

package/dist/containers/markdown/MarkdownEditor.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkdownEditor = exports.MarkdownEditorTabs = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var MarkdownCommands_1 = require("../../utils/synapseTypes/MarkdownCommands");
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var MarkdownSynapse_1 = tslib_1.__importDefault(require("./MarkdownSynapse"));
+var UserMentionModal_1 = require("./UserMentionModal");
+var lodash_es_1 = require("lodash-es");
+var MarkdownEditorTabs;
+(function (MarkdownEditorTabs) {
+    MarkdownEditorTabs["WRITE"] = "WRITE";
+    MarkdownEditorTabs["PREVIEW"] = "PREVIEW";
+})(MarkdownEditorTabs = exports.MarkdownEditorTabs || (exports.MarkdownEditorTabs = {}));
+var MarkdownEditor = function (_a) {
+    var placeholder = _a.placeholder, text = _a.text, setText = _a.setText;
+    var _b = (0, react_1.useState)(MarkdownEditorTabs.WRITE), currentTab = _b[0], setCurrentTab = _b[1];
+    var _c = (0, react_1.useState)(0), selectionStart = _c[0], setSelectionStart = _c[1];
+    var _d = (0, react_1.useState)(false), isShowingTagModal = _d[0], setIsShowingTagModal = _d[1];
+    var _e = (0, react_1.useState)(false), tagModalWithKeyboard = _e[0], setTagModalWithKeyboard = _e[1];
+    var textAreaRef = (0, react_1.useRef)(null);
+    /**
+     * Updates the position of the cursor. This must occur within `useEffect` because we need to ensure that the
+     * cursor position is updated after the state of `text` is updated.
+     */
+    (0, react_1.useEffect)(function () {
+        var input = textAreaRef.current;
+        if (input) {
+            input.setSelectionRange(selectionStart, selectionStart);
+        }
+    }, [textAreaRef, selectionStart]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [isShowingTagModal]);
+    var handleUserTag = function (user) {
+        var newText = [];
+        var textVal = textAreaRef.current;
+        if (textVal) {
+            var start = textVal === null || textVal === void 0 ? void 0 : textVal.selectionStart;
+            var textBeforeTag = text.substring(0, start);
+            var textAfterTag = text.substring(start, text.length);
+            setSelectionStart(start + user.length + 1);
+            newText.push(textBeforeTag, "".concat(tagModalWithKeyboard ? '' : '@').concat(user.replace(/\s/g, '')), textAfterTag);
+        }
+        setText(newText.join(''));
+        setTagModalWithKeyboard(false);
+    };
+    var handleTagModal = function (e) {
+        if (e.key == '@') {
+            setTagModalWithKeyboard(true);
+            setIsShowingTagModal(true);
+        }
+    };
+    var handleCommands = function (command) {
+        var textVal = textAreaRef.current;
+        if (textVal) {
+            var start = textVal.selectionStart;
+            var end = textVal.selectionEnd;
+            var selected = text.substring(start, end);
+            var textBeforeSelection = text.substring(0, start);
+            var textAfterSelection = text.substring(end, text.length);
+            var openSyntax = MarkdownCommands_1.MARKDOWN_COMMANDS_DATA[command].openSyntax;
+            var closeSyntax = MarkdownCommands_1.MARKDOWN_COMMANDS_DATA[command].closeSyntax;
+            switch (command) {
+                case 'code': {
+                    var newText = [];
+                    newText.push(textBeforeSelection, openSyntax, selected, closeSyntax, textAfterSelection);
+                    setText(newText.join('\r\n'));
+                    textVal.focus();
+                    // adds 2 due to new line
+                    setSelectionStart(start + openSyntax.length + 2);
+                    break;
+                }
+                case 'title':
+                case 'bold':
+                case 'italic':
+                case 'strikethrough':
+                case 'latex':
+                case 'subscript':
+                case 'superscript':
+                case 'link':
+                case 'image': {
+                    var newText = "".concat(textBeforeSelection).concat(openSyntax).concat(selected).concat(closeSyntax).concat(textAfterSelection);
+                    textVal.focus();
+                    setSelectionStart(start + openSyntax.length);
+                    setText(newText);
+                }
+            }
+        }
+    };
+    return (react_1.default.createElement("div", { className: "bootstrap-4-backport MarkdownEditor" },
+        react_1.default.createElement("div", { className: "MarkdownEditorControls" },
+            react_1.default.createElement("div", { className: "Tabs" }, Object.keys(MarkdownEditorTabs).map(function (tabName) {
+                return (react_1.default.createElement("button", { className: "Tab", role: "tab", "aria-selected": tabName === currentTab, key: tabName, onClick: function (e) {
+                        e.stopPropagation();
+                        setCurrentTab(MarkdownEditorTabs[tabName]);
+                    } }, tabName));
+            })),
+            currentTab === MarkdownEditorTabs.WRITE && (react_1.default.createElement("div", { className: "MarkdownEditorControlsToolbar" },
+                MarkdownCommands_1.commandList.map(function (type) {
+                    return (react_1.default.createElement("button", { key: type, onClick: function () { return handleCommands(type); } },
+                        react_1.default.createElement(IconSvg_1.default, { icon: type, label: (0, lodash_es_1.startCase)(type) })));
+                }),
+                react_1.default.createElement("button", { onClick: function () { return setIsShowingTagModal(true); } },
+                    react_1.default.createElement(IconSvg_1.default, { icon: "tag", label: "Mention" }))))),
+        react_1.default.createElement("div", null, currentTab === MarkdownEditorTabs.WRITE ? (react_1.default.createElement("textarea", { onChange: function (e) { return setText(e.target.value); }, style: { width: '100%' }, rows: 6, value: text, ref: textAreaRef, placeholder: placeholder, onKeyDown: handleTagModal })) : text ? (react_1.default.createElement(MarkdownSynapse_1.default, { markdown: text })) : ('Nothing to preview')),
+        react_1.default.createElement(UserMentionModal_1.UserMentionModal, { show: isShowingTagModal, onClose: function () { return setIsShowingTagModal(false); }, handleUserTag: handleUserTag })));
+};
+exports.MarkdownEditor = MarkdownEditor;
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/containers/markdown/MarkdownEditor.js.map

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

package/dist/containers/markdown/UserMentionModal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type UserMentionModalProps = {
+    show: boolean;
+    onClose: () => void;
+    handleUserTag: (user: string) => void;
+};
+export declare const UserMentionModal: React.FC<UserMentionModalProps>;

package/dist/containers/markdown/UserMentionModal.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserMentionModal = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var synapseTypes_1 = require("../../utils/synapseTypes");
+var UserSearchBoxV2_1 = tslib_1.__importDefault(require("../UserSearchBoxV2"));
+var UserMentionModal = function (_a) {
+    var show = _a.show, onClose = _a.onClose, handleUserTag = _a.handleUserTag;
+    var onUserChange = (0, react_1.useCallback)(function (selected, header) {
+        if (selected && header) {
+            handleUserTag(header.userName);
+        }
+        onClose();
+    }, [onClose, handleUserTag]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_bootstrap_1.Modal, { show: show, onHide: onClose, backdrop: "static", animation: false },
+            react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
+                react_1.default.createElement(react_bootstrap_1.Modal.Title, null, "Find User or Team")),
+            react_1.default.createElement(react_bootstrap_1.Modal.Body, null,
+                react_1.default.createElement(UserSearchBoxV2_1.default, { placeholder: "Search for a user or team name", onChange: onUserChange, typeFilter: synapseTypes_1.TYPE_FILTER.ALL, focusOnSelect: true })))));
+};
+exports.UserMentionModal = UserMentionModal;
+//# sourceMappingURL=UserMentionModal.js.map

package/dist/containers/markdown/UserMentionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMentionModal.js","sourceRoot":"","sources":["../../../src/lib/containers/markdown/UserMentionModal.tsx"],"names":[],"mappings":";;;;AAAA,qDAA0C;AAC1C,mDAAuC;AACvC,yDAAuE;AACvE,+EAAgD;AAQzC,IAAM,gBAAgB,GAAoC,UAAC,EAI1C;QAHtB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,aAAa,mBAAA;IAEb,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,QAAuB,EAAE,MAA8B;QACtD,IAAI,QAAQ,IAAI,MAAM,EAAE;YACtB,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;SAC/B;QACD,OAAO,EAAE,CAAA;IACX,CAAC,EACD,CAAC,OAAO,EAAE,aAAa,CAAC,CACzB,CAAA;IAED,OAAO,CACL;QACE,8BAAC,uBAAK,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,KAAK;YACpE,8BAAC,uBAAK,CAAC,MAAM,IAAC,WAAW;gBACvB,8BAAC,uBAAK,CAAC,KAAK,4BAAgC,CAC/B;YACf,8BAAC,uBAAK,CAAC,IAAI;gBACT,8BAAC,yBAAe,IACd,WAAW,EAAC,gCAAgC,EAC5C,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,0BAAW,CAAC,GAAG,EAC3B,aAAa,EAAE,IAAI,GACnB,CACS,CACP,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,gBAAgB,oBAgC5B"}

package/dist/containers/menu/DropdownMenu.js

@@ -44,7 +44,7 @@ function DropdownMenu(props) {
         }
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Tooltip, { title: buttonTooltip, placement: 'top' },
+        react_1.default.createElement(material_1.Tooltip, { title: buttonTooltip ? (react_1.default.createElement("div", { style: { whiteSpace: 'pre-line' } }, buttonTooltip)) : undefined, placement: 'top' },
             react_1.default.createElement("span", null,
                 react_1.default.createElement(material_1.Button, tslib_1.__assign({ variant: "outlined", ref: anchorRef, id: "composition-button-".concat(dropdownMenuId), "aria-controls": open ? "composition-menu-".concat(dropdownMenuId) : undefined, "aria-expanded": open ? 'true' : undefined, "aria-haspopup": "true", onClick: handleToggle }, buttonProps),
                     react_1.default.createElement(material_1.Typography, { variant: 'buttonLink' }, dropdownButtonText)))),

package/dist/containers/menu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/lib/containers/menu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../src/lib/containers/menu/DropdownMenu.tsx"],"names":[],"mappings":";;;;AAAA,qDAAoC;AACpC,0CAesB;AACtB,+DAA0C;AAuC1C;;GAEG;AACH,SAAgB,YAAY,CAAC,KAAwB;IAEjD,IAAA,aAAa,GAMX,KAAK,cANM,EACb,kBAAkB,GAKhB,KAAK,mBALW,EAClB,KAIE,KAAK,MAJ2B,EAAlC,KAAK,mBAAG,EAA0B,KAAA,EAClC,KAGE,KAAK,0BAHyB,EAAhC,yBAAyB,mBAAG,IAAI,KAAA,EAChC,KAEE,KAAK,oBAFoB,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,KACE,KAAK,YADS,EAAhB,WAAW,mBAAG,EAAE,KAAA,CACT;IAET,IAAM,cAAc,GAAG,IAAA,aAAK,GAAE,CAAA;IACxB,IAAA,KAAkB,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtC,IAAI,QAAA,EAAE,OAAO,QAAyB,CAAA;IAC7C,IAAM,SAAS,GAAG,eAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEvD,IAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,CAAA;IAE7C,IAAI,CAAC,mBAAmB,IAAI,iBAAiB,KAAK,CAAC,EAAE;QACnD,8CAA8C;QAC9C,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,yBAAyB,IAAI,iBAAiB,KAAK,CAAC,EAAE;QACxD,oDAAoD;QACpD,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;QAChC,OAAO,CACL,8BAAC,iBAAM,IACL,SAAS,EAAE,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAC9C,KAAK,EAAE,QAAQ,CAAC,WAAW,EAC3B,OAAO,EAAC,UAAU,EAClB,IAAI,EAAE,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACpD,GAAG,EAAE,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,EAC3D,OAAO,EAAE,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC7D,QAAQ,EAAE,QAAQ,CAAC,QAAQ;YAE3B,8BAAC,qBAAU,IAAC,OAAO,EAAE,YAAY,IAAG,QAAQ,CAAC,IAAI,CAAc,CACxD,CACV,CAAA;KACF;IAED,IAAM,YAAY,GAAG;QACnB,OAAO,CAAC,UAAA,QAAQ,IAAI,OAAA,CAAC,QAAQ,EAAT,CAAS,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,IAAM,WAAW,GAAG,UAAC,KAAmC;QACtD,IACE,SAAS,CAAC,OAAO;YACjB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC,EACvD;YACA,OAAM;SACP;QAED,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,CAAA;IAED,SAAS,iBAAiB,CAAC,KAA0B;QACnD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,OAAO,CAAC,KAAK,CAAC,CAAA;SACf;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YACjC,OAAO,CAAC,KAAK,CAAC,CAAA;SACf;IACH,CAAC;IAED,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ;QACb,8BAAC,kBAAO,IACN,KAAK,EACH,aAAa,CAAC,CAAC,CAAC,CACd,uCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,IAAG,aAAa,CAAO,CAC9D,CAAC,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,KAAK;YAEhB;gBACE,8BAAC,iBAAM,qBACL,OAAO,EAAC,UAAU,EAClB,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,6BAAsB,cAAc,CAAE,mBAExC,IAAI,CAAC,CAAC,CAAC,2BAAoB,cAAc,CAAE,CAAC,CAAC,CAAC,SAAS,mBAE1C,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAC1B,MAAM,EACpB,OAAO,EAAE,YAAY,IACjB,WAAW;oBAEf,8BAAC,qBAAU,IAAC,OAAO,EAAE,YAAY,IAAG,kBAAkB,CAAc,CAC7D,CACJ,CACC;QACV,8BAAC,iBAAM,IACL,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,YAAY,EACtB,UAAU,QACV,KAAK,EAAE;gBACL,wEAAwE;gBACxE,MAAM,EAAE,EAAE;aACX,IAEA,UAAC,EAAmB;gBAAjB,eAAe,qBAAA;YAAO,OAAA,CACxB,8BAAC,eAAI,uBAAK,eAAe;gBACvB,8BAAC,gBAAK;oBACJ,8BAAC,4BAAiB,IAAC,WAAW,EAAE,WAAW;wBACzC,8BAAC,mBAAQ,IACP,aAAa,EAAE,IAAI,EACnB,EAAE,EAAE,2BAAoB,cAAc,CAAE,qBACvB,6BAAsB,cAAc,CAAE,EACvD,SAAS,EAAE,iBAAiB,IAE3B,KAAK,CAAC,GAAG,CAAC,UAAC,SAAS,EAAE,KAAK,EAAE,KAAK;4BACjC,OAAO;gCACL,SAAS,CAAC,GAAG,CAAC,UAAA,IAAI;oCAChB,OAAO,CACL,8BAAC,kBAAO,IACN,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,SAAS,EAAE,MAAM;wCAEjB,8BAAC,mBAAQ;wCACP,+DAA+D;;4CAA/D,+DAA+D;4CAC/D,SAAS,EAAC,GAAG,EACb,EAAE,EAAE;gDACF,qFAAqF;gDACrF,SAAS,EAAE;oDACT,KAAK,EAAE,OAAO;iDACf;gDACD,SAAS,EAAE;oDACT,KAAK,EAAE,OAAO;oDACd,cAAc,EAAE,OAAO;iDACxB;6CACF,EACD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC5C,GAAG,EACD,MAAM,IAAI,IAAI;gDACZ,CAAC,CAAC,qBAAqB;gDACvB,CAAC,CAAC,SAAS;4CAEf,0DAA0D;4CAC1D,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAChC,OAAO,EAAE,UAAC,CAAmB;gDAC3B;;;mDAGG;gDACH,IACE,CAAC,IAAI,CAAC,QAAQ;oDACd,SAAS,IAAI,IAAI;oDACjB,IAAI,CAAC,OAAO,EACZ;oDACA,OAAO,CAAC,KAAK,CAAC,CAAA;oDACd,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;iDAChB;4CACH,CAAC;4CAED,8BAAC,uBAAY,IACX,KAAK,EAAE;oDACL,qFAAqF;oDACrF,0EAA0E;oDAC1E,QAAQ,EAAE,MAAM;iDACjB,IAEA,IAAI,CAAC,IAAI,IAAI,CACZ,8BAAC,iBAAO,IACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,qBACA,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,IACX,IAAI,CAAC,MAAM,GAEhB,IAAI,EAAE,KAAK,GACX,CACH,CACY;4CACf,8BAAC,uBAAY,IACX,sBAAsB,EAAE;oDACtB,OAAO,EAAE,YAAY;oDACrB,EAAE,EAAE,IAAI,CAAC,MAAM;iDAChB,EACD,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,IAEnB,IAAI,CAAC,IAAI,CACG,CACN,CACH,CACX,CAAA;gCACH,CAAC,CAAC;gCACF,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,8BAAC,kBAAO,OAAG;6BACxC,CAAA;wBACH,CAAC,CAAC,CACO,CACO,CACd,CACH,CACR;QA/FyB,CA+FzB,CACM,CACM,CAClB,CAAA;AACH,CAAC;AAxMD,oCAwMC"}

package/dist/containers/query_wrapper_plot_nav/QueryWrapperPlotNav.d.ts

@@ -25,6 +25,7 @@ type OwnProps = {
     availableFacets?: FacetFilterControlsProps['availableFacets'];
     defaultColumn?: string;
     defaultShowSearchBox?: boolean;
+    showExportToCavatica?: boolean;
     lockedColumn?: QueryWrapperProps['lockedColumn'];
 } & Omit<TopLevelControlsProps, 'entityId'> & Pick<QueryVisualizationWrapperProps, 'defaultShowFacetVisualization' | 'visibleColumnCount' | 'columnAliases' | 'rgbIndex' | 'showLastUpdatedOn' | 'noContentPlaceholderType'>;
 type SearchParams = {

package/dist/containers/query_wrapper_plot_nav/QueryWrapperPlotNav.js

@@ -26,7 +26,7 @@ var QUERY_FILTERS_EXPANDED_CSS = 'isShowingFacetFilters';
 var QUERY_FILTERS_COLLAPSED_CSS = 'isHidingFacetFilters';
 var QueryWrapperPlotNav = function (props) {
     var _a = React.useState(false), showExportMetadata = _a[0], setShowExportMetadata = _a[1];
-    var searchParams = props.searchParams, sql = props.sql, sqlOperator = props.sqlOperator, tableConfiguration = props.tableConfiguration, name = props.name, cardConfiguration = props.cardConfiguration, facetsToPlot = props.facetsToPlot, availableFacets = props.availableFacets, hideDownload = props.hideDownload, hideQueryCount = props.hideQueryCount, hideSqlEditorControl = props.hideSqlEditorControl, searchConfiguration = props.searchConfiguration, _b = props.limit, limit = _b === void 0 ? SynapseConstants_1.DEFAULT_PAGE_SIZE : _b, initQueryJson = props.initQueryJson, showLastUpdatedOn = props.showLastUpdatedOn;
+    var searchParams = props.searchParams, sql = props.sql, sqlOperator = props.sqlOperator, tableConfiguration = props.tableConfiguration, name = props.name, cardConfiguration = props.cardConfiguration, facetsToPlot = props.facetsToPlot, availableFacets = props.availableFacets, hideDownload = props.hideDownload, hideQueryCount = props.hideQueryCount, hideSqlEditorControl = props.hideSqlEditorControl, searchConfiguration = props.searchConfiguration, _b = props.limit, limit = _b === void 0 ? SynapseConstants_1.DEFAULT_PAGE_SIZE : _b, initQueryJson = props.initQueryJson, showLastUpdatedOn = props.showLastUpdatedOn, _c = props.showExportToCavatica, showExportToCavatica = _c === void 0 ? false : _c;
     var additionalFilters = (0, sqlFunctions_1.generateQueryFilterFromSearchParams)(searchParams, sqlOperator);
     // use initQuery if set, otherwise use sql
     var query = initQueryJson
@@ -78,7 +78,7 @@ var QueryWrapperPlotNav = function (props) {
                             isFullTextSearchEnabled ? (React.createElement(FullTextSearch_1.default, { helpUrl: searchConfiguration === null || searchConfiguration === void 0 ? void 0 : searchConfiguration.fullTextSearchHelpURL })) : (React.createElement(SearchV2_1.default, tslib_1.__assign({}, searchConfiguration, { queryContext: queryContext, queryVisualizationContext: queryVisualizationContext }))),
                             React.createElement(SqlEditor_1.default, null),
                             React.createElement(download_list_1.DownloadConfirmation, { getLastQueryRequest: queryContext.getLastQueryRequest, topLevelControlsState: queryVisualizationContext.topLevelControlsState, setTopLevelControlsState: queryVisualizationContext.setTopLevelControlsState }),
-                            React.createElement(TopLevelControls_1.default, { showColumnSelection: tableConfiguration !== undefined, name: name, hideDownload: hideDownload, hideQueryCount: hideQueryCount, hideFacetFilterControl: !isFaceted, hideVisualizationsControl: !isFaceted, hideSqlEditorControl: hideSqlEditorControl }),
+                            React.createElement(TopLevelControls_1.default, { showColumnSelection: tableConfiguration !== undefined, name: name, hideDownload: hideDownload, hideQueryCount: hideQueryCount, hideFacetFilterControl: !isFaceted, hideVisualizationsControl: !isFaceted, hideSqlEditorControl: hideSqlEditorControl, showExportToCavatica: showExportToCavatica }),
                             isFaceted && (React.createElement(React.Fragment, null,
                                 React.createElement(FacetFilterControls_1.default, { availableFacets: availableFacets }))),
                             React.createElement(FacetNav_1.default, { facetsToPlot: facetsToPlot }),