Merge pull request #2048 from umbraco/v14/bugfix/export-multi-url-and-align-element-name

Bugfix: Export multi url and align element name

Author: iOvergaard

package-lock.json

@@ -56,6 +56,7 @@
 		"./menu": "./dist-cms/packages/core/menu/index.js",
 		"./modal": "./dist-cms/packages/core/modal/index.js",
 		"./models": "./dist-cms/packages/core/models/index.js",
+		"./multi-url-picker": "./dist-cms/packages/multi-url-picker/index.js",
 		"./notification": "./dist-cms/packages/core/notification/index.js",
 		"./object-type": "./dist-cms/packages/object-type/index.js",
 		"./package": "./dist-cms/packages/packages/package/index.js",
@@ -135,15 +136,14 @@
 		"./src/packages/documents",
 		"./src/packages/health-check",
 		"./src/packages/language",
-		"./src/packages/tags",
-		"./src/packages/umbraco-news",
-		"./src/packages/webhook",
-		"./src/packages/health-check",
+		"./src/packages/media",
+		"./src/packages/multi-url-picker",
+		"./src/packages/property-editors",
 		"./src/packages/tags",
 		"./src/packages/templating",
-		"./src/packages/property-editors",
-		"./src/packages/media",
-		"./src/packages/user"
+		"./src/packages/umbraco-news",
+		"./src/packages/user",
+		"./src/packages/webhook"
 	],
 	"scripts": {
 		"backoffice:test:e2e": "npx playwright test",
@@ -157,6 +157,7 @@
 		"check": "npm run lint:errors && npm run compile && npm run build-storybook && npm run generate:jsonschema:dist",
 		"check:paths": "node ./devops/build/check-path-length.js src 140",
 		"compile": "tsc",
+		"postinstall": "npm run generate:tsconfig",
 		"dev": "vite",
 		"dev:server": "VITE_UMBRACO_USE_MSW=off vite",
 		"dev:mock": "VITE_UMBRACO_USE_MSW=on vite",

package.json

@@ -0,0 +1 @@
+export * from './input-multi-url/index.js';

src/packages/multi-url-picker/components/index.ts

@@ -0,0 +1 @@
+export * from './input-multi-url.element.js';

src/packages/multi-url-picker/components/input-multi-url/index.ts

@@ -1,5 +1,5 @@
-import type { UmbLinkPickerLink } from '../link-picker-modal/types.js';
-import { UMB_LINK_PICKER_MODAL } from '../link-picker-modal/link-picker-modal.token.js';
+import type { UmbLinkPickerLink } from '../../link-picker-modal/types.js';
+import { UMB_LINK_PICKER_MODAL } from '../../link-picker-modal/link-picker-modal.token.js';
 import { css, customElement, html, property, repeat, state } from '@umbraco-cms/backoffice/external/lit';
 import { simpleHashCode } from '@umbraco-cms/backoffice/observable-api';
 import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
@@ -18,9 +18,9 @@ import type { UUIModalSidebarSize } from '@umbraco-cms/backoffice/external/uui';
  * @fires blur - when the input loses focus
  * @fires focus - when the input gains focus
  */
-const elementName = 'umb-multi-url-picker';
+const elementName = 'umb-input-multi-url';
 @customElement(elementName)
-export class UmbMultiUrlPickerElement extends UUIFormControlMixin(UmbLitElement, '') {
+export class UmbInputMultiUrlElement extends UUIFormControlMixin(UmbLitElement, '') {
 	#sorter = new UmbSorterController<UmbLinkPickerLink>(this, {
 		getUniqueOfElement: (element) => {
 			return element.id;
@@ -296,6 +296,6 @@ export class UmbMultiUrlPickerElement extends UUIFormControlMixin(UmbLitElement,
 
 declare global {
 	interface HTMLElementTagNameMap {
-		[elementName]: UmbMultiUrlPickerElement;
+		[elementName]: UmbInputMultiUrlElement;
 	}
 }

src/packages/multi-url-picker/multi-url-picker/multi-url-picker.element.ts renamed to src/packages/multi-url-picker/components/input-multi-url/input-multi-url.element.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/web-components';
+import './input-multi-url.element.js';
+import type { UmbInputMultiUrlElement } from './input-multi-url.element.js';
+
+const meta: Meta<UmbInputMultiUrlElement> = {
+	title: 'Components/Inputs/Multi URL',
+	component: 'umb-input-multi-url',
+};
+
+export default meta;
+type Story = StoryObj<UmbInputMultiUrlElement>;
+
+export const Overview: Story = {
+	args: {},
+};

src/packages/multi-url-picker/components/input-multi-url/input-multi-url.stories.ts

@@ -0,0 +1,2 @@
+export * from './components/index.js';
+export * from './link-picker-modal/index.js';

src/packages/multi-url-picker/index.ts

@@ -0,0 +1,3 @@
+export type * from './types.js';
+export * from './constants.js';
+export * from './link-picker-modal.token.js';