05f190c102
# New Feature: Entity Explorer - Entities are actions (apis and queries), datasources, pages, and widgets - With this new feature, all entities in the application will be available to view in the new entity explorer sidebar - All existing application features from the api sidebar, query sidebar, datasource sidebar and pages sidebar now are avialable on the entity explorer sidebar - Users are now able to quickly switch to any entity in the application from the entity explorer sidebar. - Users can also search all entities in the application from the new sidebar. Use cmd + f or ctrl + f to focus on the search input - Users can rename entities from the new sidebar - Users can also perform contextual actions on these entities like set a page as home page, copy/move actions, delete entity, etc from the context menu available alongside the entities in the sidebar - Users can view the properties of the entities in the sidebar, as well as copy bindings to use in the application.
34 lines
945 B
TypeScript
34 lines
945 B
TypeScript
import React, { memo } from "react";
|
|
import WidgetFactory from "utils/WidgetFactory";
|
|
import { RenderModes } from "constants/WidgetConstants";
|
|
import { ContainerWidgetProps } from "widgets/ContainerWidget";
|
|
import { WidgetProps } from "widgets/BaseWidget";
|
|
import PropertyPane from "pages/Editor/PropertyPane";
|
|
import ArtBoard from "pages/common/ArtBoard";
|
|
|
|
interface CanvasProps {
|
|
dsl: ContainerWidgetProps<WidgetProps>;
|
|
}
|
|
|
|
// TODO(abhinav): get the render mode from context
|
|
const Canvas = memo((props: CanvasProps) => {
|
|
try {
|
|
return (
|
|
<React.Fragment>
|
|
<PropertyPane />
|
|
<ArtBoard width={props.dsl.rightColumn}>
|
|
{props.dsl.widgetId &&
|
|
WidgetFactory.createWidget(props.dsl, RenderModes.CANVAS)}
|
|
</ArtBoard>
|
|
</React.Fragment>
|
|
);
|
|
} catch (error) {
|
|
console.log("Error rendering DSL", error);
|
|
return null;
|
|
}
|
|
});
|
|
|
|
Canvas.displayName = "Canvas";
|
|
|
|
export default Canvas;
|