load server extensions to make modal work

This commit is contained in:
Jacob Overgaard
2024-03-26 14:28:09 +01:00
parent 8d98af0958
commit f400afa1e9
2 changed files with 22 additions and 4 deletions

View File

@@ -10,7 +10,6 @@ import { setCustomElements } from '@storybook/web-components';
import { startMockServiceWorker } from '../src/mocks';
import '../src/libs/controller-api/controller-host-provider.element';
import { UmbServerExtensionRegistrator } from '../src/libs/extension-api/controller/server-extension-registrator.controller';
import { UmbModalManagerContext } from '../src/packages/core/modal';
import { UmbDataTypeTreeStore } from '../src/packages/data-type/tree/data-type-tree.store';
import { UmbDocumentDetailStore } from '../src/packages/documents/documents/repository/detail/document-detail.store';
@@ -45,8 +44,6 @@ class UmbStoryBookElement extends UmbLitElement {
this._registerExtensions(localizationManifests);
umbLocalizationRegistry.loadLanguage('en-us'); // register default language
new UmbServerExtensionRegistrator(this, umbExtensionsRegistry).registerAllExtensions();
}
_registerExtensions(manifests) {

View File

@@ -1,14 +1,35 @@
import type { Meta, StoryObj } from '@storybook/web-components';
import type { UmbCurrentUserMfaProviderModalElement } from './current-user-mfa-provider-modal.element.js';
import { html } from '@umbraco-cms/backoffice/external/lit';
import { UmbServerExtensionRegistrator } from '@umbraco-cms/backoffice/extension-api';
import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
import './current-user-mfa-provider-modal.element.js';
class UmbServerExtensionsHostElement extends UmbLitElement {
constructor() {
super();
new UmbServerExtensionRegistrator(this, umbExtensionsRegistry).registerAllExtensions();
}
render() {
return html`<slot></slot>`;
}
}
if (window.customElements.get('umb-server-extensions-host') === undefined) {
customElements.define('umb-server-extensions-host', UmbServerExtensionsHostElement);
}
const meta: Meta<UmbCurrentUserMfaProviderModalElement> = {
id: 'umb-current-user-mfa-provider-modal',
title: 'Current User/Modals/MFA Provider Modal',
component: 'umb-current-user-mfa-provider-modal',
decorators: [(Story) => html`<div style="width: 500px; height: 500px;">${Story()}</div>`],
decorators: [
(Story) =>
html`<umb-server-extensions-host style="width: 500px; height: 500px;">${Story()}</umb-server-extensions-host>`,
],
args: {
data: {
providerName: 'SMS',