add layout element

Author: madsrasmussen

src/Umbraco.Web.UI.Client/src/packages/core/workspace/index.ts

@@ -1,18 +1,17 @@
-import './entity-detail/global-components/index.js';
-
 export * from './components/index.js';
 export * from './conditions/const.js';
 export * from './constants.js';
 export * from './contexts/index.js';
 export * from './controllers/index.js';
-export * from './entity-detail/global-components/index.js';
 export * from './entity-detail/index.js';
 export * from './entity/index.js';
+export * from './info-app/index.js';
 export * from './modals/index.js';
 export * from './paths.js';
 export * from './submittable/index.js';
 export * from './utils/object-to-property-value-array.function.js';
 export * from './workspace-property-dataset/index.js';
 export * from './workspace.context-token.js';
 export * from './workspace.element.js';
+
 export type * from './types.js';

src/Umbraco.Web.UI.Client/src/packages/core/workspace/info-app/global-components/index.ts

@@ -0,0 +1,3 @@
+import './workspace-info-app-layout.element.js';
+
+export * from './workspace-info-app-layout.element.js';

src/Umbraco.Web.UI.Client/src/packages/core/workspace/info-app/global-components/workspace-info-app-layout.element.ts

@@ -0,0 +1,31 @@
+import { css, customElement, html, ifDefined, property } from '@umbraco-cms/backoffice/external/lit';
+import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
+
+@customElement('umb-workspace-info-app-layout')
+export class UmbWorkspaceInfoAppLayoutElement extends UmbLitElement {
+	@property({ type: String })
+	headline?: string;
+
+	protected override render() {
+		return html`
+			<uui-box headline=${ifDefined(this.headline ? this.localize.string(this.headline) : undefined)}>
+				<slot name="header-actions" slot="header-actions"></slot>
+				<slot></slot>
+			</uui-box>
+		`;
+	}
+
+	static override styles = [
+		css`
+			uui-box {
+				--uui-box-default-padding: 0;
+			}
+		`,
+	];
+}
+
+declare global {
+	interface HTMLElementTagNameMap {
+		'umb-workspace-info-app-layout': UmbWorkspaceInfoAppLayoutElement;
+	}
+}

src/Umbraco.Web.UI.Client/src/packages/core/workspace/info-app/index.ts

@@ -0,0 +1,3 @@
+import './global-components/index.js';
+
+export * from './global-components/index.js';

src/Umbraco.Web.UI.Client/src/packages/core/workspace/info/types.ts renamed to src/Umbraco.Web.UI.Client/src/packages/core/workspace/info-app/types.ts

@@ -11,9 +11,8 @@ export interface ManifestWorkspaceInfoApp
 	meta: MetaWorkspaceInfoApp;
 }
 
-export interface MetaWorkspaceInfoApp {
-	label: string;
-}
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export interface MetaWorkspaceInfoApp {}
 
 declare global {
 	interface UmbExtensionManifestMap {

src/Umbraco.Web.UI.Client/src/packages/core/workspace/info/workspace-info-app.extension.ts renamed to src/Umbraco.Web.UI.Client/src/packages/core/workspace/info-app/workspace-info-app.extension.ts

@@ -3,7 +3,7 @@ import type { UmbEntityUnique } from '@umbraco-cms/backoffice/entity';
 export type * from './conditions/types.js';
 export type * from './data-manager/types.js';
 export type * from './extensions/types.js';
-export type * from './info/types.js';
+export type * from './info-app/types.js';
 export type * from './kinds/types.js';
 export type * from './namable/types.js';
 export type * from './workspace-context.interface.js';