workspace components

This commit is contained in:
Niels Lyngsø
2024-01-24 12:58:49 +01:00
parent 6bbb8e0d59
commit c6294435b7
29 changed files with 27 additions and 25 deletions

View File

@@ -31,4 +31,3 @@ export * from './multiple-text-string-input/index.js';
export * from './popover-layout/index.js';
export * from './table/index.js';
export * from './tooltip-menu/index.js';
export * from './variant-selector/index.js';

View File

@@ -0,0 +1 @@
export * from './ref-property-editor-ui/index.js';

View File

@@ -1,3 +1,4 @@
export * from './components/index.js';
export * from './config/index.js';
export * from './events/index.js';

View File

@@ -0,0 +1,5 @@
export * from './workspace-action-menu/index.js';
export * from './workspace-action/index.js';
export * from './workspace-editor/index.js';
export * from './workspace-footer/index.js';
export * from './workspace-split-view/index.js';

View File

@@ -1,6 +1,10 @@
import { UmbVariantId } from '../../variant/variant-id.class.js';
import { UmbVariantId } from '../../../variant/variant-id.class.js';
import { UMB_PROPERTY_DATASET_CONTEXT, isNameablePropertyDatasetContext } from '@umbraco-cms/backoffice/property';
import { UUIInputElement, UUIInputEvent, UUIPopoverContainerElement } from '@umbraco-cms/backoffice/external/uui';
import {
type UUIInputElement,
UUIInputEvent,
type UUIPopoverContainerElement,
} from '@umbraco-cms/backoffice/external/uui';
import {
css,
html,
@@ -11,13 +15,9 @@ import {
ifDefined,
query,
} from '@umbraco-cms/backoffice/external/lit';
import {
UmbWorkspaceSplitViewContext,
UMB_WORKSPACE_SPLIT_VIEW_CONTEXT,
ActiveVariant,
} from '@umbraco-cms/backoffice/workspace';
import { UMB_WORKSPACE_SPLIT_VIEW_CONTEXT, type ActiveVariant } from '@umbraco-cms/backoffice/workspace';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
import { DocumentVariantResponseModel, ContentStateModel } from '@umbraco-cms/backoffice/backend-api';
import { type DocumentVariantResponseModel, ContentStateModel } from '@umbraco-cms/backoffice/backend-api';
@customElement('umb-variant-selector')
export class UmbVariantSelectorElement extends UmbLitElement {
@@ -36,7 +36,7 @@ export class UmbVariantSelectorElement extends UmbLitElement {
return this._activeVariants.map((el) => el.culture ?? '') ?? [];
}
#splitViewContext?: UmbWorkspaceSplitViewContext;
#splitViewContext?: typeof UMB_WORKSPACE_SPLIT_VIEW_CONTEXT.TYPE;
#variantContext?: typeof UMB_PROPERTY_DATASET_CONTEXT.TYPE;
@state()

View File

@@ -1,4 +1,4 @@
import { UmbSaveableWorkspaceContextInterface } from '../../../workspace-context/saveable-workspace-context.interface.js';
import { UmbSaveableWorkspaceContextInterface } from '../../../../workspace-context/saveable-workspace-context.interface.js';
import { UmbWorkspaceActionBase } from '../../workspace-action-base.js';
import type { UmbControllerHostElement } from '@umbraco-cms/backoffice/controller-api';

View File

@@ -1,4 +1,4 @@
import { UmbWorkspaceContextInterface, UMB_WORKSPACE_CONTEXT } from '../workspace-context/index.js';
import { UmbWorkspaceContextInterface, UMB_WORKSPACE_CONTEXT } from '../../workspace-context/index.js';
import { type UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
import { UmbBaseController } from '@umbraco-cms/backoffice/class-api';
import type { UmbApi } from '@umbraco-cms/backoffice/extension-api';

View File

@@ -72,7 +72,7 @@ export class UmbWorkspaceEditorElement extends UmbLitElement {
component: () => {
if (manifest.type === 'workspaceViewCollection') {
return import(
'../workspace-content/views/collection/workspace-view-collection.element.js'
'../../workspace-content/views/collection/workspace-view-collection.element.js'
) as unknown as Promise<HTMLElement>;
}
return createExtensionElement(manifest);

View File

@@ -1,4 +1,4 @@
import { UMB_SAVEABLE_WORKSPACE_CONTEXT } from '../saveable-workspace.context-token.js';
import { UMB_SAVEABLE_WORKSPACE_CONTEXT } from '../../saveable-workspace.context-token.js';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';

View File

@@ -1,5 +1,5 @@
import { UmbPropertyDatasetContext } from '../../property/property-dataset/index.js';
import { UMB_VARIANT_WORKSPACE_CONTEXT_TOKEN } from '../index.js';
import { UmbPropertyDatasetContext } from '../../../property/property-dataset/index.js';
import { UMB_VARIANT_WORKSPACE_CONTEXT_TOKEN } from '../../index.js';
import { UmbVariantId } from '@umbraco-cms/backoffice/variant';
import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
import { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';

View File

@@ -2,7 +2,7 @@ import { UmbWorkspaceSplitViewContext } from './workspace-split-view.context.js'
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { css, html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
import '../variant-selector/index.js';
/**
*
* Example. Document Workspace would use a Variant-component(variant component would talk directly to the workspace-context)
@@ -11,7 +11,6 @@ import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
*/
@customElement('umb-workspace-split-view')
export class UmbWorkspaceSplitViewElement extends UmbLitElement {
// TODO: stop prop drilling this alias. Instead use the workspace context.
@property()
alias!: string;

View File

@@ -1,14 +1,10 @@
export * from './saveable-workspace.context-token.js';
export * from './components/index.js';
export * from './publishable-workspace.context-token.js';
export * from './workspace-action-menu/index.js';
export * from './workspace-action/index.js';
export * from './saveable-workspace.context-token.js';
export * from './workspace-context/index.js';
export * from './workspace-editor/index.js';
export * from './workspace-footer/index.js';
export * from './workspace-is-new-redirect-controller/index.js';
export * from './workspace-modal/index.js';
export * from './workspace-property-dataset/index.js';
export * from './workspace-split-view-manager.class.js';
export * from './workspace-split-view/index.js';
export type { WorkspaceAliasConditionConfig } from './workspace-alias.condition.js';
export type { WorkspaceEntityTypeConditionConfig } from './workspace-entity-type.condition.js';

View File

@@ -1,8 +1,9 @@
import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from './document-workspace.context-token.js';
import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
import { css, html, nothing, customElement, state, repeat } from '@umbraco-cms/backoffice/external/lit';
import { ActiveVariant } from '@umbraco-cms/backoffice/workspace';
import { type ActiveVariant } from '@umbraco-cms/backoffice/workspace';
import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
@customElement('umb-document-workspace-split-view')
export class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement {
// TODO: Refactor: use the split view context token: