PromucFlow_constructor/app/client/src/IDE/index.ts
2024-10-31 17:25:04 +05:30

86 lines
3.5 KiB
TypeScript

/* ====================================================
**** Structural Components ****
Components that are part of the main structure of the IDE experience
====================================================**/
/**
* The IDEHeader gets exported with 3 layout subsections.
* IDEHeader.Left, IDEHeader.Center, IDEHeader.Right
* These are composable components that you can use to spread the content of the header
* It is possible to use the IDE Header without using these subsections
*/
export { IDE_HEADER_HEIGHT } from "./Structure/constants";
export { default as IDEHeader } from "./Structure/Header";
/**
* The IDEToolbar gets exported with 2 layout subsections.
* IDEToolbar.Left and IDEToolbar.Right
* These are composable components that you can use to spread the content of the toolbar
* It is possible to use the Toolbar without using these subsections
*/
export { default as IDEToolbar } from "./Structure/Toolbar";
/* ====================================================
**** UI Components ****
Components that are smaller UI abstractions for easy use and standardisation within the IDE
=======================================================**/
/**
* IDEHeaderTitle is a small text styled wrapper that is suitable to be used inside IDEHeader
*/
export { default as IDEHeaderTitle } from "./Components/HeaderTitle";
/**
* IDEHeaderEditorSwitcher can be used for a trigger component to show a dropdown for pages, modules
* or any list of elements in the header E.g., Pages / Page 1
*/
export { default as IDEHeaderEditorSwitcher } from "./Components/HeaderEditorSwitcher";
/**
* The IDEHeaderDropdown gets exported with 2 layout subsections.
* IDEHeaderDropdown.Header, IDEHeaderDropdown.Body
* These are composable components that you can use to spread the content of the header
* It is possible to use the IDE Header without using these subsections
*/
export { default as IDEHeaderDropdown } from "./Components/HeaderDropdown";
/**
* IDEBottomView is a versatile view meant to be at the bottom of the screen.
* It is resizable and can be hidden or collapsed based on the behavior configured
* The view is designed for showing tabs, but this component does not assume this can
* accept any view to be rendered
*/
export { default as IDEBottomView } from "./Components/BottomView";
/**
* IDESidebar is used inside the IDE to have a navigation menu on the left side of the screen.
* It switches between different editor states
*/
export { default as IDESidebar } from "./Components/Sidebar";
/**
* IDESidePaneWrapper is used as a wrapper for side panes, which provides a border and optional padding
* and enforces 100% width and height to the parent.
*/
export { default as IDESidePaneWrapper } from "./Components/SidePaneWrapper";
/**
* ToolbarSettingsPopover is a popover attached to a settings toggle button in the toolbar
*/
export { ToolbarSettingsPopover } from "./Components/ToolbarSettingsPopover";
/**
* EditableName is a component that allows the user to edit the name of an entity
* It is used in the IDE for renaming pages, actions, queries, etc.
*/
export {
EditableName,
RenameMenuItem,
useIsRenaming,
} from "./Components/EditableName";
/* ====================================================
**** Interfaces ****
Common types that are used by the different components of the IDE
=======================================================**/
export { ViewHideBehaviour, ViewDisplayMode } from "./Interfaces/View";
export { Condition } from "./enums";
export type { IDESidebarButton } from "./Components/Sidebar";