synapse-react-client 4.0.18 → 4.0.19

package/dist/SWC.index.d.ts

@@ -37,6 +37,7 @@ declare const SynapseComponents: {
     CookiesNotification: import("react").LazyExoticComponent<(props: import("./components/CookiesNotification/CookiesNotification").CookieNotificationProps) => React.ReactNode>;
     CreateOrUpdateAccessRequirementWizard: import("react").LazyExoticComponent<typeof import("./components/CreateOrUpdateAccessRequirementWizard").CreateOrUpdateAccessRequirementWizard>;
     CreateOrUpdateDoiModal: import("react").LazyExoticComponent<typeof import("./components/doi/CreateOrUpdateDoiModal").CreateOrUpdateDoiModal>;
+    CreateTableFromCsvDialog: import("react").LazyExoticComponent<typeof import("./components/table/CsvPreview/CreateTableFromCsvDialog").default>;
     CreateTableViewWizard: import("react").LazyExoticComponent<typeof import("./components/CreateTableViewWizard/CreateTableViewWizard").default>;
     CreatedByModifiedBy: import("react").LazyExoticComponent<typeof import("./components/entity/page/CreatedByModifiedBy").CreatedByModifiedBy>;
     CsvPreview: import("react").LazyExoticComponent<typeof import("./components/table/CsvPreview/CsvPreview").default>;
@@ -111,6 +112,7 @@ declare const SynapseComponents: {
     SynapseToastContainer: typeof SynapseToastContainer;
     TableColumnSchemaEditor: import("react").LazyExoticComponent<typeof import("./components/TableColumnSchemaEditor/TableColumnSchemaEditor").default>;
     TrashCanList: import("react").LazyExoticComponent<typeof import("./components/trash/TrashCanList").TrashCanList>;
+    UpdateTableWithCsvDialog: import("react").LazyExoticComponent<typeof import("./components/table/CsvPreview/UpdateTableWithCsvDialog").default>;
     UserAccessRequestHistoryPlace: import("react").LazyExoticComponent<typeof import("./components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPlace").UserAccessRequestHistoryPlace>;
     UserCard: import("react").LazyExoticComponent<typeof import("./components").UserCard>;
     UserProfileLinks: import("react").LazyExoticComponent<typeof import("./components").UserProfileLinks>;

package/dist/SWC.index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SWC.index.d.ts","sourceRoot":"","sources":["../src/SWC.index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAEL,qBAAqB,EACtB,MAAM,wCAAwC,CAAA;AAC/C,OAAO,aAAa,EAAE,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAA;AACnD,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAA;AACzE,OAAO,EACL,6BAA6B,EAC7B,4BAA4B,EAC5B,6BAA6B,EAC7B,8BAA8B,EAC/B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAEL,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAGxD,OAAO,mBAAmB,CAAA;AAK1B,QAAA,MAAM,YAAY;;CAEjB,CAAA;AAED,QAAA,MAAM,cAAc;;;;;CAKnB,CAAA;AAED,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2LtB,CAAA;AAED,QAAA,MAAM,SAAS;;;;;;CAMd,CAAA;AAGD,QAAA,MAAM,yBAAyB,QAAkB,CAAA;AAEjD,OAAO,EACL,SAAS,EACT,UAAU,EACV,yBAAyB,EACzB,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,UAAU,EACV,qBAAqB,GACtB,CAAA"}
+{"version":3,"file":"SWC.index.d.ts","sourceRoot":"","sources":["../src/SWC.index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAEL,qBAAqB,EACtB,MAAM,wCAAwC,CAAA;AAC/C,OAAO,aAAa,EAAE,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAA;AACnD,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAA;AACzE,OAAO,EACL,6BAA6B,EAC7B,4BAA4B,EAC5B,6BAA6B,EAC7B,8BAA8B,EAC/B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAEL,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAEhE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAGxD,OAAO,mBAAmB,CAAA;AAK1B,QAAA,MAAM,YAAY;;CAEjB,CAAA;AAED,QAAA,MAAM,cAAc;;;;;CAKnB,CAAA;AAED,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiMtB,CAAA;AAED,QAAA,MAAM,SAAS;;;;;;CAMd,CAAA;AAGD,QAAA,MAAM,yBAAyB,QAAkB,CAAA;AAEjD,OAAO,EACL,SAAS,EACT,UAAU,EACV,yBAAyB,EACzB,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,UAAU,EACV,qBAAqB,GACtB,CAAA"}

package/dist/SWC.index.js

@@ -35,6 +35,7 @@ var x = { BackendDestinationEnum: r }, S = {
 	CookiesNotification: b(() => import("./components/CookiesNotification/index.js")),
 	CreateOrUpdateAccessRequirementWizard: b(() => import("./components/CreateOrUpdateAccessRequirementWizard/index.js")),
 	CreateOrUpdateDoiModal: b(() => import("./components/doi/CreateOrUpdateDoiModal.js")),
+	CreateTableFromCsvDialog: b(() => import("./components/table/CsvPreview/CreateTableFromCsvDialog.js")),
 	CreateTableViewWizard: b(() => import("./components/CreateTableViewWizard/CreateTableViewWizard.js")),
 	CreatedByModifiedBy: b(() => import("./components/entity/page/CreatedByModifiedBy.js")),
 	CsvPreview: b(() => import("./components/table/CsvPreview/CsvPreview.js")),
@@ -99,6 +100,7 @@ var x = { BackendDestinationEnum: r }, S = {
 	SynapseToastContainer: e,
 	TableColumnSchemaEditor: b(() => import("./components/TableColumnSchemaEditor/TableColumnSchemaEditor.js")),
 	TrashCanList: b(() => import("./components/trash/TrashCanList.js")),
+	UpdateTableWithCsvDialog: b(() => import("./components/table/CsvPreview/UpdateTableWithCsvDialog.js")),
 	UserAccessRequestHistoryPlace: b(() => import("./components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPlace.js")),
 	UserCard: b(() => import("./components/UserCard/UserCard.js")),
 	UserProfileLinks: b(() => import("./components/UserProfileLinks/UserProfileLinks.js")),
@@ -110,7 +112,7 @@ var x = { BackendDestinationEnum: r }, S = {
 	sendSearchResultsReturnedEvent: y,
 	sendSearchResultReturnedEvent: v,
 	sendSearchResultClickedEvent: _
-}, T = "4.0.18";
+}, T = "4.0.19";
 //#endregion
 export { w as Analytics, a as HttpClient, d as Palettes, o as SynapseClient, C as SynapseComponents, n as SynapseConstants, S as SynapseContext, x as SynapseEnums, m as SynapseQueries, T as SynapseReactClientVersion, p as SynapseSessionManager, i as xssOptions };
 

package/dist/SWC.index.js.map

@@ -1 +1 @@
-{"version":3,"file":"SWC.index.js","names":[],"sources":["../src/SWC.index.ts"],"sourcesContent":["/**\n * SWC.index.ts represents the entry point for the Synapse React Client library as it is published to NPM and\n * used by SynapseWebClient.\n *\n * If you wish to export a component or other object to be used by SynapseWebClient, you should add it to this file.\n */\n\nimport { lazy } from 'react'\nimport {\n  displayToast,\n  SynapseToastContainer,\n} from './components/ToastMessage/ToastMessage'\nimport SynapseClient, { HttpClient } from './synapse-client'\nimport * as SynapseQueries from './synapse-queries'\nimport Palettes from './theme/palette/Palettes'\nimport { SynapseConstants } from './utils'\nimport { sendAnalyticsEvent } from './utils/analytics/sendAnalyticsEvent'\nimport {\n  sendSearchQuerySubmittedEvent,\n  sendSearchResultClickedEvent,\n  sendSearchResultReturnedEvent,\n  sendSearchResultsReturnedEvent,\n} from './utils/analytics/sendSearchEvent'\nimport { FullContextProvider } from './utils/context/FullContextProvider'\nimport {\n  SynapseContextConsumer,\n  SynapseContextProvider,\n  useSynapseContext,\n} from './utils/context/SynapseContext'\nimport { BackendDestinationEnum } from './utils/functions'\nimport { xssOptions } from './utils/functions/SanitizeHtmlUtils'\nimport { getCurrentCookiePreferences } from './utils/hooks'\nimport { SynapseSessionManager } from './utils/AppUtils'\n\n// Also include scss in the bundle\nimport './style/main.scss'\n\n// Injected at build time by Vite's `define`\ndeclare const __SRC_VERSION__: string\n\nconst SynapseEnums = {\n  BackendDestinationEnum,\n}\n\nconst SynapseContext = {\n  FullContextProvider,\n  SynapseContextProvider,\n  SynapseContextConsumer,\n  useSynapseContext,\n}\n\nconst SynapseComponents = {\n  AccessRequirementAclEditor: lazy(\n    () => import('./components/AccessRequirementAclEditor'),\n  ),\n  AccessRequirementList: lazy(\n    () => import('./components/AccessRequirementList/AccessRequirementList'),\n  ),\n  AccessRequirementRelatedProjectsList: lazy(\n    () => import('./components/AccessRequirementRelatedProjectsList'),\n  ),\n  AccountLevelBadges: lazy(\n    () => import('./components/AccountLevelBadges/AccountLevelBadges'),\n  ),\n  AddToDownloadListConfirmationAlert: lazy(\n    () =>\n      import('./components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'),\n  ),\n  AvailableEvaluationQueueList: lazy(\n    () =>\n      import('./components/ChallengeSubmission/AvailableEvaluationQueueList'),\n  ),\n  CertificationQuiz: lazy(\n    () => import('./components/CertificationQuiz/CertificationQuiz'),\n  ),\n  CookiesNotification: lazy(() => import('./components/CookiesNotification')),\n  CreateOrUpdateAccessRequirementWizard: lazy(\n    () => import('./components/CreateOrUpdateAccessRequirementWizard'),\n  ),\n  CreateOrUpdateDoiModal: lazy(\n    () => import('./components/doi/CreateOrUpdateDoiModal'),\n  ),\n  CreateTableViewWizard: lazy(\n    () => import('./components/CreateTableViewWizard/CreateTableViewWizard'),\n  ),\n  CreatedByModifiedBy: lazy(\n    () => import('./components/entity/page/CreatedByModifiedBy'),\n  ),\n  CsvPreview: lazy(() => import('./components/table/CsvPreview/CsvPreview')),\n  CuratorDashboard: lazy(\n    () => import('./features/curator/dashboard/CuratorDashboard'),\n  ),\n  DatasetItemsEditor: lazy(\n    () => import('./components/SynapseTable/datasets/DatasetItemsEditor'),\n  ),\n  DiscussionThread: lazy(() => import('./components/Forum/DiscussionThread')),\n  DownloadCartPage: lazy(\n    () => import('./components/DownloadCart/DownloadCartPage'),\n  ),\n  EntityAclEditorModal: lazy(\n    () => import('./components/EntityAclEditor/EntityAclEditorModal'),\n  ),\n  EntityActionMenu: lazy(\n    () => import('./components/entity/page/action_menu/EntityActionMenu'),\n  ),\n  EntityBadgeIcons: lazy(\n    () => import('./components/EntityBadgeIcons/EntityBadgeIcons'),\n  ),\n  EntityCitation: lazy(() => import('./components/EntityCitation')),\n  EntityFinder: lazy(() => import('./components/EntityFinder/EntityFinder')),\n  EntityForm: lazy(() => import('./components/EntityForm/EntityForm')),\n  EntityHeaderTable: lazy(() => import('./components/EntityHeaderTable')),\n  EntityModal: lazy(() => import('./components/entity/metadata/EntityModal')),\n  EntityPageBreadcrumbs: lazy(\n    () => import('./components/entity/page/breadcrumbs/EntityPageBreadcrumbs'),\n  ),\n  EntityPageTitleBar: lazy(\n    () => import('./components/entity/page/title_bar/EntityPageTitleBar'),\n  ),\n  EntityTreeTable: lazy(\n    () => import('./components/EntityTreeTable/EntityTreeTable'),\n  ),\n  EntityTypeIcon: lazy(() => import('./components/EntityIcon')),\n  EntityUploadModal: lazy(\n    () => import('./components/EntityUpload/EntityUploadModal'),\n  ),\n  EntityViewScopeEditorModal: lazy(\n    () =>\n      import('./components/EntityViewScopeEditor/EntityViewScopeEditorModal'),\n  ),\n  CreateProjectModal: lazy(() =>\n    import('./components/CreateProjectModal/CreateProjectModal').then(m => ({\n      default: m.CreateProjectModal,\n    })),\n  ),\n  ErrorPage: lazy(() => import('./components/error/ErrorPage')),\n  EvaluationCard: lazy(() => import('./components/Evaluation/EvaluationCard')),\n  EvaluationEditorPage: lazy(\n    () => import('./components/Evaluation/EvaluationEditorPage'),\n  ),\n  FavoritesPage: lazy(() => import('./components/favorites/FavoritesPage')),\n  ForumSearch: lazy(() => import('./components/ForumSearch/ForumSearch')),\n  FullWidthAlert: lazy(\n    () => import('./components/FullWidthAlert/FullWidthAlert'),\n  ),\n  GoogleAnalytics: lazy(\n    () => import('./components/GoogleAnalytics/GoogleAnalytics'),\n  ),\n  GovernanceMarkdownGithub: lazy(\n    () => import('./components/Markdown/GovernanceMarkdownGithub'),\n  ),\n  GridPage: lazy(() => import('./features/curator/GridPage/GridPage')),\n  HasAccess: lazy(() => import('./components/HasAccess/HasAccessV2')),\n  HelpPopover: lazy(() => import('./components/HelpPopover/HelpPopover')),\n  HtmlPreview: lazy(\n    () => import('./components/FilePreview/HtmlPreview/HtmlPreview'),\n  ),\n  IDUReport: lazy(() => import('./components/IDUReport/IDUReport')),\n  IconSvg: lazy(() => import('./components/IconSvg/IconSvg')),\n  MetadataTasksPage: lazy(\n    () =>\n      import('./features/entity/metadata-task/components/MetadataTasksPage'),\n  ),\n  OAuthManagement: lazy(\n    () => import('./components/OAuthClientManagement/OAuthManagement'),\n  ),\n  OrientationBanner: lazy(\n    () => import('./components/OrientationBanner/OrientationBanner'),\n  ),\n  PageProgress: lazy(() => import('./components/PageProgress/PageProgress')),\n  ProjectDataAvailability: lazy(\n    () => import('./components/ProjectStorage/ProjectDataAvailability'),\n  ),\n  ProvenanceGraph: lazy(\n    () => import('./components/ProvenanceGraph/ProvenanceGraph'),\n  ),\n  QueryWrapperPlotNav: lazy(\n    () => import('./components/QueryWrapperPlotNav/QueryWrapperPlotNav'),\n  ),\n  RejectProfileValidationRequestModal: lazy(\n    () => import('./components/dataaccess/RejectProfileValidationRequestModal'),\n  ),\n  ReviewerDashboard: lazy(\n    () => import('./components/dataaccess/ReviewerDashboard'),\n  ),\n  SearchQueryWrapperPlotNav: lazy(\n    () =>\n      import('./components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav'),\n  ),\n  ShareThisPage: lazy(() => import('./components/ShareThisPage')),\n  SkeletonButton: lazy(() => import('./components/Skeleton/SkeletonButton')),\n  SqlDefinedTableEditorModal: lazy(\n    () =>\n      import('./components/SqlDefinedTableEditor/SqlDefinedTableEditorModal'),\n  ),\n  StandaloneQueryWrapper: lazy(\n    () => import('./components/StandaloneQueryWrapper/StandaloneQueryWrapper'),\n  ),\n  StatisticsPlot: lazy(() => import('./components/StatisticsPlot')),\n  SubmissionViewScopeEditorModal: lazy(\n    () =>\n      import('./components/SubmissionViewScopeEditor/SubmissionViewScopeEditorModal'),\n  ),\n  SubscriptionPage: lazy(() => import('./components/SubscriptionPage')),\n  SynapseChat: lazy(() => import('./components/SynapseChat/SynapseChat')),\n  SynapseGrid: lazy(() => import('./components/DataGrid/SynapseGrid')),\n  SynapseFooter: lazy(() => import('./components/SynapseFooter/SynapseFooter')),\n  SynapseHomepageV2: lazy(\n    () => import('./components/SynapseHomepageV2/SynapseHomepageV2'),\n  ),\n  SynapseNavDrawer: lazy(\n    () => import('./components/SynapseNavDrawer/SynapseNavDrawer'),\n  ),\n  SynapsePlansPage: lazy(\n    () => import('./components/SynapseHomepageV2/SynapsePlansPage'),\n  ),\n  SynapsePortalBanners: lazy(\n    () => import('./components/SynapsePortalBanners/SynapsePortalBanners'),\n  ),\n  SynapseSearchPage: lazy(\n    () => import('./components/SynapseSearchPageResults/SynapseSearchPage'),\n  ),\n  SynapseToastContainer,\n  TableColumnSchemaEditor: lazy(\n    () =>\n      import('./components/TableColumnSchemaEditor/TableColumnSchemaEditor'),\n  ),\n  TrashCanList: lazy(() => import('./components/trash/TrashCanList')),\n  UserAccessRequestHistoryPlace: lazy(\n    () =>\n      import('./components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPlace'),\n  ),\n  UserCard: lazy(() => import('./components/UserCard/UserCard')),\n  UserProfileLinks: lazy(\n    () => import('./components/UserProfileLinks/UserProfileLinks'),\n  ),\n  displayToast,\n  getCurrentCookiePreferences,\n}\n\nconst Analytics = {\n  sendAnalyticsEvent,\n  sendSearchQuerySubmittedEvent,\n  sendSearchResultsReturnedEvent,\n  sendSearchResultReturnedEvent,\n  sendSearchResultClickedEvent,\n}\n\n// Include the version in the build\nconst SynapseReactClientVersion = __SRC_VERSION__\n\nexport {\n  Analytics,\n  HttpClient,\n  SynapseReactClientVersion,\n  SynapseComponents,\n  SynapseConstants,\n  SynapseClient,\n  SynapseContext,\n  SynapseEnums,\n  SynapseQueries,\n  Palettes,\n  xssOptions,\n  SynapseSessionManager,\n}\n"],"mappings":"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"}
+{"version":3,"file":"SWC.index.js","names":[],"sources":["../src/SWC.index.ts"],"sourcesContent":["/**\n * SWC.index.ts represents the entry point for the Synapse React Client library as it is published to NPM and\n * used by SynapseWebClient.\n *\n * If you wish to export a component or other object to be used by SynapseWebClient, you should add it to this file.\n */\n\nimport { lazy } from 'react'\nimport {\n  displayToast,\n  SynapseToastContainer,\n} from './components/ToastMessage/ToastMessage'\nimport SynapseClient, { HttpClient } from './synapse-client'\nimport * as SynapseQueries from './synapse-queries'\nimport Palettes from './theme/palette/Palettes'\nimport { SynapseConstants } from './utils'\nimport { sendAnalyticsEvent } from './utils/analytics/sendAnalyticsEvent'\nimport {\n  sendSearchQuerySubmittedEvent,\n  sendSearchResultClickedEvent,\n  sendSearchResultReturnedEvent,\n  sendSearchResultsReturnedEvent,\n} from './utils/analytics/sendSearchEvent'\nimport { FullContextProvider } from './utils/context/FullContextProvider'\nimport {\n  SynapseContextConsumer,\n  SynapseContextProvider,\n  useSynapseContext,\n} from './utils/context/SynapseContext'\nimport { BackendDestinationEnum } from './utils/functions'\nimport { xssOptions } from './utils/functions/SanitizeHtmlUtils'\nimport { getCurrentCookiePreferences } from './utils/hooks'\nimport { SynapseSessionManager } from './utils/AppUtils'\n\n// Also include scss in the bundle\nimport './style/main.scss'\n\n// Injected at build time by Vite's `define`\ndeclare const __SRC_VERSION__: string\n\nconst SynapseEnums = {\n  BackendDestinationEnum,\n}\n\nconst SynapseContext = {\n  FullContextProvider,\n  SynapseContextProvider,\n  SynapseContextConsumer,\n  useSynapseContext,\n}\n\nconst SynapseComponents = {\n  AccessRequirementAclEditor: lazy(\n    () => import('./components/AccessRequirementAclEditor'),\n  ),\n  AccessRequirementList: lazy(\n    () => import('./components/AccessRequirementList/AccessRequirementList'),\n  ),\n  AccessRequirementRelatedProjectsList: lazy(\n    () => import('./components/AccessRequirementRelatedProjectsList'),\n  ),\n  AccountLevelBadges: lazy(\n    () => import('./components/AccountLevelBadges/AccountLevelBadges'),\n  ),\n  AddToDownloadListConfirmationAlert: lazy(\n    () =>\n      import('./components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'),\n  ),\n  AvailableEvaluationQueueList: lazy(\n    () =>\n      import('./components/ChallengeSubmission/AvailableEvaluationQueueList'),\n  ),\n  CertificationQuiz: lazy(\n    () => import('./components/CertificationQuiz/CertificationQuiz'),\n  ),\n  CookiesNotification: lazy(() => import('./components/CookiesNotification')),\n  CreateOrUpdateAccessRequirementWizard: lazy(\n    () => import('./components/CreateOrUpdateAccessRequirementWizard'),\n  ),\n  CreateOrUpdateDoiModal: lazy(\n    () => import('./components/doi/CreateOrUpdateDoiModal'),\n  ),\n  CreateTableFromCsvDialog: lazy(\n    () => import('./components/table/CsvPreview/CreateTableFromCsvDialog'),\n  ),\n  CreateTableViewWizard: lazy(\n    () => import('./components/CreateTableViewWizard/CreateTableViewWizard'),\n  ),\n  CreatedByModifiedBy: lazy(\n    () => import('./components/entity/page/CreatedByModifiedBy'),\n  ),\n  CsvPreview: lazy(() => import('./components/table/CsvPreview/CsvPreview')),\n  CuratorDashboard: lazy(\n    () => import('./features/curator/dashboard/CuratorDashboard'),\n  ),\n  DatasetItemsEditor: lazy(\n    () => import('./components/SynapseTable/datasets/DatasetItemsEditor'),\n  ),\n  DiscussionThread: lazy(() => import('./components/Forum/DiscussionThread')),\n  DownloadCartPage: lazy(\n    () => import('./components/DownloadCart/DownloadCartPage'),\n  ),\n  EntityAclEditorModal: lazy(\n    () => import('./components/EntityAclEditor/EntityAclEditorModal'),\n  ),\n  EntityActionMenu: lazy(\n    () => import('./components/entity/page/action_menu/EntityActionMenu'),\n  ),\n  EntityBadgeIcons: lazy(\n    () => import('./components/EntityBadgeIcons/EntityBadgeIcons'),\n  ),\n  EntityCitation: lazy(() => import('./components/EntityCitation')),\n  EntityFinder: lazy(() => import('./components/EntityFinder/EntityFinder')),\n  EntityForm: lazy(() => import('./components/EntityForm/EntityForm')),\n  EntityHeaderTable: lazy(() => import('./components/EntityHeaderTable')),\n  EntityModal: lazy(() => import('./components/entity/metadata/EntityModal')),\n  EntityPageBreadcrumbs: lazy(\n    () => import('./components/entity/page/breadcrumbs/EntityPageBreadcrumbs'),\n  ),\n  EntityPageTitleBar: lazy(\n    () => import('./components/entity/page/title_bar/EntityPageTitleBar'),\n  ),\n  EntityTreeTable: lazy(\n    () => import('./components/EntityTreeTable/EntityTreeTable'),\n  ),\n  EntityTypeIcon: lazy(() => import('./components/EntityIcon')),\n  EntityUploadModal: lazy(\n    () => import('./components/EntityUpload/EntityUploadModal'),\n  ),\n  EntityViewScopeEditorModal: lazy(\n    () =>\n      import('./components/EntityViewScopeEditor/EntityViewScopeEditorModal'),\n  ),\n  CreateProjectModal: lazy(() =>\n    import('./components/CreateProjectModal/CreateProjectModal').then(m => ({\n      default: m.CreateProjectModal,\n    })),\n  ),\n  ErrorPage: lazy(() => import('./components/error/ErrorPage')),\n  EvaluationCard: lazy(() => import('./components/Evaluation/EvaluationCard')),\n  EvaluationEditorPage: lazy(\n    () => import('./components/Evaluation/EvaluationEditorPage'),\n  ),\n  FavoritesPage: lazy(() => import('./components/favorites/FavoritesPage')),\n  ForumSearch: lazy(() => import('./components/ForumSearch/ForumSearch')),\n  FullWidthAlert: lazy(\n    () => import('./components/FullWidthAlert/FullWidthAlert'),\n  ),\n  GoogleAnalytics: lazy(\n    () => import('./components/GoogleAnalytics/GoogleAnalytics'),\n  ),\n  GovernanceMarkdownGithub: lazy(\n    () => import('./components/Markdown/GovernanceMarkdownGithub'),\n  ),\n  GridPage: lazy(() => import('./features/curator/GridPage/GridPage')),\n  HasAccess: lazy(() => import('./components/HasAccess/HasAccessV2')),\n  HelpPopover: lazy(() => import('./components/HelpPopover/HelpPopover')),\n  HtmlPreview: lazy(\n    () => import('./components/FilePreview/HtmlPreview/HtmlPreview'),\n  ),\n  IDUReport: lazy(() => import('./components/IDUReport/IDUReport')),\n  IconSvg: lazy(() => import('./components/IconSvg/IconSvg')),\n  MetadataTasksPage: lazy(\n    () =>\n      import('./features/entity/metadata-task/components/MetadataTasksPage'),\n  ),\n  OAuthManagement: lazy(\n    () => import('./components/OAuthClientManagement/OAuthManagement'),\n  ),\n  OrientationBanner: lazy(\n    () => import('./components/OrientationBanner/OrientationBanner'),\n  ),\n  PageProgress: lazy(() => import('./components/PageProgress/PageProgress')),\n  ProjectDataAvailability: lazy(\n    () => import('./components/ProjectStorage/ProjectDataAvailability'),\n  ),\n  ProvenanceGraph: lazy(\n    () => import('./components/ProvenanceGraph/ProvenanceGraph'),\n  ),\n  QueryWrapperPlotNav: lazy(\n    () => import('./components/QueryWrapperPlotNav/QueryWrapperPlotNav'),\n  ),\n  RejectProfileValidationRequestModal: lazy(\n    () => import('./components/dataaccess/RejectProfileValidationRequestModal'),\n  ),\n  ReviewerDashboard: lazy(\n    () => import('./components/dataaccess/ReviewerDashboard'),\n  ),\n  SearchQueryWrapperPlotNav: lazy(\n    () =>\n      import('./components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav'),\n  ),\n  ShareThisPage: lazy(() => import('./components/ShareThisPage')),\n  SkeletonButton: lazy(() => import('./components/Skeleton/SkeletonButton')),\n  SqlDefinedTableEditorModal: lazy(\n    () =>\n      import('./components/SqlDefinedTableEditor/SqlDefinedTableEditorModal'),\n  ),\n  StandaloneQueryWrapper: lazy(\n    () => import('./components/StandaloneQueryWrapper/StandaloneQueryWrapper'),\n  ),\n  StatisticsPlot: lazy(() => import('./components/StatisticsPlot')),\n  SubmissionViewScopeEditorModal: lazy(\n    () =>\n      import('./components/SubmissionViewScopeEditor/SubmissionViewScopeEditorModal'),\n  ),\n  SubscriptionPage: lazy(() => import('./components/SubscriptionPage')),\n  SynapseChat: lazy(() => import('./components/SynapseChat/SynapseChat')),\n  SynapseGrid: lazy(() => import('./components/DataGrid/SynapseGrid')),\n  SynapseFooter: lazy(() => import('./components/SynapseFooter/SynapseFooter')),\n  SynapseHomepageV2: lazy(\n    () => import('./components/SynapseHomepageV2/SynapseHomepageV2'),\n  ),\n  SynapseNavDrawer: lazy(\n    () => import('./components/SynapseNavDrawer/SynapseNavDrawer'),\n  ),\n  SynapsePlansPage: lazy(\n    () => import('./components/SynapseHomepageV2/SynapsePlansPage'),\n  ),\n  SynapsePortalBanners: lazy(\n    () => import('./components/SynapsePortalBanners/SynapsePortalBanners'),\n  ),\n  SynapseSearchPage: lazy(\n    () => import('./components/SynapseSearchPageResults/SynapseSearchPage'),\n  ),\n  SynapseToastContainer,\n  TableColumnSchemaEditor: lazy(\n    () =>\n      import('./components/TableColumnSchemaEditor/TableColumnSchemaEditor'),\n  ),\n  TrashCanList: lazy(() => import('./components/trash/TrashCanList')),\n  UpdateTableWithCsvDialog: lazy(\n    () => import('./components/table/CsvPreview/UpdateTableWithCsvDialog'),\n  ),\n  UserAccessRequestHistoryPlace: lazy(\n    () =>\n      import('./components/dataaccess/UserAccessRequestHistory/UserAccessRequestHistoryPlace'),\n  ),\n  UserCard: lazy(() => import('./components/UserCard/UserCard')),\n  UserProfileLinks: lazy(\n    () => import('./components/UserProfileLinks/UserProfileLinks'),\n  ),\n  displayToast,\n  getCurrentCookiePreferences,\n}\n\nconst Analytics = {\n  sendAnalyticsEvent,\n  sendSearchQuerySubmittedEvent,\n  sendSearchResultsReturnedEvent,\n  sendSearchResultReturnedEvent,\n  sendSearchResultClickedEvent,\n}\n\n// Include the version in the build\nconst SynapseReactClientVersion = __SRC_VERSION__\n\nexport {\n  Analytics,\n  HttpClient,\n  SynapseReactClientVersion,\n  SynapseComponents,\n  SynapseConstants,\n  SynapseClient,\n  SynapseContext,\n  SynapseEnums,\n  SynapseQueries,\n  Palettes,\n  xssOptions,\n  SynapseSessionManager,\n}\n"],"mappings":"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"}

package/dist/components/DataExplorer/DataExplorer.css

@@ -0,0 +1 @@
+._dataExplorerTitle_q328i_1.MuiTypography-root{color:var(--data-explorer-title-color,var(--synapse-primary-action-color));margin-bottom:10px;font-size:36px;line-height:40px}._dataExplorerSubtitle_q328i_8.MuiTypography-root{line-height:140%}._dataExplorerButton_q328i_12{width:fit-content}._dataExplorerTextContainer_q328i_16{flex:0 0 30%;gap:16px;max-width:30%}._dataExplorerContainer_q328i_22{flex:1 0 0;align-items:flex-start;gap:60px;padding:40px 0;display:flex}._dataContainer_q328i_30{flex:60%;grid-template-rows:repeat(9,fit-content(100%));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:inline-grid}._dataRowTitle_q328i_40{color:var(--synapse-primary-action-color,#4d558d);overflow-wrap:break-word;word-break:break-word;flex:0 auto;min-width:0;font-size:19.8px;font-weight:400;line-height:26.4px}._dataRowInner_q328i_51{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}._dataRow_q328i_40{border:1px solid #0000;border-radius:3.3px;justify-content:space-between;justify-self:stretch;align-items:center;gap:17.6px;min-height:66.6px;padding:8.8px 26.4px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;text-decoration:none!important}._dataRow_q328i_40:hover{z-index:1;background-color:#fff;border-color:#e1e1e1;transform:scale(1.1);box-shadow:0 4px 8px #0000001a}._dataRow_q328i_40:hover ._viewCta_q328i_80{opacity:1;pointer-events:auto}._dataRowLeft_q328i_85{flex:1;align-items:center;gap:16px;min-width:0;display:inline-flex}._iconContainer_q328i_93{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:49px;height:49px;display:flex}._dataRowNamePill_q328i_103{flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex}._fileCount_q328i_111{color:#787090;border:1px solid #d8d5e0;border-radius:80px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:4px 8px;font-size:14px;font-weight:400;line-height:24px;display:flex}._viewCta_q328i_80{opacity:0;white-space:nowrap;color:var(--synapse-primary-action-color,#4d558d);background:linear-gradient(90deg,#0000,#fff 25% 100%);border-radius:0 2px 2px 0;align-items:center;gap:4px;padding-left:40px;padding-right:26.4px;transition:opacity .2s;display:inline-flex;position:absolute;top:0;bottom:0;right:0}._viewCtaText_q328i_144{color:var(--synapse-primary-action-color,#4d558d);font-size:16px;font-weight:400;line-height:26.4px}._viewCtaIcon_q328i_151.MuiSvgIcon-root{color:var(--synapse-primary-action-color,#5a488f);font-size:24px}

package/dist/components/DataExplorer/DataExplorer.d.ts

@@ -0,0 +1,13 @@
+type DataExplorerProps = {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    buttonText?: string;
+    buttonLink?: string;
+    sql: string;
+    explorePath?: string;
+    exploreQuerySql?: string;
+    filterColumnName?: string;
+};
+export default function DataExplorer({ sql, title, subtitle, buttonText, buttonLink, explorePath, exploreQuerySql, filterColumnName, }: DataExplorerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataExplorer.d.ts.map

package/dist/components/DataExplorer/DataExplorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"names":[],"mappings":"AAaA,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AASD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,GAAG,EACH,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,EAAE,iBAAiB,2CA8InB"}

package/dist/components/DataExplorer/DataExplorer.js

@@ -0,0 +1,119 @@
+import "../../utils/SynapseConstants.js";
+import { parseEntityIdFromSqlStatement as e } from "../../utils/functions/SqlFunctions.js";
+import "../../utils/functions/index.js";
+import "../../utils/index.js";
+import { getFieldIndex as t } from "../../utils/functions/queryUtils.js";
+import n from "../../synapse-queries/entity/useGetQueryResultBundle.js";
+import { useSmartLink as r } from "../SmartLink/useSmartLink.js";
+import { generateEncodedPathAndQueryForSelectedFacetURL as i } from "../QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.js";
+import "../QueryWrapper/index.js";
+import a from "../ImageFromSynapseTable.js";
+import o from "./DataExplorer.module.js";
+import { useEffect as s, useMemo as c, useState as l } from "react";
+import { Button as u, Stack as d, Typography as f } from "@mui/material";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import h from "@mui/icons-material/ArrowForward";
+//#region src/components/DataExplorer/DataExplorer.tsx
+var g = /* @__PURE__ */ function(e) {
+	return e.DATATYPE = "datatype", e.ICON = "icon", e.HEX_COLOR = "hexColor", e.FILE_COUNT = "fileCount", e;
+}(g || {});
+function _({ sql: _, title: v, subtitle: y, buttonText: b, buttonLink: x, explorePath: S, exploreQuerySql: C, filterColumnName: w }) {
+	let T = v || y || b, E = r(x), D = e(_), { data: O } = n({
+		partMask: 5,
+		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
+		entityId: D,
+		query: {
+			sql: _,
+			sort: [{
+				column: "order",
+				direction: "ASC"
+			}]
+		}
+	}), k = c(() => O?.queryResult?.queryResults.rows ?? [], [O]), A = t(g.DATATYPE, O), j = t(g.ICON, O), M = t(g.HEX_COLOR, O), N = t(g.FILE_COUNT, O), [P, F] = l([]);
+	return s(() => {
+		!S || !w || !C || Promise.all(k.map((e) => {
+			let t = e.values[A]?.trim();
+			return t ? i(S, C, [{
+				facet: w,
+				facetValue: t
+			}]) : Promise.resolve(S);
+		})).then(F);
+	}, [
+		k,
+		A,
+		S,
+		C,
+		w
+	]), /* @__PURE__ */ m("div", {
+		className: o.dataExplorerContainer,
+		children: [T && /* @__PURE__ */ m(d, {
+			className: o.dataExplorerTextContainer,
+			children: [
+				v && /* @__PURE__ */ p(f, {
+					variant: "headline1",
+					className: o.dataExplorerTitle,
+					children: v
+				}),
+				y && /* @__PURE__ */ p(f, {
+					variant: "body1",
+					component: "div",
+					className: o.dataExplorerSubtitle,
+					children: y
+				}),
+				b && /* @__PURE__ */ p(u, {
+					variant: "contained",
+					className: o.dataExplorerButton,
+					...E,
+					children: b
+				})
+			]
+		}), /* @__PURE__ */ p("div", {
+			className: o.dataContainer,
+			children: k.map((e, t) => {
+				let n = e.values[A] ?? "", r = e.values[M] ?? void 0, i = P[t], s = e.values[N] ?? "";
+				return /* @__PURE__ */ p("a", {
+					className: o.dataRow,
+					href: i,
+					children: /* @__PURE__ */ m("div", {
+						className: o.dataRowInner,
+						children: [/* @__PURE__ */ m("div", {
+							className: o.dataRowLeft,
+							children: [/* @__PURE__ */ p("div", {
+								className: o.iconContainer,
+								style: r ? { backgroundColor: r } : void 0,
+								children: /* @__PURE__ */ p(a, {
+									tableId: D,
+									fileHandleId: e.values[j],
+									alt: e.values[A] ?? "",
+									style: {
+										width: 49,
+										height: 49
+									}
+								})
+							}), /* @__PURE__ */ m("div", {
+								className: o.dataRowNamePill,
+								children: [/* @__PURE__ */ p(f, {
+									className: o.dataRowTitle,
+									children: n
+								}), s && /* @__PURE__ */ p("div", {
+									className: o.fileCount,
+									children: s
+								})]
+							})]
+						}), i && /* @__PURE__ */ m("div", {
+							className: o.viewCta,
+							children: [/* @__PURE__ */ p("span", {
+								className: o.viewCtaText,
+								children: "View"
+							}), /* @__PURE__ */ p(h, { className: o.viewCtaIcon })]
+						})]
+					})
+				}, e.rowId);
+			})
+		})]
+	});
+}
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=DataExplorer.js.map

package/dist/components/DataExplorer/DataExplorer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataExplorer.js","names":[],"sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"sourcesContent":["import { Button, Typography, Stack } from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport styles from './DataExplorer.module.scss'\nimport { useSmartLink } from '../SmartLink/useSmartLink'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\n\ntype DataExplorerProps = {\n  title?: React.ReactNode\n  subtitle?: React.ReactNode\n  buttonText?: string\n  buttonLink?: string\n  sql: string\n  explorePath?: string\n  exploreQuerySql?: string\n  filterColumnName?: string\n}\n\nenum ExpectedColumns {\n  DATATYPE = 'datatype',\n  ICON = 'icon',\n  HEX_COLOR = 'hexColor',\n  FILE_COUNT = 'fileCount',\n}\n\nexport default function DataExplorer({\n  sql,\n  title,\n  subtitle,\n  buttonText,\n  buttonLink,\n  explorePath,\n  exploreQuerySql,\n  filterColumnName,\n}: DataExplorerProps) {\n  const hasTextSection = title || subtitle || buttonText\n  const smartLinkProps = useSmartLink(buttonLink)\n\n  const entityId = parseEntityIdFromSqlStatement(sql)\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n      sort: [{ column: 'order', direction: 'ASC' }],\n    },\n  }\n\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const dataRows = useMemo(\n    () => queryResultBundle?.queryResult?.queryResults.rows ?? [],\n    [queryResultBundle],\n  )\n\n  const datatypeColIndex = getFieldIndex(\n    ExpectedColumns.DATATYPE,\n    queryResultBundle,\n  )\n\n  const iconColIndex = getFieldIndex(ExpectedColumns.ICON, queryResultBundle)\n\n  const hexColorColIndex = getFieldIndex(\n    ExpectedColumns.HEX_COLOR,\n    queryResultBundle,\n  )\n\n  const fileCountColIndex = getFieldIndex(\n    ExpectedColumns.FILE_COUNT,\n    queryResultBundle,\n  )\n\n  const [rowUrls, setRowUrls] = useState<string[]>([])\n\n  useEffect(() => {\n    if (!explorePath || !filterColumnName || !exploreQuerySql) return\n\n    Promise.all(\n      dataRows.map(row => {\n        const dataType = row.values[datatypeColIndex]?.trim()\n        if (!dataType) return Promise.resolve(explorePath)\n        return generateEncodedPathAndQueryForSelectedFacetURL(\n          explorePath,\n          exploreQuerySql,\n          [{ facet: filterColumnName, facetValue: dataType }],\n        )\n      }),\n    ).then(setRowUrls)\n  }, [\n    dataRows,\n    datatypeColIndex,\n    explorePath,\n    exploreQuerySql,\n    filterColumnName,\n  ])\n\n  return (\n    <div className={styles.dataExplorerContainer}>\n      {hasTextSection && (\n        <Stack className={styles.dataExplorerTextContainer}>\n          {title && (\n            <Typography\n              variant=\"headline1\"\n              className={styles.dataExplorerTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {subtitle && (\n            <Typography\n              variant=\"body1\"\n              component=\"div\"\n              className={styles.dataExplorerSubtitle}\n            >\n              {subtitle}\n            </Typography>\n          )}\n          {buttonText && (\n            <Button\n              variant=\"contained\"\n              className={styles.dataExplorerButton}\n              {...smartLinkProps}\n            >\n              {buttonText}\n            </Button>\n          )}\n        </Stack>\n      )}\n      <div className={styles.dataContainer}>\n        {dataRows.map((row, index) => {\n          const dataType = row.values[datatypeColIndex] ?? ''\n          const hexColor = row.values[hexColorColIndex] ?? undefined\n          const rowUrl = rowUrls[index]\n          const fileCount = row.values[fileCountColIndex] ?? ''\n          return (\n            <a key={row.rowId} className={styles.dataRow} href={rowUrl}>\n              <div className={styles.dataRowInner}>\n                <div className={styles.dataRowLeft}>\n                  <div\n                    className={styles.iconContainer}\n                    style={hexColor ? { backgroundColor: hexColor } : undefined}\n                  >\n                    <ImageFromSynapseTable\n                      tableId={entityId}\n                      fileHandleId={row.values[iconColIndex]}\n                      alt={row.values[datatypeColIndex] ?? ''}\n                      style={{ width: 49, height: 49 }}\n                    />\n                  </div>\n                  <div className={styles.dataRowNamePill}>\n                    <Typography className={styles.dataRowTitle}>\n                      {dataType}\n                    </Typography>\n                    {fileCount && (\n                      <div className={styles.fileCount}>{fileCount}</div>\n                    )}\n                  </div>\n                </div>\n                {rowUrl && (\n                  <div className={styles.viewCta}>\n                    <span className={styles.viewCtaText}>View</span>\n                    <ArrowForwardIcon className={styles.viewCtaIcon} />\n                  </div>\n                )}\n              </div>\n            </a>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/DataExplorer/DataExplorer.module.js

@@ -0,0 +1,22 @@
+import './DataExplorer.css';var e = {
+	dataExplorerTitle: "_dataExplorerTitle_q328i_1",
+	dataExplorerSubtitle: "_dataExplorerSubtitle_q328i_8",
+	dataExplorerButton: "_dataExplorerButton_q328i_12",
+	dataExplorerTextContainer: "_dataExplorerTextContainer_q328i_16",
+	dataExplorerContainer: "_dataExplorerContainer_q328i_22",
+	dataContainer: "_dataContainer_q328i_30",
+	dataRowTitle: "_dataRowTitle_q328i_40",
+	dataRowInner: "_dataRowInner_q328i_51",
+	dataRow: "_dataRow_q328i_40",
+	viewCta: "_viewCta_q328i_80",
+	dataRowLeft: "_dataRowLeft_q328i_85",
+	iconContainer: "_iconContainer_q328i_93",
+	dataRowNamePill: "_dataRowNamePill_q328i_103",
+	fileCount: "_fileCount_q328i_111",
+	viewCtaText: "_viewCtaText_q328i_144",
+	viewCtaIcon: "_viewCtaIcon_q328i_151"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=DataExplorer.module.js.map

package/dist/components/DataExplorer/DataExplorer.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataExplorer.module.js","names":[],"sources":["../../../src/components/DataExplorer/DataExplorer.module.scss"],"sourcesContent":[".dataExplorerTitle:global(.MuiTypography-root) {\n  color: var(--data-explorer-title-color, var(--synapse-primary-action-color));\n  font-size: 36px;\n  line-height: 40px; /* 111.111% */\n  margin-bottom: 10px;\n}\n\n.dataExplorerSubtitle:global(.MuiTypography-root) {\n  line-height: 140%;\n}\n\n.dataExplorerButton {\n  width: fit-content;\n}\n\n.dataExplorerTextContainer {\n  gap: 16px;\n  flex: 0 0 30%;\n  max-width: 30%;\n}\n\n.dataExplorerContainer {\n  display: flex;\n  padding: 40px 0;\n  align-items: flex-start;\n  gap: 60px;\n  flex: 1 0 0;\n}\n\n.dataContainer {\n  display: inline-grid;\n  row-gap: 8px;\n  column-gap: 8px;\n  flex: 1 1 60%;\n  min-width: 0;\n  grid-template-rows: repeat(9, fit-content(100%));\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.dataRowTitle {\n  color: var(--synapse-primary-action-color, #4d558d);\n  font-size: 19.8px;\n  font-weight: 400;\n  line-height: 26.4px;\n  flex: 0 1 auto;\n  min-width: 0;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n\n.dataRowInner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: 1;\n  min-width: 0;\n}\n\n.dataRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8.8px 26.4px;\n  min-height: 66.6px;\n  gap: 17.6px;\n  justify-self: stretch;\n  position: relative;\n  border-radius: 3.3px;\n  border: 1px solid transparent;\n  text-decoration: none !important;\n  transition: background-color 200ms ease, border-color 200ms ease,\n    box-shadow 200ms ease, transform 200ms ease;\n\n  &:hover {\n    background-color: #fff;\n    border-color: #e1e1e1;\n    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);\n    transform: scale(1.1);\n    z-index: 1;\n    .viewCta {\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n}\n\n.dataRowLeft {\n  display: inline-flex;\n  align-items: center;\n  gap: 16px;\n  min-width: 0;\n  flex: 1;\n}\n\n.iconContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 49px;\n  height: 49px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.dataRowNamePill {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1 1 0;\n  min-width: 0;\n}\n\n.fileCount {\n  display: flex;\n  padding: 4px 8px;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  border-radius: 80px;\n  border: 1px solid #d8d5e0;\n  color: #787090;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px; /* 171.429% */\n  flex-shrink: 0;\n}\n\n.viewCta {\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: inline-flex;\n  align-items: center;\n  padding-right: 26.4px;\n  padding-left: 40px;\n  gap: 4px;\n  opacity: 0;\n  white-space: nowrap;\n  color: var(--synapse-primary-action-color, #4d558d);\n  background: linear-gradient(to right, transparent, #fff 25%, #fff 100%);\n  border-radius: 0 2px 2px 0;\n  transition: opacity 200ms ease;\n}\n\n.viewCtaText {\n  color: var(--synapse-primary-action-color, #4d558d);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 26.4px; /* 165% */\n}\n\n.viewCtaIcon:global(.MuiSvgIcon-root) {\n  font-size: 24px;\n  color: var(--synapse-primary-action-color, #5a488f);\n}\n"],"mappings":""}

package/dist/components/DataExplorer/DataExplorer.module.scss

@@ -0,0 +1,156 @@
+.dataExplorerTitle:global(.MuiTypography-root) {
+  color: var(--data-explorer-title-color, var(--synapse-primary-action-color));
+  font-size: 36px;
+  line-height: 40px; /* 111.111% */
+  margin-bottom: 10px;
+}
+
+.dataExplorerSubtitle:global(.MuiTypography-root) {
+  line-height: 140%;
+}
+
+.dataExplorerButton {
+  width: fit-content;
+}
+
+.dataExplorerTextContainer {
+  gap: 16px;
+  flex: 0 0 30%;
+  max-width: 30%;
+}
+
+.dataExplorerContainer {
+  display: flex;
+  padding: 40px 0;
+  align-items: flex-start;
+  gap: 60px;
+  flex: 1 0 0;
+}
+
+.dataContainer {
+  display: inline-grid;
+  row-gap: 8px;
+  column-gap: 8px;
+  flex: 1 1 60%;
+  min-width: 0;
+  grid-template-rows: repeat(9, fit-content(100%));
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.dataRowTitle {
+  color: var(--synapse-primary-action-color, #4d558d);
+  font-size: 19.8px;
+  font-weight: 400;
+  line-height: 26.4px;
+  flex: 0 1 auto;
+  min-width: 0;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+.dataRowInner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex: 1;
+  min-width: 0;
+}
+
+.dataRow {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8.8px 26.4px;
+  min-height: 66.6px;
+  gap: 17.6px;
+  justify-self: stretch;
+  position: relative;
+  border-radius: 3.3px;
+  border: 1px solid transparent;
+  text-decoration: none !important;
+  transition: background-color 200ms ease, border-color 200ms ease,
+    box-shadow 200ms ease, transform 200ms ease;
+
+  &:hover {
+    background-color: #fff;
+    border-color: #e1e1e1;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+    transform: scale(1.1);
+    z-index: 1;
+    .viewCta {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
+}
+
+.dataRowLeft {
+  display: inline-flex;
+  align-items: center;
+  gap: 16px;
+  min-width: 0;
+  flex: 1;
+}
+
+.iconContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 49px;
+  height: 49px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.dataRowNamePill {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+.fileCount {
+  display: flex;
+  padding: 4px 8px;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  border-radius: 80px;
+  border: 1px solid #d8d5e0;
+  color: #787090;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 24px; /* 171.429% */
+  flex-shrink: 0;
+}
+
+.viewCta {
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: inline-flex;
+  align-items: center;
+  padding-right: 26.4px;
+  padding-left: 40px;
+  gap: 4px;
+  opacity: 0;
+  white-space: nowrap;
+  color: var(--synapse-primary-action-color, #4d558d);
+  background: linear-gradient(to right, transparent, #fff 25%, #fff 100%);
+  border-radius: 0 2px 2px 0;
+  transition: opacity 200ms ease;
+}
+
+.viewCtaText {
+  color: var(--synapse-primary-action-color, #4d558d);
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 26.4px; /* 165% */
+}
+
+.viewCtaIcon:global(.MuiSvgIcon-root) {
+  font-size: 24px;
+  color: var(--synapse-primary-action-color, #5a488f);
+}

package/dist/components/DataGrid/columns/AutocompleteColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/columns/AutocompleteColumn.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAW7C,OAAO,EAEL,SAAS,EACT,MAAM,EACP,MAAM,wCAAwC,CAAA;AAoB/C,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,KAAK,CAAC,OAAO,CAAC,CAAA;AAElB,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG;IAC9C,OAAO,EAAE,kBAAkB,CAAA;IAC3B,UAAU,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC/C,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,CAQzD;AAqBD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAU,EACV,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,EACX,MAAM,EACN,UAAsB,GACvB,EAAE,qBAAqB,2CA8IvB;AAMD,wBAAgB,6BAA6B,CAC3C,SAAS,EAAE,qBAAqB,EAChC,SAAS,EAAE,qBAAqB,WAUjC;AAED,eAAO,MAAM,wBAAwB,6DAGpC,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,UAAU,EAAE,SAAS,GAAG,IAAI,CAAA;CAC7B,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,OAAO,EACP,UAAU,GACX,EAAE,uBAAuB,GAAG,OAAO,CAAC,MAAM,CAAC,CAgB3C"}
+{"version":3,"file":"AutocompleteColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/DataGrid/columns/AutocompleteColumn.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAW7C,OAAO,EAEL,SAAS,EACT,MAAM,EACP,MAAM,wCAAwC,CAAA;AAoB/C,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,KAAK,CAAC,OAAO,CAAC,CAAA;AAElB,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG;IAC9C,OAAO,EAAE,kBAAkB,CAAA;IAC3B,UAAU,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAC/C,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAC9B,CAAA;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,CAQzD;AAqBD,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAU,EACV,OAAO,EACP,OAAO,EACP,KAAK,EACL,WAAW,EACX,MAAM,EACN,UAAsB,GACvB,EAAE,qBAAqB,2CAoJvB;AAMD,wBAAgB,6BAA6B,CAC3C,SAAS,EAAE,qBAAqB,EAChC,SAAS,EAAE,qBAAqB,WAUjC;AAED,eAAO,MAAM,wBAAwB,6DAGpC,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,UAAU,EAAE,SAAS,GAAG,IAAI,CAAA;CAC7B,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,OAAO,EACP,UAAU,GACX,EAAE,uBAAuB,GAAG,OAAO,CAAC,MAAM,CAAC,CAgB3C"}