@vendure/docs 0.0.0-202601161541

package/docs/reference/admin-ui-api/list-detail-views/base-detail-component.md

@@ -0,0 +1,168 @@
+---
+title: "BaseDetailComponent"
+generated: true
+---
+<!-- This file was generated from the Vendure source. Do not modify. Instead, re-run the "docs:build" script -->
+
+
+## BaseDetailComponent
+
+<GenerationInfo sourceFile="packages/admin-ui/src/lib/core/src/common/base-detail.component.ts" sourceLine="57" packageName="@vendure/admin-ui" />
+
+A base class for entity detail views. It should be used in conjunction with the
+<a href='/reference/admin-ui-api/list-detail-views/base-entity-resolver#baseentityresolver'>BaseEntityResolver</a>.
+
+*Example*
+
+```ts
+@Component({
+  selector: 'app-my-entity',
+  templateUrl: './my-entity.component.html',
+  styleUrls: ['./my-entity.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class GlobalSettingsComponent extends BaseDetailComponent<MyEntityFragment> implements OnInit {
+  detailForm: FormGroup;
+
+  constructor(
+    router: Router,
+    route: ActivatedRoute,
+    serverConfigService: ServerConfigService,
+    protected dataService: DataService,
+    private formBuilder: FormBuilder,
+  ) {
+    super(route, router, serverConfigService, dataService);
+    this.detailForm = this.formBuilder.group({
+      name: [''],
+    });
+  }
+
+  protected setFormValues(entity: MyEntityFragment, languageCode: LanguageCode): void {
+    this.detailForm.patchValue({
+      name: entity.name,
+    });
+  }
+}
+```
+
+```ts title="Signature"
+class BaseDetailComponent<Entity extends { id: string; updatedAt?: string }> implements DeactivateAware {
+    entity$: Observable<Entity>;
+    availableLanguages$: Observable<LanguageCode[]>;
+    languageCode$: Observable<LanguageCode>;
+    languageCode: LanguageCode;
+    isNew$: Observable<boolean>;
+    id: string;
+    abstract detailForm: UntypedFormGroup;
+    protected destroy$ = new Subject<void>();
+    constructor(route: ActivatedRoute, router: Router, serverConfigService: ServerConfigService, dataService: DataService, permissionsService: PermissionsService)
+    init() => ;
+    setUpStreams() => ;
+    destroy() => ;
+    setLanguage(code: LanguageCode) => ;
+    canDeactivate() => boolean;
+    setFormValues(entity: Entity, languageCode: LanguageCode) => void;
+    setCustomFieldFormValues(customFields: CustomFieldConfig[], formGroup: AbstractControl | null, entity: T, currentTranslation?: TranslationOf<T>) => ;
+    getCustomFieldConfig(key: Exclude<keyof CustomFields, '__typename'>) => CustomFieldConfig[];
+    setQueryParam(key: string, value: any) => ;
+}
+```
+* Implements: <code>DeactivateAware</code>
+
+
+
+<div className="members-wrapper">
+
+### entity$
+
+<MemberInfo kind="property" type={`Observable&#60;Entity&#62;`}   />
+
+
+### availableLanguages$
+
+<MemberInfo kind="property" type={`Observable&#60;<a href='/reference/typescript-api/common/language-code#languagecode'>LanguageCode</a>[]&#62;`}   />
+
+
+### languageCode$
+
+<MemberInfo kind="property" type={`Observable&#60;<a href='/reference/typescript-api/common/language-code#languagecode'>LanguageCode</a>&#62;`}   />
+
+
+### languageCode
+
+<MemberInfo kind="property" type={`<a href='/reference/typescript-api/common/language-code#languagecode'>LanguageCode</a>`}   />
+
+
+### isNew$
+
+<MemberInfo kind="property" type={`Observable&#60;boolean&#62;`}   />
+
+
+### id
+
+<MemberInfo kind="property" type={`string`}   />
+
+
+### detailForm
+
+<MemberInfo kind="property" type={`UntypedFormGroup`}   />
+
+
+### destroy$
+
+<MemberInfo kind="property" type={``}   />
+
+
+### constructor
+
+<MemberInfo kind="method" type={`(route: ActivatedRoute, router: Router, serverConfigService: ServerConfigService, dataService: <a href='/reference/admin-ui-api/services/data-service#dataservice'>DataService</a>, permissionsService: PermissionsService) => BaseDetailComponent`}   />
+
+
+### init
+
+<MemberInfo kind="method" type={`() => `}   />
+
+
+### setUpStreams
+
+<MemberInfo kind="method" type={`() => `}   />
+
+
+### destroy
+
+<MemberInfo kind="method" type={`() => `}   />
+
+
+### setLanguage
+
+<MemberInfo kind="method" type={`(code: <a href='/reference/typescript-api/common/language-code#languagecode'>LanguageCode</a>) => `}   />
+
+
+### canDeactivate
+
+<MemberInfo kind="method" type={`() => boolean`}   />
+
+
+### setFormValues
+
+<MemberInfo kind="method" type={`(entity: Entity, languageCode: <a href='/reference/typescript-api/common/language-code#languagecode'>LanguageCode</a>) => void`}   />
+
+
+### setCustomFieldFormValues
+
+<MemberInfo kind="method" type={`(customFields: <a href='/reference/typescript-api/custom-fields/custom-field-config#customfieldconfig'>CustomFieldConfig</a>[], formGroup: AbstractControl | null, entity: T, currentTranslation?: TranslationOf&#60;T&#62;) => `}   />
+
+
+### getCustomFieldConfig
+
+<MemberInfo kind="method" type={`(key: Exclude&#60;keyof <a href='/reference/typescript-api/custom-fields/#customfields'>CustomFields</a>, '__typename'&#62;) => <a href='/reference/typescript-api/custom-fields/custom-field-config#customfieldconfig'>CustomFieldConfig</a>[]`}   />
+
+
+### setQueryParam
+
+<MemberInfo kind="method" type={`(key: string, value: any) => `}   />
+
+
+
+
+</div>

package/docs/reference/admin-ui-api/list-detail-views/base-entity-resolver.md

@@ -0,0 +1,54 @@
+---
+title: "BaseEntityResolver"
+generated: true
+---
+<!-- This file was generated from the Vendure source. Do not modify. Instead, re-run the "docs:build" script -->
+
+
+## BaseEntityResolver
+
+<GenerationInfo sourceFile="packages/admin-ui/src/lib/core/src/common/base-entity-resolver.ts" sourceLine="55" packageName="@vendure/admin-ui" />
+
+A base resolver for an entity detail route. Resolves to an observable of the given entity, or a "blank"
+version if the route id equals "create". Should be used together with details views which extend the
+<a href='/reference/admin-ui-api/list-detail-views/base-detail-component#basedetailcomponent'>BaseDetailComponent</a>.
+
+*Example*
+
+```ts
+@Injectable({
+  providedIn: 'root',
+})
+export class MyEntityResolver extends BaseEntityResolver<MyEntityFragment> {
+  constructor(router: Router, dataService: DataService) {
+    super(
+      router,
+      {
+        __typename: 'MyEntity',
+        id: '',
+        createdAt: '',
+        updatedAt: '',
+        name: '',
+      },
+      id => dataService.query(GET_MY_ENTITY, { id }).mapStream(data => data.myEntity),
+    );
+  }
+}
+```
+
+```ts title="Signature"
+class BaseEntityResolver<T> {
+    constructor(router: Router, emptyEntity: T, entityStream: (id: string) => Observable<T | null | undefined>)
+}
+```
+
+<div className="members-wrapper">
+
+### constructor
+
+<MemberInfo kind="method" type={`(router: Router, emptyEntity: T, entityStream: (id: string) =&#62; Observable&#60;T | null | undefined&#62;) => BaseEntityResolver`}   />
+
+
+
+
+</div>

package/docs/reference/admin-ui-api/list-detail-views/base-list-component.md

@@ -0,0 +1,155 @@
+---
+title: "BaseListComponent"
+generated: true
+---
+<!-- This file was generated from the Vendure source. Do not modify. Instead, re-run the "docs:build" script -->
+
+
+## BaseListComponent
+
+<GenerationInfo sourceFile="packages/admin-ui/src/lib/core/src/common/base-list.component.ts" sourceLine="43" packageName="@vendure/admin-ui" />
+
+This is a base class which implements the logic required to fetch and manipulate
+a list of data from a query which returns a PaginatedList type.
+
+It is normally used in combination with the <a href='/reference/admin-ui-api/components/data-table2component#datatable2component'>DataTable2Component</a>.
+
+```ts title="Signature"
+class BaseListComponent<ResultType, ItemType, VariableType extends Record<string, any> = any> implements OnInit, OnDestroy {
+    searchTermControl = new FormControl('');
+    selectionManager = new SelectionManager<any>({
+        multiSelect: true,
+        itemsAreEqual: (a, b) => a.id === b.id,
+        additiveMode: true,
+    });
+    result$: Observable<ResultType>;
+    items$: Observable<ItemType[]>;
+    totalItems$: Observable<number>;
+    itemsPerPage$: Observable<number>;
+    currentPage$: Observable<number>;
+    protected destroy$ = new Subject<void>();
+    protected refresh$ = new BehaviorSubject<undefined>(undefined);
+    protected visibleCustomFieldColumnChange$ = new Subject<
+        Array<DataTableCustomFieldColumnComponent<any>>
+    >();
+    constructor(router: Router, route: ActivatedRoute)
+    setQueryFn(listQueryFn: ListQueryFn<ResultType>, mappingFn: MappingFn<ItemType, ResultType>, onPageChangeFn?: OnPageChangeFn<VariableType>, defaults?: { take: number; skip: number }) => ;
+    refreshListOnChanges(streams: Array<Observable<any>>) => ;
+    setPageNumber(page: number) => ;
+    setItemsPerPage(perPage: number) => ;
+    setVisibleColumns(columns: Array<DataTable2ColumnComponent<any>>) => ;
+    refresh() => ;
+    setQueryParam(hash: { [key: string]: any }, options?: { replaceUrl?: boolean; queryParamsHandling?: QueryParamsHandling }) => ;
+    setQueryParam(key: string, value: any, options?: { replaceUrl?: boolean; queryParamsHandling?: QueryParamsHandling }) => ;
+    setQueryParam(keyOrHash: string | { [key: string]: any }, valueOrOptions?: any, maybeOptions?: { replaceUrl?: boolean; queryParamsHandling?: QueryParamsHandling }) => ;
+}
+```
+* Implements: <code>OnInit</code>, <code>OnDestroy</code>
+
+
+
+<div className="members-wrapper">
+
+### searchTermControl
+
+<MemberInfo kind="property" type={``}   />
+
+
+### selectionManager
+
+<MemberInfo kind="property" type={``}   />
+
+
+### result$
+
+<MemberInfo kind="property" type={`Observable&#60;ResultType&#62;`}   />
+
+
+### items$
+
+<MemberInfo kind="property" type={`Observable&#60;ItemType[]&#62;`}   />
+
+
+### totalItems$
+
+<MemberInfo kind="property" type={`Observable&#60;number&#62;`}   />
+
+
+### itemsPerPage$
+
+<MemberInfo kind="property" type={`Observable&#60;number&#62;`}   />
+
+
+### currentPage$
+
+<MemberInfo kind="property" type={`Observable&#60;number&#62;`}   />
+
+
+### destroy$
+
+<MemberInfo kind="property" type={``}   />
+
+
+### refresh$
+
+<MemberInfo kind="property" type={``}   />
+
+
+### visibleCustomFieldColumnChange$
+
+<MemberInfo kind="property" type={``}   />
+
+
+### constructor
+
+<MemberInfo kind="method" type={`(router: Router, route: ActivatedRoute) => BaseListComponent`}   />
+
+
+### setQueryFn
+
+<MemberInfo kind="method" type={`(listQueryFn: ListQueryFn&#60;ResultType&#62;, mappingFn: MappingFn&#60;ItemType, ResultType&#62;, onPageChangeFn?: OnPageChangeFn&#60;VariableType&#62;, defaults?: { take: number; skip: number }) => `}   />
+
+Sets the fetch function for the list being implemented.
+### refreshListOnChanges
+
+<MemberInfo kind="method" type={`(streams: Array&#60;Observable&#60;any&#62;&#62;) => `}   />
+
+Accepts a list of Observables which will trigger a refresh of the list when any of them emit.
+### setPageNumber
+
+<MemberInfo kind="method" type={`(page: number) => `}   />
+
+Sets the current page number in the url.
+### setItemsPerPage
+
+<MemberInfo kind="method" type={`(perPage: number) => `}   />
+
+Sets the number of items per page in the url.
+### setVisibleColumns
+
+<MemberInfo kind="method" type={`(columns: Array&#60;DataTable2ColumnComponent&#60;any&#62;&#62;) => `}   />
+
+
+### refresh
+
+<MemberInfo kind="method" type={`() => `}   />
+
+Re-fetch the current page of results.
+### setQueryParam
+
+<MemberInfo kind="method" type={`(hash: { [key: string]: any }, options?: { replaceUrl?: boolean; queryParamsHandling?: QueryParamsHandling }) => `}   />
+
+
+### setQueryParam
+
+<MemberInfo kind="method" type={`(key: string, value: any, options?: { replaceUrl?: boolean; queryParamsHandling?: QueryParamsHandling }) => `}   />
+
+
+### setQueryParam
+
+<MemberInfo kind="method" type={`(keyOrHash: string | { [key: string]: any }, valueOrOptions?: any, maybeOptions?: { replaceUrl?: boolean; queryParamsHandling?: QueryParamsHandling }) => `}   />
+
+
+
+
+</div>

package/docs/reference/admin-ui-api/list-detail-views/detail-component-with-resolver.md

@@ -0,0 +1,52 @@
+---
+title: "DetailComponentWithResolver"
+generated: true
+---
+<!-- This file was generated from the Vendure source. Do not modify. Instead, re-run the "docs:build" script -->
+
+
+## detailComponentWithResolver
+
+<GenerationInfo sourceFile="packages/admin-ui/src/lib/core/src/common/base-detail.component.ts" sourceLine="256" packageName="@vendure/admin-ui" />
+
+A helper function for creating tabs that point to a <a href='/reference/admin-ui-api/list-detail-views/typed-base-detail-component#typedbasedetailcomponent'>TypedBaseDetailComponent</a>. This takes
+care of the route resolver parts so that the detail component automatically has access to the
+correct resolved detail data.
+
+*Example*
+
+```ts
+@NgModule({
+  imports: [ReviewsSharedModule],
+  declarations: [/* ... *\/],
+  providers: [
+    registerPageTab({
+      location: 'product-detail',
+      tab: 'Specs',
+      route: 'specs',
+      component: detailComponentWithResolver({
+        component: ProductSpecDetailComponent,
+        query: GetProductSpecsDocument,
+        entityKey: 'spec',
+      }),
+    }),
+  ],
+})
+export class ProductSpecsUiExtensionModule {}
+```
+
+```ts title="Signature"
+function detailComponentWithResolver<T extends TypedDocumentNode<any, { id: string }>, Field extends keyof ResultOf<T>, R extends Field>(config: {
+    component: Type<TypedBaseDetailComponent<T, Field>>;
+    query: T;
+    entityKey: R;
+    getBreadcrumbs?: (entity: ResultOf<T>[R]) => BreadcrumbValue;
+    variables?: T extends TypedDocumentNode<any, infer V> ? Omit<V, 'id'> : never;
+}): void
+```
+Parameters
+
+### config
+
+<MemberInfo kind="parameter" type={`{     component: Type&#60;<a href='/reference/admin-ui-api/list-detail-views/typed-base-detail-component#typedbasedetailcomponent'>TypedBaseDetailComponent</a>&#60;T, Field&#62;&#62;;     query: T;     entityKey: R;     getBreadcrumbs?: (entity: ResultOf&#60;T&#62;[R]) =&#62; BreadcrumbValue;     variables?: T extends TypedDocumentNode&#60;any, infer V&#62; ? Omit&#60;V, 'id'&#62; : never; }`} />
+

package/docs/reference/admin-ui-api/list-detail-views/index.md

@@ -0,0 +1,5 @@
+---
+title: "List Detail Views"
+generated: true
+---
+<!-- This file was generated from the Vendure source. Do not modify. Instead, re-run the "docs:build" script -->

package/docs/reference/admin-ui-api/list-detail-views/typed-base-detail-component.md

@@ -0,0 +1,51 @@
+---
+title: "TypedBaseDetailComponent"
+generated: true
+---
+<!-- This file was generated from the Vendure source. Do not modify. Instead, re-run the "docs:build" script -->
+
+
+## TypedBaseDetailComponent
+
+<GenerationInfo sourceFile="packages/admin-ui/src/lib/core/src/common/base-detail.component.ts" sourceLine="186" packageName="@vendure/admin-ui" />
+
+A version of the <a href='/reference/admin-ui-api/list-detail-views/base-detail-component#basedetailcomponent'>BaseDetailComponent</a> which is designed to be used with a
+[TypedDocumentNode](https://the-guild.dev/graphql/codegen/plugins/typescript/typed-document-node).
+
+```ts title="Signature"
+class TypedBaseDetailComponent<T extends TypedDocumentNode<any, any>, Field extends keyof ResultOf<T>> extends BaseDetailComponent<NonNullable<ResultOf<T>[Field]>> {
+    protected result$: Observable<ResultOf<T>>;
+    protected entity: ResultOf<T>[Field];
+    constructor()
+    init() => ;
+}
+```
+* Extends: <code><a href='/reference/admin-ui-api/list-detail-views/base-detail-component#basedetailcomponent'>BaseDetailComponent</a>&#60;NonNullable&#60;ResultOf&#60;T&#62;[Field]&#62;&#62;</code>
+
+
+
+<div className="members-wrapper">
+
+### result$
+
+<MemberInfo kind="property" type={`Observable&#60;ResultOf&#60;T&#62;&#62;`}   />
+
+
+### entity
+
+<MemberInfo kind="property" type={`ResultOf&#60;T&#62;[Field]`}   />
+
+
+### constructor
+
+<MemberInfo kind="method" type={`() => TypedBaseDetailComponent`}   />
+
+
+### init
+
+<MemberInfo kind="method" type={`() => `}   />
+
+
+
+
+</div>

package/docs/reference/admin-ui-api/list-detail-views/typed-base-list-component.md

@@ -0,0 +1,125 @@
+---
+title: "TypedBaseListComponent"
+generated: true
+---
+<!-- This file was generated from the Vendure source. Do not modify. Instead, re-run the "docs:build" script -->
+
+
+## TypedBaseListComponent
+
+<GenerationInfo sourceFile="packages/admin-ui/src/lib/core/src/common/base-list.component.ts" sourceLine="217" packageName="@vendure/admin-ui" />
+
+A version of the <a href='/reference/admin-ui-api/list-detail-views/base-list-component#baselistcomponent'>BaseListComponent</a> which is designed to be used with a
+[TypedDocumentNode](https://the-guild.dev/graphql/codegen/plugins/typescript/typed-document-node).
+
+```ts title="Signature"
+class TypedBaseListComponent<T extends TypedDocumentNode<any, Vars>, Field extends keyof ResultOf<T>, Vars extends { options: { filter: any; sort: any } } = VariablesOf<T>> extends BaseListComponent<ResultOf<T>, ItemOf<ResultOf<T>, Field>, VariablesOf<T>> implements OnInit {
+    availableLanguages$: Observable<LanguageCode[]>;
+    contentLanguage$: Observable<LanguageCode>;
+    protected dataService = inject(DataService);
+    protected router = inject(Router);
+    protected serverConfigService = inject(ServerConfigService);
+    protected permissionsService = inject(PermissionsService);
+    protected dataTableConfigService = inject(DataTableConfigService);
+    protected dataTableListId: string | undefined;
+    constructor()
+    configure(config: {
+        document: T;
+        getItems: (data: ResultOf<T>) => { items: Array<ItemOf<ResultOf<T>, Field>>; totalItems: number };
+        setVariables?: (skip: number, take: number) => VariablesOf<T>;
+        refreshListOnChanges?: Array<Observable<any>>;
+    }) => ;
+    ngOnInit() => ;
+    createFilterCollection() => DataTableFilterCollection<NonNullable<NonNullable<Vars['options']>['filter']>>;
+    createSortCollection() => DataTableSortCollection<NonNullable<NonNullable<Vars['options']>['sort']>>;
+    setLanguage(code: LanguageCode) => ;
+    getCustomFieldConfig(key: Exclude<keyof CustomFields, '__typename'> | string) => CustomFieldConfig[];
+}
+```
+* Extends: <code><a href='/reference/admin-ui-api/list-detail-views/base-list-component#baselistcomponent'>BaseListComponent</a>&#60;ResultOf&#60;T&#62;, ItemOf&#60;ResultOf&#60;T&#62;, Field&#62;, VariablesOf&#60;T&#62;&#62;</code>
+
+
+* Implements: <code>OnInit</code>
+
+
+
+<div className="members-wrapper">
+
+### availableLanguages$
+
+<MemberInfo kind="property" type={`Observable&#60;<a href='/reference/typescript-api/common/language-code#languagecode'>LanguageCode</a>[]&#62;`}   />
+
+
+### contentLanguage$
+
+<MemberInfo kind="property" type={`Observable&#60;<a href='/reference/typescript-api/common/language-code#languagecode'>LanguageCode</a>&#62;`}   />
+
+
+### dataService
+
+<MemberInfo kind="property" type={``}   />
+
+
+### router
+
+<MemberInfo kind="property" type={``}   />
+
+
+### serverConfigService
+
+<MemberInfo kind="property" type={``}   />
+
+
+### permissionsService
+
+<MemberInfo kind="property" type={``}   />
+
+
+### dataTableConfigService
+
+<MemberInfo kind="property" type={``}   />
+
+
+### dataTableListId
+
+<MemberInfo kind="property" type={`string | undefined`}   />
+
+
+### constructor
+
+<MemberInfo kind="method" type={`() => TypedBaseListComponent`}   />
+
+
+### configure
+
+<MemberInfo kind="method" type={`(config: {         document: T;         getItems: (data: ResultOf&#60;T&#62;) =&#62; { items: Array&#60;ItemOf&#60;ResultOf&#60;T&#62;, Field&#62;&#62;; totalItems: number };         setVariables?: (skip: number, take: number) =&#62; VariablesOf&#60;T&#62;;         refreshListOnChanges?: Array&#60;Observable&#60;any&#62;&#62;;     }) => `}   />
+
+
+### ngOnInit
+
+<MemberInfo kind="method" type={`() => `}   />
+
+
+### createFilterCollection
+
+<MemberInfo kind="method" type={`() => DataTableFilterCollection&#60;NonNullable&#60;NonNullable&#60;Vars['options']&#62;['filter']&#62;&#62;`}   />
+
+
+### createSortCollection
+
+<MemberInfo kind="method" type={`() => DataTableSortCollection&#60;NonNullable&#60;NonNullable&#60;Vars['options']&#62;['sort']&#62;&#62;`}   />
+
+
+### setLanguage
+
+<MemberInfo kind="method" type={`(code: <a href='/reference/typescript-api/common/language-code#languagecode'>LanguageCode</a>) => `}   />
+
+
+### getCustomFieldConfig
+
+<MemberInfo kind="method" type={`(key: Exclude&#60;keyof <a href='/reference/typescript-api/custom-fields/#customfields'>CustomFields</a>, '__typename'&#62; | string) => <a href='/reference/typescript-api/custom-fields/custom-field-config#customfieldconfig'>CustomFieldConfig</a>[]`}   />
+
+
+
+
+</div>

package/docs/reference/admin-ui-api/nav-menu/add-nav-menu-item.md

@@ -0,0 +1,52 @@
+---
+title: "AddNavMenuItem"
+generated: true
+---
+<!-- This file was generated from the Vendure source. Do not modify. Instead, re-run the "docs:build" script -->
+
+
+## addNavMenuItem
+
+<GenerationInfo sourceFile="packages/admin-ui/src/lib/core/src/extension/add-nav-menu-item.ts" sourceLine="66" packageName="@vendure/admin-ui" />
+
+Add a menu item to an existing section specified by `sectionId`. The id of the section
+can be found by inspecting the DOM and finding the `data-section-id` attribute.
+Providing the `before` argument will move the item before any existing item with the specified id.
+If omitted (or if the name is not found) the item will be appended to the
+end of the section.
+
+This should be used in the NgModule `providers` array of your ui extension module.
+
+*Example*
+
+```ts title="providers.ts"
+import { addNavMenuItem } from '@vendure/admin-ui/core';
+
+export default [
+    addNavMenuItem({
+        id: 'reviews',
+        label: 'Product Reviews',
+        routerLink: ['/extensions/reviews'],
+        icon: 'star',
+    },
+    'marketing'),
+];
+```
+
+```ts title="Signature"
+function addNavMenuItem(config: NavMenuItem, sectionId: string, before?: string): void
+```
+Parameters
+
+### config
+
+<MemberInfo kind="parameter" type={`<a href='/reference/admin-ui-api/nav-menu/nav-menu-item#navmenuitem'>NavMenuItem</a>`} />
+
+### sectionId
+
+<MemberInfo kind="parameter" type={`string`} />
+
+### before
+
+<MemberInfo kind="parameter" type={`string`} />
+