543b7ec72d
* WIP: Performance improvements in entity explorer * WIP: Achieve feature parity for entity explorer with release * Update unit tests * Add sentry profiling to current page entity properties component * Fix page add/delete not showing up on entity explorer issue. Update memoization logic for pagegroup entity * Deal with the ban-ts-ignore eslint issues * Update unit tests * Fix widget entity children visibility * Fix tests and code * Fix tests for scenarios where the collapsed entities are unmount, as this is a part of the performance optimization * Filter undefined children when generating structureDSL * Remove rule from eslintrc Consolidate createPage test command * Update CreatePage tests to remove redundant dsl updates * Revert CreatePage test changes, as adding more checks within this command globally causes other tests to have issues. * re-enable eslint rule, as without it CI tests fail * Revert to ban-ts-comment * Fix typescript ban-ts-ignore issue by upgrading react-scripts and fixing typescript issue across the application * Typescript errors handled Co-authored-by: vicky-primathon.in <vicky.bansal@primathon.in>
113 lines
3.7 KiB
TypeScript
113 lines
3.7 KiB
TypeScript
import React from "react";
|
|
import { IconProps, IconWrapper } from "constants/IconConstants";
|
|
import { ReactComponent as WidgetsIcon } from "assets/icons/menu/widgets.svg";
|
|
import { ReactComponent as ApisIcon } from "assets/icons/menu/api.svg";
|
|
import { ReactComponent as OrgIcon } from "assets/icons/menu/org.svg";
|
|
import { ReactComponent as PagesIcon } from "assets/icons/menu/pages.svg";
|
|
import { ReactComponent as PageIcon } from "assets/icons/menu/page.svg";
|
|
import { ReactComponent as DataSourcesIcon } from "assets/icons/menu/data-sources.svg";
|
|
import { ReactComponent as QueriesIcon } from "assets/icons/menu/queries.svg";
|
|
import { ReactComponent as HomepageIcon } from "assets/icons/menu/homepage.svg";
|
|
import { ReactComponent as ExplorerIcon } from "assets/icons/menu/explorer.svg";
|
|
import { ReactComponent as ApisColoredIcon } from "assets/icons/menu/api-colored.svg";
|
|
import { ReactComponent as DataSourcesColoredIcon } from "assets/icons/menu/datasource-colored.svg";
|
|
import { ReactComponent as DatasourceTableIcon } from "assets/icons/menu/datasource-table.svg";
|
|
import { ReactComponent as PrimaryKeyIcon } from "assets/icons/menu/primary-key.svg";
|
|
import { ReactComponent as ForeignKeyIcon } from "assets/icons/menu/foreign-key.svg";
|
|
import { ReactComponent as DatasourceColumnIcon } from "assets/icons/menu/datasource-column.svg";
|
|
import { ReactComponent as WidgetsColoredIcon } from "assets/icons/menu/widgets-colored.svg";
|
|
import { Icon } from "@blueprintjs/core";
|
|
/* eslint-disable react/display-name */
|
|
|
|
export const MenuIcons: {
|
|
//TODO(abhinav): Fix this type to JSXElementConstructor<IconProps>
|
|
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
[id: string]: Function;
|
|
} = {
|
|
WIDGETS_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<WidgetsIcon />
|
|
</IconWrapper>
|
|
),
|
|
APIS_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<ApisIcon />
|
|
</IconWrapper>
|
|
),
|
|
ORG_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<OrgIcon />
|
|
</IconWrapper>
|
|
),
|
|
PAGES_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<PagesIcon />
|
|
</IconWrapper>
|
|
),
|
|
PAGE_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<PageIcon />
|
|
</IconWrapper>
|
|
),
|
|
DATASOURCES_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<DataSourcesIcon />
|
|
</IconWrapper>
|
|
),
|
|
QUERIES_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<QueriesIcon />
|
|
</IconWrapper>
|
|
),
|
|
HOMEPAGE_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<HomepageIcon />
|
|
</IconWrapper>
|
|
),
|
|
EXPLORER_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<ExplorerIcon />
|
|
</IconWrapper>
|
|
),
|
|
DOCS_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<Icon icon="help"></Icon>
|
|
</IconWrapper>
|
|
),
|
|
WIDGETS_COLORED_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<WidgetsColoredIcon />
|
|
</IconWrapper>
|
|
),
|
|
APIS_COLORED_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<ApisColoredIcon />
|
|
</IconWrapper>
|
|
),
|
|
DATASOURCES_COLORED_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<DataSourcesColoredIcon />
|
|
</IconWrapper>
|
|
),
|
|
DATASOURCES_TABLE_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<DatasourceTableIcon />
|
|
</IconWrapper>
|
|
),
|
|
PRIMARY_KEY_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<PrimaryKeyIcon />
|
|
</IconWrapper>
|
|
),
|
|
FOREIGN_KEY_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<ForeignKeyIcon />
|
|
</IconWrapper>
|
|
),
|
|
DATASOURCE_COLUMN_ICON: (props: IconProps) => (
|
|
<IconWrapper {...props}>
|
|
<DatasourceColumnIcon />
|
|
</IconWrapper>
|
|
),
|
|
};
|