webiny-admin-website-builder-catalog

# admin/website-builder ## How to Use 1. Find the abstraction you need below 2. You MUST read the source file to get the exact interface and types! 3. Import: `import { Name } from "<importPath>";` ## Abstractions --- **Name:** `$addElementReferenceToParent` **Import:** `import { $addElementReferenceToParent } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$createElement` **Import:** `import { $createElement } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$deleteElement` **Import:** `import { $deleteElement } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$deselectElement` **Import:** `import { $deselectElement } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$getActiveElementId` **Import:** `import { $getActiveElementId } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$getComponentManifestByElementId` **Import:** `import { $getComponentManifestByElementId } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$getElementById` **Import:** `import { $getElementById } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$getElementInputValues` **Import:** `import { $getElementInputValues } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$getElementsOfType` **Import:** `import { $getElementsOfType } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$getFirstElementOfType` **Import:** `import { $getFirstElementOfType } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$highlightElement` **Import:** `import { $highlightElement } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$moveElement` **Import:** `import { $moveElement } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$previewElementInputs` **Import:** `import { $previewElementInputs } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` **Description:** Programmatically update an element's inputs in the preview iframe only (via JSON patch). Does NOT write to the editor document state. --- **Name:** `$removeElementReferenceFromParent` **Import:** `import { $removeElementReferenceFromParent } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$selectElement` **Import:** `import { $selectElement } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` --- **Name:** `$updateElementInputs` **Import:** `import { $updateElementInputs } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/utils/index.ts` **Description:** Programmatically update an element's inputs using a callback-based API. The updater receives a deep object representation of the element's inputs which can be mutated in place. --- **Name:** `Commands` **Import:** `import { Commands } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/BaseEditor/index.tsx` --- **Name:** `createCommand` **Import:** `import { createCommand } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/editorSdk/createCommand.ts` --- **Name:** `createElement` **Import:** `import { createElement } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/website-builder-sdk/index.ts` --- **Name:** `Divider` **Import:** `import { Divider } from "webiny/admin/website-builder/lexical"` **Source:** `@webiny/lexical-editor/exports/admin/ui/lexical.ts` --- **Name:** `DropDown` **Import:** `import { DropDown } from "webiny/admin/website-builder/lexical"` **Source:** `@webiny/lexical-editor/exports/admin/ui/lexical.ts` --- **Name:** `DropDownItem` **Import:** `import { DropDownItem } from "webiny/admin/website-builder/lexical"` **Source:** `@webiny/lexical-editor/exports/admin/ui/lexical.ts` --- **Name:** `EcommerceIntegration` **Import:** `import { EcommerceIntegration } from "webiny/admin/website-builder"` **Source:** `@webiny/app-website-builder/ecommerce/index.tsx` --- **Name:** `ElementInputs` **Import:** `import { ElementInputs } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/BaseEditor/defaultConfig/Sidebar/ElementSettings/ElementInputs.tsx` --- **Name:** `getNodeFromSelection` **Import:** `import { getNodeFromSelection } from "webiny/admin/website-builder/lexical"` **Source:** `@webiny/lexical-editor/exports/admin/ui/lexical.ts` --- **Name:** `HasPermission` **Import:** `import { HasPermission } from "webiny/admin/website-builder"` **Source:** `@webiny/app-website-builder/presentation/security/HasPermission.tsx` --- **Name:** `Klass` **Kind:** type **Import:** `import type { Klass } from "webiny/admin/website-builder/lexical"` **Source:** `@webiny/lexical-editor/exports/admin/ui/lexical.ts` --- **Name:** `LexicalEditor` **Import:** `import { LexicalEditor } from "webiny/admin/website-builder/lexical"` **Source:** `@webiny/app-website-builder/inputRenderers/LexicalInput/LexicalEditor.tsx` --- **Name:** `LexicalEditorConfig` **Import:** `import { LexicalEditorConfig } from "webiny/admin/website-builder/lexical"` **Source:** `@webiny/app-website-builder/inputRenderers/LexicalInput/LexicalEditorConfig.tsx` --- **Name:** `LexicalEditorProps` **Kind:** type **Import:** `import type { LexicalEditorProps } from "webiny/admin/website-builder/lexical"` **Source:** `@webiny/app-website-builder/inputRenderers/LexicalInput/LexicalEditor.tsx` --- **Name:** `LexicalHtmlRenderer` **Import:** `import { LexicalHtmlRenderer } from "webiny/admin/website-builder/lexical"` **Source:** `@webiny/lexical-editor/exports/admin/ui/lexical.ts` --- **Name:** `LexicalNode` **Kind:** type **Import:** `import type { LexicalNode } from "webiny/admin/website-builder/lexical"` **Source:** `@webiny/lexical-editor/exports/admin/ui/lexical.ts` --- **Name:** `PageEditorConfig` **Import:** `import { PageEditorConfig } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/presentation/pages/PageEditor/PageEditorConfig.tsx` --- **Name:** `PageListConfig` **Import:** `import { PageListConfig } from "webiny/admin/website-builder/page/list"` **Source:** `@webiny/app-website-builder/index.ts` --- **Name:** `pagePathFromTitle` **Import:** `import { pagePathFromTitle } from "webiny/admin/website-builder"` **Source:** `@webiny/app-website-builder/index.ts` --- **Name:** `PageSettingsGroup` **Import:** `import { PageSettingsGroup } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/presentation/pages/PageEditor/PageSettings/index.ts` --- **Name:** `PageSettingsGroupModifier` **Import:** `import { PageSettingsGroupModifier } from "webiny/admin/website-builder/page/editor"` **Source:** `@webiny/app-website-builder/presentation/pages/PageEditor/PageSettings/index.ts` --- **Name:** `PageType` **Import:** `import { PageType } from "webiny/admin/website-builder"` **Source:** `@webiny/app-website-builder/presentation/pages/CreatePage/abstractions.ts` --- **Name:** `PageTypeProvider` **Import:** `import { PageTypeProvider } from "webiny/admin/website-builder"` **Source:** `@webiny/app-website-builder/presentation/pages/CreatePage/abstractions.ts` --- **Name:** `PreviewUrlModifier` **Import:** `import { PreviewUrlModifier } from "webiny/admin/website-builder"` **Source:** `@webiny/app-website-builder/features/previewUrl/abstractions.ts` --- **Name:** `RedirectListConfig` **Import:** `import { RedirectListConfig } from "webiny/admin/website-builder/redirect/list"`