rename confirm modal files
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
// TODO: lazy load
|
// TODO: lazy load
|
||||||
import './layouts/confirm/modal-layout-confirm.element';
|
import '../../src/backoffice/shared/modals/confirm/confirm-modal.element';
|
||||||
import '../../src/backoffice/documents/documents/modals/document-picker/document-picker-modal.element';
|
import '../../src/backoffice/documents/documents/modals/document-picker/document-picker-modal.element';
|
||||||
import '../../src/backoffice/media/media/modals/media-picker/media-picker-modal.element';
|
import '../../src/backoffice/media/media/modals/media-picker/media-picker-modal.element';
|
||||||
import './layouts/property-editor-ui-picker/modal-layout-property-editor-ui-picker.element';
|
import './layouts/property-editor-ui-picker/modal-layout-property-editor-ui-picker.element';
|
||||||
@@ -19,7 +19,7 @@ import { UmbIconPickerModalData } from '../../src/backoffice/shared/modals/icon-
|
|||||||
import { UmbMediaPickerModalData } from '../../src/backoffice/media/media/modals/media-picker';
|
import { UmbMediaPickerModalData } from '../../src/backoffice/media/media/modals/media-picker';
|
||||||
import type { UmbBasicModalData } from '../../src/backoffice/shared/modals/basic';
|
import type { UmbBasicModalData } from '../../src/backoffice/shared/modals/basic';
|
||||||
import type { UmbLinkPickerModalData } from '../../src/backoffice/shared/modals/link-picker';
|
import type { UmbLinkPickerModalData } from '../../src/backoffice/shared/modals/link-picker';
|
||||||
import type { UmbModalConfirmData } from './layouts/confirm/modal-layout-confirm.element';
|
import type { UmbModalConfirmData } from '../../src/backoffice/shared/modals/confirm/confirm-modal.element';
|
||||||
import type { UmbModalPropertyEditorUIPickerData } from './layouts/property-editor-ui-picker/modal-layout-property-editor-ui-picker.element';
|
import type { UmbModalPropertyEditorUIPickerData } from './layouts/property-editor-ui-picker/modal-layout-property-editor-ui-picker.element';
|
||||||
import { UmbModalHandler } from './modal-handler';
|
import { UmbModalHandler } from './modal-handler';
|
||||||
import { UmbPickerModalData } from './layouts/modal-layout-picker-base';
|
import { UmbPickerModalData } from './layouts/modal-layout-picker-base';
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import { html, TemplateResult } from 'lit';
|
import { html, TemplateResult } from 'lit';
|
||||||
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
|
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
|
||||||
import { customElement } from 'lit/decorators.js';
|
import { customElement } from 'lit/decorators.js';
|
||||||
import { UmbModalLayoutElement } from '../modal-layout.element';
|
import { UmbModalLayoutElement } from '../../../../../libs/modal/layouts/modal-layout.element';
|
||||||
|
|
||||||
export interface UmbModalConfirmData {
|
export interface UmbModalConfirmData {
|
||||||
headline: string;
|
headline: string;
|
||||||
@@ -10,7 +10,7 @@ export interface UmbModalConfirmData {
|
|||||||
confirmLabel?: string;
|
confirmLabel?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
@customElement('umb-modal-layout-confirm')
|
@customElement('umb-confirm-modal')
|
||||||
export class UmbModalLayoutConfirmElement extends UmbModalLayoutElement<UmbModalConfirmData> {
|
export class UmbModalLayoutConfirmElement extends UmbModalLayoutElement<UmbModalConfirmData> {
|
||||||
static styles = [UUITextStyles];
|
static styles = [UUITextStyles];
|
||||||
|
|
||||||
@@ -42,6 +42,6 @@ export class UmbModalLayoutConfirmElement extends UmbModalLayoutElement<UmbModal
|
|||||||
|
|
||||||
declare global {
|
declare global {
|
||||||
interface HTMLElementTagNameMap {
|
interface HTMLElementTagNameMap {
|
||||||
'umb-modal-layout-confirm': UmbModalLayoutConfirmElement;
|
'umb-confirm-modal': UmbModalLayoutConfirmElement;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1,14 +1,14 @@
|
|||||||
import './modal-layout-confirm.element';
|
import './confirm-modal.element';
|
||||||
|
|
||||||
import { Meta, Story } from '@storybook/web-components';
|
import { Meta, Story } from '@storybook/web-components';
|
||||||
import { html } from 'lit';
|
import { html } from 'lit';
|
||||||
|
|
||||||
import type { UmbModalLayoutConfirmElement, UmbModalConfirmData } from './modal-layout-confirm.element';
|
import type { UmbModalLayoutConfirmElement, UmbModalConfirmData } from './confirm-modal.element';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
title: 'API/Modals/Layouts/Confirm',
|
title: 'API/Modals/Layouts/Confirm',
|
||||||
component: 'umb-modal-layout-confirm',
|
component: 'umb-confirm-modal',
|
||||||
id: 'modal-layout-confirm',
|
id: 'umb-confirm-modal',
|
||||||
} as Meta;
|
} as Meta;
|
||||||
|
|
||||||
const positiveData: UmbModalConfirmData = {
|
const positiveData: UmbModalConfirmData = {
|
||||||
@@ -22,7 +22,7 @@ export const Positive: Story<UmbModalLayoutConfirmElement> = () => html`
|
|||||||
<!-- TODO: figure out if generics are allowed for properties:
|
<!-- TODO: figure out if generics are allowed for properties:
|
||||||
https://github.com/runem/lit-analyzer/issues/149
|
https://github.com/runem/lit-analyzer/issues/149
|
||||||
https://github.com/runem/lit-analyzer/issues/163 -->
|
https://github.com/runem/lit-analyzer/issues/163 -->
|
||||||
<umb-modal-layout-confirm .data=${positiveData as any}></umb-modal-layout-confirm>
|
<umb-confirm-modal .data=${positiveData as any}></umb-confirm-modal>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const dangerData: UmbModalConfirmData = {
|
const dangerData: UmbModalConfirmData = {
|
||||||
@@ -36,5 +36,5 @@ export const Danger: Story<UmbModalLayoutConfirmElement> = () => html`
|
|||||||
<!-- TODO: figure out if generics are allowed for properties:
|
<!-- TODO: figure out if generics are allowed for properties:
|
||||||
https://github.com/runem/lit-analyzer/issues/149
|
https://github.com/runem/lit-analyzer/issues/149
|
||||||
https://github.com/runem/lit-analyzer/issues/163 -->
|
https://github.com/runem/lit-analyzer/issues/163 -->
|
||||||
<umb-modal-layout-confirm .data=${dangerData as any}></umb-modal-layout-confirm>
|
<umb-confirm-modal .data=${dangerData as any}></umb-confirm-modal>
|
||||||
`;
|
`;
|
||||||
Reference in New Issue
Block a user