Skip to content

Commit

Permalink
repl: fix relation type endpoints
Browse files Browse the repository at this point in the history
  • Loading branch information
@akphi
akphi committed Dec 25, 2024
1 parent cb14427 commit 71599c2
Show file tree
Hide file tree
Showing 41 changed files with 1,203 additions and 718 deletions.
1 change: 1 addition & 0 deletions packages/legend-application-data-cube/src/application/LegendDataCubePluginManager.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ export class LegendDataCubePluginManager
private constructor() {
super();
}

registerPureProtocolProcessorPlugin(
plugin: PureProtocolProcessorPlugin,
): void {
Expand Down
277 changes: 118 additions & 159 deletions packages/legend-application-data-cube/src/components/LegendDataCubeLandingPage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,12 @@

import { observer, useLocalObservable } from 'mobx-react-lite';
import { useLegendDataCubeBaseStore } from './LegendDataCubeFrameworkProvider.js';
import { createContext, useContext } from 'react';
import { createContext, useContext, useEffect } from 'react';
import {
DataCube,
DataCubeSettingKey,
FormBadge_WIP,
DataCubeLayoutManager,
type DataCubeState,
} from '@finos/legend-data-cube';
import { formatDate, guaranteeNonNullable } from '@finos/legend-shared';
Expand All @@ -30,6 +32,7 @@ import {
DropdownMenuItem,
useDropdownMenu,
} from '@finos/legend-art';
import { LegendDataCubeNewQueryBuilder } from './LegendDataCubeNewQueryBuilder.js';

// const CreateQueryDialog = observer(
// (props: { view: LegendCubeViewer; store: LegendDataCubeBaseStore }) => {
Expand Down Expand Up @@ -100,88 +103,6 @@ import {
// },
// );

// export const LegendDataCubeLandingPage = observer(() => {
// const store = useLegendDataCubeBaseStore();
// const sourceSelector = store.sourceSelector;

// useEffect(() => {
// store.context.initialize();
// }, [store]);
// return (
// <>
// <div className="h-full w-full bg-white">
// <div className="bg-sky-900">
// <div className="mx-auto max-w-full px-2 sm:px-6 lg:px-8">
// <div className="relative flex h-12 items-center justify-between">
// <div className="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
// <div className="flex flex-shrink-0 items-center">
// <div className="text-gray-300">Legend Data Cube</div>
// </div>
// </div>
// <div className="md:block">
// <div className="ml-4 flex items-center md:ml-6">
// <button
// type="button"
// className="relative rounded-full bg-sky-900 p-1 text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800"
// >
// <QuestionIcon />
// </button>
// </div>
// </div>
// </div>
// </div>
// </div>
// {/* {dataCubeStore.cubeViewer ? (
// <>
// <div className="h-[calc(100%_-_30px)]">
// <div className="h-12 w-full bg-gray-200">
// <button
// onClick={() => dataCubeStore.setSaveModal(true)}
// type="button"
// className="relative rounded-full bg-sky-900 p-1 text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800"
// >
// Save
// </button>
// </div>
// <div className="h-[calc(100%_-_30px)]">
// <DataCube engine={dataCubeStore.cubeViewer.engine} />
// </div>
// </div>
// </>
// ) : (
// <>
// <div
// onClick={() => sourceSelector.openModal()}
// className="bg-white shadow"
// >
// <div className="mx-auto h-40 px-4 py-6 sm:px-6 lg:px-8">
// <div className="group flex w-full flex-col items-center justify-center rounded-md border-2 border-dashed border-slate-300 py-3 text-base font-medium leading-6 text-slate-900 hover:cursor-pointer hover:border-solid hover:border-blue-500 hover:bg-white hover:text-blue-500">
// <svg
// className="mb-1 text-slate-400 group-hover:text-blue-500"
// width="20"
// height="20"
// fill="currentColor"
// aria-hidden="true"
// >
// <path d="M10 5a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H6a1 1 0 1 1 0-2h3V6a1 1 0 0 1 1-1Z" />
// </svg>
// Add Source
// </div>
// </div>
// </div>
// </>
// )} */}
// </div>
// {sourceSelector.open && (
// <DataCubeSourceEditor sourceBuilder={sourceSelector} />
// )}
// {store.cubeViewer && store.saveModal && (
// <CreateQueryDialog store={store} view={store.cubeViewer} />
// )}
// </>
// );
// });

const LegendDataCubeLandingPageStoreContext = createContext<
LegendDataCubeLandingPageStore | undefined
>(undefined);
Expand Down Expand Up @@ -216,90 +137,128 @@ const withLegendDataCubeLandingPageStore = (WrappedComponent: React.FC) =>
);
};

const LegendDataCubeHeader = observer((props: { dataCube: DataCubeState }) => {
return null;
const LegendDataCubeLandingPageHeader = observer(
(props: { dataCube?: DataCubeState | undefined }) => {
const store = useLegendDataCubeLandingPageStore();
const { dataCube } = props;

return (
<div className="flex h-full items-center">
<button
className="flex h-5 w-24 items-center justify-center border border-neutral-400 bg-neutral-300 px-2 text-sm hover:brightness-95 disabled:cursor-not-allowed disabled:border-neutral-300 disabled:text-neutral-400 disabled:hover:brightness-100"
// TODO: we will come back to support this later
disabled={true}
>
Load Query
<FormBadge_WIP />
</button>
<button
className="ml-1.5 flex h-5 w-20 items-center justify-center border border-neutral-400 bg-neutral-300 px-2 text-sm hover:brightness-95 disabled:cursor-not-allowed disabled:border-neutral-300 disabled:text-neutral-400 disabled:hover:brightness-100"
onClick={() => store.newQueryState.display.open()}
>
New Query
</button>
<button
disabled={!dataCube}
className="ml-1.5 flex h-5 w-20 items-center justify-center border border-neutral-400 bg-neutral-300 px-2 text-sm hover:brightness-95 disabled:cursor-not-allowed disabled:border-neutral-300 disabled:text-neutral-400 disabled:hover:brightness-100"
>
Save Query
</button>
</div>
);
},
);

const LegendDataCubeLandingPageBlank = observer(() => {
const store = useLegendDataCubeLandingPageStore();
const application = store.application;
const [openMenuDropdown, closeMenuDropdown, menuDropdownProps] =
useDropdownMenu();

return (
<div className="data-cube relative flex h-full w-full flex-col bg-white">
<div className="flex h-7 justify-between bg-neutral-100">
<div className="flex select-none items-center pl-1 pr-2 text-lg font-medium">
<DataCubeIcon.Cube className="mr-1 h-4 w-4" />
<div>{`[ Legend DataCube ]`}</div>
</div>
<div className="flex">
<LegendDataCubeLandingPageHeader />
<button
className="flex aspect-square h-full flex-shrink-0 items-center justify-center text-lg"
onClick={openMenuDropdown}
>
<DataCubeIcon.Menu />
</button>
<DropdownMenu
{...menuDropdownProps}
menuProps={{
anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
transformOrigin: { vertical: 'top', horizontal: 'left' },
classes: {
paper: 'rounded-none mt-[1px]',
list: 'w-40 p-0 rounded-none border border-neutral-400 bg-white max-h-40 overflow-y-auto py-0.5',
},
}}
>
<DropdownMenuItem
className="flex h-[22px] w-full items-center px-2.5 text-base hover:bg-neutral-100 focus:bg-neutral-100"
onClick={() => {
const url = application.documentationService.url;
if (url) {
application.navigationService.navigator.visitAddress(url);
}
closeMenuDropdown();
}}
disabled={true} // TODO: enable when we set up the documentation website
>
See Documentation
<FormBadge_WIP />
</DropdownMenuItem>
</DropdownMenu>
</div>
</div>
<div className="h-[calc(100%_-_48px)] w-full border border-x-0 border-neutral-200 bg-neutral-50 p-2">
<div>Create a new query to start</div>
<button className="mt-1.5 flex h-5 w-20 items-center justify-center border border-neutral-400 bg-neutral-300 px-2 text-sm hover:brightness-95 disabled:cursor-not-allowed disabled:border-neutral-300 disabled:text-neutral-400 disabled:hover:brightness-100">
New Query
</button>
</div>
<div className="flex h-5 w-full justify-between bg-neutral-100">
<div className="flex">
<button
className="flex items-center px-2 text-neutral-400"
disabled={true}
>
<DataCubeIcon.Settings className="text-xl" />
<div className="pl-0.5 underline">Properties</div>
</button>
<div className="flex">
<button
className="flex items-center text-neutral-400"
disabled={true}
>
<DataCubeIcon.TableFilter className="text-lg" />
<div className="pl-0.5 underline">Filter</div>
</button>
</div>
</div>
<div className="flex items-center px-2"></div>
</div>

<DataCubeLayoutManager layout={store.baseStore.engine.layout} />
</div>
);
});

export const LegendDataCubeLandingPage = withLegendDataCubeLandingPageStore(
observer(() => {
const store = useLegendDataCubeLandingPageStore();
const application = store.application;
const [openMenuDropdown, closeMenuDropdown, menuDropdownProps] =
useDropdownMenu();

if (!store.query) {
return (
<div className="data-cube relative flex h-full w-full flex-col bg-white">
<div className="flex h-7 justify-between bg-neutral-100">
<div className="flex select-none items-center pl-1 pr-2 text-lg font-medium">
<DataCubeIcon.Cube className="mr-1 h-4 w-4" />
<div>{`[ Legend DataCube ]`}</div>
</div>
<div className="flex">
<button
className="flex aspect-square h-full flex-shrink-0 items-center justify-center text-lg"
onClick={openMenuDropdown}
>
<DataCubeIcon.Menu />
</button>
<DropdownMenu
{...menuDropdownProps}
menuProps={{
anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
transformOrigin: { vertical: 'top', horizontal: 'left' },
classes: {
paper: 'rounded-none mt-[1px]',
list: 'w-36 p-0 rounded-none border border-neutral-400 bg-white max-h-40 overflow-y-auto py-0.5',
},
}}
>
<DropdownMenuItem
className="flex h-[22px] w-full items-center px-2.5 text-base hover:bg-neutral-100 focus:bg-neutral-100"
onClick={() => {
const url = application.documentationService.url;
if (url) {
application.navigationService.navigator.visitAddress(url);
}
closeMenuDropdown();
}}
disabled={true} // TODO: enable when we set up the documentation website
>
See Documentation
</DropdownMenuItem>
</DropdownMenu>
</div>
</div>{' '}
<div className="h-[calc(100%_-_48px)] w-full border border-x-0 border-neutral-200 bg-neutral-50 p-2">
<div>Create a new query to start</div>
<button className="mt-1.5 w-20 border border-neutral-400 bg-neutral-300 px-2 hover:brightness-95 disabled:cursor-not-allowed disabled:border-neutral-300 disabled:text-neutral-400 disabled:hover:brightness-100">
New Query
</button>
</div>
<div className="flex h-5 w-full justify-between bg-neutral-100">
<div className="flex">
<button
className="flex items-center px-2 text-neutral-400"
disabled={true}
>
<DataCubeIcon.Settings className="text-xl" />
<div className="pl-0.5 underline">Properties</div>
</button>
<div className="flex">
<button
className="flex items-center text-neutral-400"
disabled={true}
>
<DataCubeIcon.TableFilter className="text-lg" />
<div className="pl-0.5 underline">Filter</div>
</button>
</div>
</div>
<div className="flex items-center px-2"></div>
</div>
</div>
);
return <LegendDataCubeLandingPageBlank />;
}

return (
<DataCube
query={store.query}
Expand Down Expand Up @@ -329,7 +288,7 @@ export const LegendDataCubeLandingPage = withLegendDataCubeLandingPageStore(
DataCubeSettingKey.GRID_CLIENT_SUPPRESS_LARGE_DATASET_WARNING,
),
innerHeaderComponent: (dataCube) => (
<LegendDataCubeHeader dataCube={dataCube} />
<LegendDataCubeLandingPageHeader dataCube={dataCube} />
),
}}
/>
Expand Down
Loading

0 comments on commit 71599c2

Please sign in to comment.