@finos/legend-application-marketplace 0.0.19 → 0.0.21

package/src/components/Lakehouse/LakehouseMarketplace.tsx

@@ -1,193 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { observer } from 'mobx-react-lite';
-import {
-  useMarketplaceLakehouseStore,
-  withMarketplaceLakehouseStore,
-} from './MarketLakehouseStoreProvider.js';
-import { useEffect, type JSX } from 'react';
-import {
-  clsx,
-  CubesLoadingIndicator,
-  CubesLoadingIndicatorIcon,
-} from '@finos/legend-art';
-import { LegendMarketplaceHeader } from '../Header/LegendMarketplaceHeader.js';
-import {
-  Card,
-  CardActionArea,
-  CardContent,
-  Checkbox,
-  Chip,
-  FormControlLabel,
-  FormGroup,
-  Grid2 as Grid,
-} from '@mui/material';
-import type { DataProductState } from '../../stores/lakehouse/MarketplaceLakehouseStore.js';
-import { generateLakehouseDataProduct } from '../../__lib__/LegendMarketplaceNavigation.js';
-import { useAuth } from 'react-oidc-context';
-import { generateGAVCoordinates } from '@finos/legend-storage';
-import { LegendMarketplaceSearchBar } from '../SearchBar/LegendMarketplaceSearchBar.js';
-import { DepotScope } from '@finos/legend-server-depot';
-
-export const LegendDataProductVendorCard = (props: {
-  dataAsset: DataProductState;
-  onClick: (dataAsset: DataProductState) => void;
-}): JSX.Element => {
-  const { dataAsset, onClick } = props;
-  return (
-    <Card variant="outlined" className="legend-marketplace-vendor-card">
-      <CardActionArea
-        onClick={() => onClick(dataAsset)}
-        sx={{ height: '100%' }}
-      >
-        <CardContent className="legend-marketplace-vendor-card__content">
-          <Chip
-            label={dataAsset.productEntity.versionId}
-            className={clsx('legend-marketplace-vendor-card__type')}
-          />
-          <div className="legend-marketplace-vendor-card__name">
-            {dataAsset.productEntity.path}
-          </div>
-          <div className="legend-marketplace-vendor-card__description">
-            {`${dataAsset.productEntity.groupId}:${dataAsset.productEntity.artifactId}`}
-          </div>
-        </CardContent>
-
-        <CardContent className="legend-marketplace-vendor-card__more-info">
-          <div>{dataAsset.productEntity.path}</div>
-        </CardContent>
-      </CardActionArea>
-    </Card>
-  );
-};
-
-export const LakehouseMarketplace = withMarketplaceLakehouseStore(
-  observer(() => {
-    const marketPlaceStore = useMarketplaceLakehouseStore();
-    const auth = useAuth();
-    const onSearch = (
-      provider: string | undefined,
-      query: string | undefined,
-    ) => {
-      marketPlaceStore.handleSearch(query);
-    };
-
-    const onSearchChange = (query: string) => {
-      if (query === '') {
-        // use for clearing of search
-        marketPlaceStore.handleSearch(query);
-      }
-    };
-
-    useEffect(() => {
-      marketPlaceStore.init();
-    }, [marketPlaceStore]);
-
-    useEffect(() => {
-      // eslint-disable-next-line no-void
-      void marketPlaceStore.lakehouseServerClient.getDataProducts(
-        auth.user?.access_token,
-      );
-    }, [auth.user?.access_token, marketPlaceStore.lakehouseServerClient]);
-
-    return (
-      <div className="app__page">
-        <div className="legend-marketplace-home">
-          <div className="legend-marketplace-home__body">
-            <LegendMarketplaceHeader />
-            <div className="legend-marketplace-home__content">
-              <div className="legend-marketplace-data-products__content">
-                <CubesLoadingIndicator
-                  isLoading={marketPlaceStore.loadingProductsState.isInProgress}
-                >
-                  <CubesLoadingIndicatorIcon />
-                </CubesLoadingIndicator>
-                <div className="legend-marketplace-data-product-search__container">
-                  <LegendMarketplaceSearchBar
-                    onSearch={onSearch}
-                    onChange={onSearchChange}
-                  />
-                  <div className="legend-marketplace-data-product-search__filters">
-                    <FormGroup>
-                      <FormControlLabel
-                        control={
-                          <Checkbox
-                            checked={marketPlaceStore.filter.releaseFilter}
-                            onChange={() =>
-                              marketPlaceStore.handleFilterChange(
-                                DepotScope.RELEASES,
-                              )
-                            }
-                          />
-                        }
-                        label="Releases"
-                      />
-                      <FormControlLabel
-                        control={
-                          <Checkbox
-                            checked={marketPlaceStore.filter.snapshotFilter}
-                            onChange={() =>
-                              marketPlaceStore.handleFilterChange(
-                                DepotScope.SNAPSHOT,
-                              )
-                            }
-                          />
-                        }
-                        label="Snapshots"
-                      />
-                    </FormGroup>
-                  </div>
-                </div>
-
-                <div className="legend-marketplace-home__vendors-cards">
-                  <Grid
-                    container={true}
-                    spacing={{ xs: 2, md: 3, xl: 4 }}
-                    columns={{ xs: 1, sm: 2, md: 3, xl: 6 }}
-                    sx={{ justifyContent: 'center' }}
-                  >
-                    {marketPlaceStore.filterProducts?.map((dpState) => (
-                      <Grid key={dpState.id} size={1}>
-                        <LegendDataProductVendorCard
-                          dataAsset={dpState}
-                          onClick={(dataAsset: DataProductState) => {
-                            {
-                              marketPlaceStore.applicationStore.navigationService.navigator.goToLocation(
-                                generateLakehouseDataProduct(
-                                  generateGAVCoordinates(
-                                    dpState.productEntity.groupId,
-                                    dpState.productEntity.artifactId,
-                                    dpState.productEntity.versionId,
-                                  ),
-                                  dpState.productEntity.path,
-                                ),
-                              );
-                            }
-                          }}
-                        />
-                      </Grid>
-                    ))}
-                  </Grid>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }),
-);

package/src/components/Lakehouse/entitlements/LakehouseEntitlements.tsx

@@ -1,332 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { observer } from 'mobx-react-lite';
-import {
-  useLakehouseEntitlementsStore,
-  withLakehouseEntitlementsStore,
-} from './LakehouseEntitlementsStoreProvider.js';
-import { useAuth, withAuth, type AuthContextProps } from 'react-oidc-context';
-import { useEffect } from 'react';
-import {
-  clsx,
-  CubesLoadingIndicator,
-  CubesLoadingIndicatorIcon,
-} from '@finos/legend-art';
-import {
-  DataGrid,
-  type DataGridCellRendererParams,
-} from '@finos/legend-lego/data-grid';
-import { useParams } from '@finos/legend-application/browser';
-import {
-  generateLakehouseContractPath,
-  generateLakehouseTaskPath,
-  LEGEND_MARKETPLACE_ROUTE_PATTERN_TOKEN,
-  type LakehouseEntitlementsTasksParam,
-} from '../../../__lib__/LegendMarketplaceNavigation.js';
-import { Box, Button, Divider, Grid2, Stack, Typography } from '@mui/material';
-import type { ContractUserEventState } from '../../../stores/lakehouse/entitlements/LakehouseEntitlementsStore.js';
-import { LakehouseMarketplaceHeader } from '../LakehouseHeader.js';
-
-const TDSColumnApprovalCellRenderer = (
-  params: DataGridCellRendererParams<ContractUserEventState>,
-): React.ReactNode => {
-  const data = params.data;
-  if (!data) {
-    return null;
-  }
-  const onApprove = () => {
-    //
-    // data.approve();
-  };
-  const onDeny = () => {
-    //
-    // data.deny();
-  };
-  return (
-    <Stack direction={'row'} spacing={1} justifyContent={'center'}>
-      <Button
-        variant="contained"
-        size="small"
-        onClick={onApprove}
-        color="success"
-      >
-        Approve
-      </Button>
-      <Button color="error" variant="contained" size="small" onClick={onDeny}>
-        Deny
-      </Button>
-    </Stack>
-  );
-};
-
-const TDSColumnClickableCellRenderer = (
-  params: DataGridCellRendererParams<ContractUserEventState>,
-): React.ReactNode => {
-  const data = params.data;
-  if (!data) {
-    return null;
-  }
-  const handleClick = () => {
-    data.state.applicationStore.navigationService.navigator.updateCurrentLocation(
-      generateLakehouseTaskPath(data.value.taskId),
-    );
-  };
-  return (
-    <span
-      className="entitlements-tasks__grid-taskid-cell"
-      onClick={handleClick}
-    >
-      {data.value.taskId}
-    </span>
-  );
-};
-
-const TDSColumnContractClickableCellRenderer = (
-  params: DataGridCellRendererParams<ContractUserEventState>,
-): React.ReactNode => {
-  const data = params.data;
-  if (!data) {
-    return null;
-  }
-  const handleClick = () => {
-    data.state.applicationStore.navigationService.navigator.updateCurrentLocation(
-      generateLakehouseContractPath(data.value.dataContractId),
-    );
-  };
-  return (
-    <span
-      className="entitlements-tasks__grid-taskid-cell"
-      onClick={handleClick}
-    >
-      {data.value.dataContractId}
-    </span>
-  );
-};
-
-export const LakehouseEntitlementsTasks = observer(() => {
-  const entitlementsStore = useLakehouseEntitlementsStore();
-  const tasks = entitlementsStore.tasks;
-  if (tasks === undefined) {
-    return null;
-  }
-
-  return (
-    <Box className="entitlements-tasks">
-      <Typography variant="h4" gutterBottom={true}>
-        PENDING TASKS
-      </Typography>
-      <div
-        className={clsx('entitlements-tasks__grid data-access-overview__grid', {
-          'ag-theme-balham': true,
-        })}
-      >
-        <DataGrid
-          rowData={tasks}
-          onRowDataUpdated={(params) => {
-            params.api.refreshCells({ force: true });
-          }}
-          suppressFieldDotNotation={true}
-          suppressContextMenu={false}
-          columnDefs={[
-            {
-              minWidth: 50,
-              sortable: true,
-              resizable: true,
-              headerName: 'Task Id',
-              cellRenderer: TDSColumnClickableCellRenderer,
-              flex: 1,
-            },
-            {
-              minWidth: 50,
-              sortable: true,
-              resizable: true,
-              headerName: 'Contract Id',
-              cellRenderer: TDSColumnContractClickableCellRenderer,
-              flex: 1,
-            },
-            {
-              minWidth: 50,
-              sortable: true,
-              resizable: true,
-              headerName: 'Consumer',
-              valueGetter: (p) => p.data?.value.consumer,
-              flex: 1,
-            },
-            {
-              minWidth: 50,
-              sortable: true,
-              resizable: true,
-              headerName: 'Status',
-              valueGetter: (p) => p.data?.value.status,
-              flex: 1,
-            },
-            {
-              minWidth: 50,
-              sortable: true,
-              resizable: true,
-              headerName: 'Approve/Deny',
-              flex: 1,
-              cellRenderer: TDSColumnApprovalCellRenderer,
-            },
-          ]}
-        />
-      </div>
-    </Box>
-  );
-});
-
-const LakehouseEntitlementsContract = observer(() => {
-  const entitlementsStore = useLakehouseEntitlementsStore();
-  const currentDataContract = entitlementsStore.currentDataContract;
-  if (currentDataContract === undefined) {
-    return null;
-  }
-
-  return (
-    <div className="entitlements-tasks">
-      <Grid2
-        className="entitlements-task__details"
-        container={true}
-        spacing={1}
-      >
-        {currentDataContract.taskDetails.map((v) => (
-          <>
-            <Grid2 container={false} size={4}>
-              <Typography variant="body2" fontWeight={'bold'}>
-                {v.name}
-              </Typography>
-            </Grid2>
-            <Grid2 container={false} size={8}>
-              <Typography variant="body2" fontWeight={'bold'}>
-                {v.value}
-              </Typography>
-            </Grid2>
-          </>
-        ))}
-      </Grid2>
-    </div>
-  );
-});
-
-export const LakehouseEntitlementsTask = withAuth(
-  observer((props) => {
-    const entitlementsStore = useLakehouseEntitlementsStore();
-    const currentTask = entitlementsStore.currentTask;
-    if (currentTask === undefined) {
-      return null;
-    }
-    const auth = (props as { auth: AuthContextProps }).auth;
-
-    const handleApprove = (): void => {
-      currentTask.approve(auth.user?.access_token);
-    };
-
-    const handleDeny = (): void => {
-      currentTask.deny(auth.user?.access_token);
-    };
-
-    return (
-      <div className="entitlements-task">
-        {currentTask.canApprove && (
-          <>
-            <Stack
-              className="entitlements-task__action"
-              direction={'row'}
-              spacing={1}
-            >
-              <Button
-                variant="contained"
-                size="small"
-                onClick={handleApprove}
-                color="success"
-              >
-                Approve
-              </Button>
-              <Button
-                color="error"
-                variant="contained"
-                size="small"
-                onClick={handleDeny}
-              >
-                Deny
-              </Button>
-            </Stack>
-            <Divider />
-          </>
-        )}
-        <Grid2
-          className="entitlements-task__details"
-          container={true}
-          spacing={1}
-        >
-          {currentTask.taskDetails.map((v) => (
-            <>
-              <Grid2 container={false} size={4}>
-                <Typography variant="body2" fontWeight={'bold'}>
-                  {v.name}
-                </Typography>
-              </Grid2>
-              <Grid2 container={false} size={8}>
-                <Typography variant="body2" fontWeight={'bold'}>
-                  {v.value}
-                </Typography>
-              </Grid2>
-            </>
-          ))}
-        </Grid2>
-      </div>
-    );
-  }),
-);
-
-export const LakehouseEntitlements = withLakehouseEntitlementsStore(
-  observer(() => {
-    const entitlementsStore = useLakehouseEntitlementsStore();
-    const auth = useAuth();
-    const params = useParams<LakehouseEntitlementsTasksParam>();
-
-    useEffect(() => {
-      entitlementsStore.init(
-        params[LEGEND_MARKETPLACE_ROUTE_PATTERN_TOKEN.TASK_ID],
-        params[LEGEND_MARKETPLACE_ROUTE_PATTERN_TOKEN.CONTRACT_ID],
-        auth.user?.access_token,
-      );
-    }, [auth.user?.access_token, entitlementsStore, params]);
-
-    return (
-      <div className="app__page">
-        <div className="legend-marketplace-home">
-          <div className="legend-marketplace-data-product-home__body">
-            <LakehouseMarketplaceHeader />
-            <div className="legend-marketplace-home__content">
-              <div className="legend-marketplace-data-product__content">
-                <CubesLoadingIndicator
-                  isLoading={entitlementsStore.fetchingTasks.isInProgress}
-                >
-                  <CubesLoadingIndicatorIcon />
-                </CubesLoadingIndicator>
-                <LakehouseEntitlementsTasks />
-                <LakehouseEntitlementsTask />
-                <LakehouseEntitlementsContract />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }),
-);

package/src/stores/MarketplaceLakehouseServerClient.ts

@@ -1,40 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { AbstractServerClient, type PlainObject } from '@finos/legend-shared';
-
-export interface MarketplaceLakehouseServerClientConfig {
-  baseUrl: string;
-}
-
-export class MarketplaceLakehouseServerClient extends AbstractServerClient {
-  constructor(config: MarketplaceLakehouseServerClientConfig) {
-    super({
-      baseUrl: config.baseUrl,
-    });
-  }
-
-  // --------------------------------------- Contracts ---------------------------------------
-
-  private _contracts = (): string => `${this.baseUrl}/v1/contracts`;
-
-  getDataProducts = (token?: string | undefined): Promise<PlainObject[]> =>
-    this.get(
-      `${this._contracts()}/dataProducts`,
-      {},
-      { Authorization: `Bearer ${token}` },
-    );
-}

package/src/stores/lakehouse/entitlements/DataContractState.ts

@@ -1,131 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {
-  V1_AccessPointGroupReference,
-  V1_AppDirOrganizationalScope,
-  type V1_DataContract,
-} from '@finos/legend-graph';
-import type {
-  GridItemDetail,
-  LakehouseEntitlementsStore,
-} from './LakehouseEntitlementsStore.js';
-
-export const buildDataContractDetail = (
-  dataContract: V1_DataContract,
-): GridItemDetail[] => {
-  const details = [
-    {
-      name: 'Contract ID',
-      value: dataContract.guid,
-    },
-    {
-      name: 'Contract Description',
-      value: dataContract.description,
-    },
-    {
-      name: 'Contract Version',
-      value: dataContract.version,
-    },
-    {
-      name: 'Contract State',
-      value: dataContract.state,
-    },
-  ];
-  const accessPointGroupRef = dataContract.resource;
-  let dataProductDetails: GridItemDetail[] = [];
-  if (accessPointGroupRef instanceof V1_AccessPointGroupReference) {
-    dataProductDetails = [
-      {
-        name: 'Contract Data ID',
-        value: accessPointGroupRef.dataProduct.guid,
-      },
-      {
-        name: 'Contract Data Product',
-        value: accessPointGroupRef.dataProduct.name,
-      },
-      {
-        name: 'Contract Data Product DID',
-        value: accessPointGroupRef.dataProduct.owner.appDirId,
-      },
-      {
-        name: 'Contract Access Group',
-        value: accessPointGroupRef.accessPointGroup,
-      },
-      {
-        name: 'Contract Access Points',
-        value: accessPointGroupRef.dataProduct.accessPoints
-          .map((e) => e.name)
-          .join(','),
-      },
-    ];
-  }
-  const org = dataContract.consumer;
-  let orgDetails: GridItemDetail[] = [];
-  if (org instanceof V1_AppDirOrganizationalScope) {
-    orgDetails = org.appDirNode
-      .map((value, idx) => [
-        {
-          name: `App Dir DID (${idx})`,
-          value: value.appDirId.toString(),
-        },
-        {
-          name: `App Dir Level (${idx})`,
-          value: value.level.toString(),
-        },
-      ])
-      .flat();
-  }
-
-  const members = dataContract.members
-    .map((member, idx) => [
-      {
-        name: `Member ID (${idx})`,
-        value: member.guid,
-      },
-      {
-        name: `Member Name (${idx})`,
-        value: member.user.name,
-      },
-      {
-        name: `Member Type (${idx})`,
-        value: member.user.userType.toString(),
-      },
-      {
-        name: `Member Status (${idx})`,
-        value: member.status.toString(),
-      },
-    ])
-    .flat();
-
-  return [...details, ...dataProductDetails, ...orgDetails, ...members];
-};
-
-export class DataContractState {
-  readonly state: LakehouseEntitlementsStore;
-  readonly value: V1_DataContract;
-  canApprove: boolean | undefined;
-  dataContract: V1_DataContract | undefined;
-
-  constructor(value: V1_DataContract, state: LakehouseEntitlementsStore) {
-    this.value = value;
-    this.state = state;
-  }
-
-  get taskDetails(): GridItemDetail[] {
-    return buildDataContractDetail(this.value);
-  }
-}