From 8d80f93f5933b8e6a4764628bef454ae393c5452 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= Date: Thu, 11 May 2023 11:01:09 +0200 Subject: [PATCH] InputMultiUrl no longer called picker --- .../src/backoffice/core/components/index.ts | 2 +- .../input-multi-url-picker.stories.ts | 17 ----------------- .../input-multi-url.element.ts} | 8 ++++---- .../input-multi-url/input-multi-url.stories.ts | 15 +++++++++++++++ ...operty-editor-ui-multi-url-picker.element.ts | 8 ++++---- 5 files changed, 24 insertions(+), 26 deletions(-) delete mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url-picker/input-multi-url-picker.stories.ts rename src/Umbraco.Web.UI.Client/src/backoffice/core/components/{input-multi-url-picker/input-multi-url-picker.element.ts => input-multi-url/input-multi-url.element.ts} (96%) create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url/input-multi-url.stories.ts diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/core/components/index.ts b/src/Umbraco.Web.UI.Client/src/backoffice/core/components/index.ts index c2fa96e763..01e5bf5be9 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/core/components/index.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/core/components/index.ts @@ -33,7 +33,7 @@ import './collection/collection-selection-actions.element'; import './input-checkbox-list/input-checkbox-list.element'; import './input-color-picker/input-color-picker.element'; import './input-eye-dropper/input-eye-dropper.element'; -import './input-multi-url-picker/input-multi-url-picker.element'; +import './input-multi-url/input-multi-url.element'; import './input-slider/input-slider.element'; import './input-toggle/input-toggle.element'; import './input-upload-field/input-upload-field.element'; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url-picker/input-multi-url-picker.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url-picker/input-multi-url-picker.stories.ts deleted file mode 100644 index 4e56a92845..0000000000 --- a/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url-picker/input-multi-url-picker.stories.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { Meta, StoryObj } from '@storybook/web-components'; -import './input-multi-url-picker.element'; -import type { UmbInputMultiUrlPickerElement } from './input-multi-url-picker.element'; - -const meta: Meta = { - title: 'Components/Inputs/Multi URL Picker', - component: 'umb-input-multi-url-picker' -}; - -export default meta; -type Story = StoryObj; - -export const Overview: Story = { - args: { - - } -}; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url-picker/input-multi-url-picker.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url/input-multi-url.element.ts similarity index 96% rename from src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url-picker/input-multi-url-picker.element.ts rename to src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url/input-multi-url.element.ts index d0107134f1..2271329691 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url-picker/input-multi-url-picker.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url/input-multi-url.element.ts @@ -13,13 +13,13 @@ import type { UmbModalRouteBuilder } from '@umbraco-cms/backoffice/modal'; import { UmbLitElement } from '@umbraco-cms/internal/lit-element'; /** - * @element umb-input-multi-url-picker + * @element umb-input-multi-url * @fires change - when the value of the input changes * @fires blur - when the input loses focus * @fires focus - when the input gains focus */ -@customElement('umb-input-multi-url-picker') -export class UmbInputMultiUrlPickerElement extends FormControlMixin(UmbLitElement) { +@customElement('umb-input-multi-url') +export class UmbInputMultiUrlElement extends FormControlMixin(UmbLitElement) { protected getFormElement() { return undefined; } @@ -227,6 +227,6 @@ export class UmbInputMultiUrlPickerElement extends FormControlMixin(UmbLitElemen declare global { interface HTMLElementTagNameMap { - 'umb-input-multi-url-picker': UmbInputMultiUrlPickerElement; + 'umb-input-multi-url': UmbInputMultiUrlElement; } } diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url/input-multi-url.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url/input-multi-url.stories.ts new file mode 100644 index 0000000000..41a594d0a5 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/core/components/input-multi-url/input-multi-url.stories.ts @@ -0,0 +1,15 @@ +import { Meta, StoryObj } from '@storybook/web-components'; +import './input-multi-url.element'; +import type { UmbInputMultiUrlElement } from './input-multi-url.element'; + +const meta: Meta = { + title: 'Components/Inputs/Multi URL', + component: 'umb-input-multi-url', +}; + +export default meta; +type Story = StoryObj; + +export const Overview: Story = { + args: {}, +}; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/core/property-editors/uis/multi-url-picker/property-editor-ui-multi-url-picker.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/core/property-editors/uis/multi-url-picker/property-editor-ui-multi-url-picker.element.ts index b17bab751f..caf3eb68c0 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/core/property-editors/uis/multi-url-picker/property-editor-ui-multi-url-picker.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/core/property-editors/uis/multi-url-picker/property-editor-ui-multi-url-picker.element.ts @@ -2,7 +2,7 @@ import { html } from 'lit'; import { UUITextStyles } from '@umbraco-ui/uui-css/lib'; import { customElement, property, state } from 'lit/decorators.js'; import type { UUIModalSidebarSize } from '@umbraco-ui/uui'; -import { UmbInputMultiUrlPickerElement } from '../../../components/input-multi-url-picker/input-multi-url-picker.element'; +import { UmbInputMultiUrlElement } from '../../../components/input-multi-url/input-multi-url.element'; import { UMB_WORKSPACE_PROPERTY_CONTEXT_TOKEN } from '../../../components/workspace-property/workspace-property.context'; import { UmbLinkPickerLink } from '@umbraco-cms/backoffice/modal'; import { UmbPropertyEditorExtensionElement } from '@umbraco-cms/backoffice/extensions-registry'; @@ -72,12 +72,12 @@ export class UmbPropertyEditorUIMultiUrlPickerElement } private _onChange(event: CustomEvent) { - this.value = (event.target as UmbInputMultiUrlPickerElement).urls; + this.value = (event.target as UmbInputMultiUrlElement).urls; this.dispatchEvent(new CustomEvent('property-value-change')); } render() { - return html``; + .urls="${this.value}">`; } static styles = [UUITextStyles];