@umbraco-cms/backoffice 14.0.0--preview004-066c39e6 → 14.0.0--preview004-b2bfa564

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist-cms/custom-elements.json +63 -15
  2. package/dist-cms/packages/core/components/input-tiny-mce/input-tiny-mce.element.js +0 -3
  3. package/dist-cms/packages/core/components/input-tree-picker-source/input-tree-picker-source.element.js +7 -21
  4. package/dist-cms/packages/core/components/property-type-based-property/property-type-based-property.element.js +4 -4
  5. package/dist-cms/packages/core/data-type/components/data-type-flow-input/data-type-flow-input.element.js +3 -4
  6. package/dist-cms/packages/core/data-type/components/ref-data-type/ref-data-type.element.js +2 -2
  7. package/dist-cms/packages/core/data-type/modals/data-type-picker-flow/data-type-picker-flow-modal.element.js +3 -2
  8. package/dist-cms/packages/core/data-type/repository/detail/data-type-detail.server.data-source.js +10 -10
  9. package/dist-cms/packages/core/data-type/repository/detail/data-type-detail.store.js +1 -1
  10. package/dist-cms/packages/core/data-type/types.d.ts +2 -2
  11. package/dist-cms/packages/core/data-type/workspace/data-type-workspace.context.js +4 -4
  12. package/dist-cms/packages/core/data-type/workspace/data-type-workspace.modal-token.d.ts +3 -0
  13. package/dist-cms/packages/core/data-type/workspace/data-type-workspace.modal-token.js +9 -0
  14. package/dist-cms/packages/core/data-type/workspace/index.d.ts +1 -0
  15. package/dist-cms/packages/core/data-type/workspace/index.js +1 -0
  16. package/dist-cms/packages/core/data-type/workspace/views/info/workspace-view-data-type-info.element.js +2 -2
  17. package/dist-cms/packages/core/index.d.ts +0 -1
  18. package/dist-cms/packages/core/index.js +0 -1
  19. package/dist-cms/packages/core/modal/token/workspace-modal.token.d.ts +3 -4
  20. package/dist-cms/packages/core/property-editor/uis/tree-picker/config/source-picker/property-editor-ui-tree-picker-source-picker.element.d.ts +1 -1
  21. package/dist-cms/packages/core/property-editor/uis/tree-picker/config/source-picker/property-editor-ui-tree-picker-source-picker.element.js +2 -1
  22. package/dist-cms/packages/core/property-editor/uis/tree-picker/config/source-type-picker/property-editor-ui-tree-picker-source-type-picker.element.d.ts +1 -1
  23. package/dist-cms/packages/core/property-editor/uis/tree-picker/config/source-type-picker/property-editor-ui-tree-picker-source-type-picker.element.js +11 -7
  24. package/dist-cms/packages/core/property-editor/uis/tree-picker/property-editor-ui-tree-picker.element.d.ts +2 -2
  25. package/dist-cms/packages/core/property-editor/uis/tree-picker/property-editor-ui-tree-picker.element.js +5 -4
  26. package/dist-cms/packages/core/tree/components/input-tree/input-tree.element.js +49 -30
  27. package/dist-cms/packages/documents/document-types/components/input-document-type/input-document-type.element.d.ts +1 -0
  28. package/dist-cms/packages/documents/document-types/components/input-document-type/input-document-type.element.js +28 -9
  29. package/dist-cms/packages/documents/documents/components/input-document/input-document.element.d.ts +10 -0
  30. package/dist-cms/packages/documents/documents/components/input-document/input-document.element.js +51 -11
  31. package/dist-cms/packages/media/media/components/input-media/input-media.element.d.ts +8 -0
  32. package/dist-cms/packages/media/media/components/input-media/input-media.element.js +44 -4
  33. package/dist-cms/packages/media/media-types/components/input-media-type/input-media-type.element.d.ts +1 -0
  34. package/dist-cms/packages/media/media-types/components/input-media-type/input-media-type.element.js +38 -13
  35. package/dist-cms/packages/members/member-types/components/input-member-type/input-member-type.element.d.ts +4 -5
  36. package/dist-cms/packages/members/member-types/components/input-member-type/input-member-type.element.js +37 -41
  37. package/dist-cms/tsconfig.build.tsbuildinfo +1 -1
  38. package/dist-cms/vscode-html-custom-data.json +40 -17
  39. package/package.json +1 -2
  40. package/dist-cms/packages/core/meta/index.d.ts +0 -5
  41. package/dist-cms/packages/core/meta/index.js +0 -5
@@ -4929,11 +4929,6 @@
4929
4929
  "type": "array",
4930
4930
  "default": "[\"UmbTextStyles\"]"
4931
4931
  }
4932
- ],
4933
- "events": [
4934
- {
4935
- "name": "property-value-change"
4936
- }
4937
4932
  ]
4938
4933
  },
4939
4934
  {
@@ -4956,11 +4951,6 @@
4956
4951
  "type": "array",
4957
4952
  "default": "[\"UmbTextStyles\"]"
4958
4953
  }
4959
- ],
4960
- "events": [
4961
- {
4962
- "name": "property-value-change"
4963
- }
4964
4954
  ]
4965
4955
  },
4966
4956
  {
@@ -5017,11 +5007,6 @@
5017
5007
  "type": "array",
5018
5008
  "default": "[\"UmbTextStyles\"]"
5019
5009
  }
5020
- ],
5021
- "events": [
5022
- {
5023
- "name": "property-value-change"
5024
- }
5025
5010
  ]
5026
5011
  },
5027
5012
  {
@@ -6516,6 +6501,22 @@
6516
6501
  "type": "boolean",
6517
6502
  "default": "\"\""
6518
6503
  },
6504
+ {
6505
+ "name": "startNodeId",
6506
+ "type": "string | undefined"
6507
+ },
6508
+ {
6509
+ "name": "filter",
6510
+ "type": "string | undefined"
6511
+ },
6512
+ {
6513
+ "name": "showOpenButton",
6514
+ "type": "boolean | undefined"
6515
+ },
6516
+ {
6517
+ "name": "ignoreUserStartNodes",
6518
+ "type": "boolean | undefined"
6519
+ },
6519
6520
  {
6520
6521
  "name": "value",
6521
6522
  "type": "string"
@@ -6554,6 +6555,26 @@
6554
6555
  "name": "selectedIds",
6555
6556
  "type": "string[]"
6556
6557
  },
6558
+ {
6559
+ "name": "startNodeId",
6560
+ "attribute": "startNodeId",
6561
+ "type": "string | undefined"
6562
+ },
6563
+ {
6564
+ "name": "filter",
6565
+ "attribute": "filter",
6566
+ "type": "string | undefined"
6567
+ },
6568
+ {
6569
+ "name": "showOpenButton",
6570
+ "attribute": "showOpenButton",
6571
+ "type": "boolean | undefined"
6572
+ },
6573
+ {
6574
+ "name": "ignoreUserStartNodes",
6575
+ "attribute": "ignoreUserStartNodes",
6576
+ "type": "boolean | undefined"
6577
+ },
6557
6578
  {
6558
6579
  "name": "value",
6559
6580
  "attribute": "value",
@@ -7764,6 +7785,18 @@
7764
7785
  "type": "boolean",
7765
7786
  "default": "\"\""
7766
7787
  },
7788
+ {
7789
+ "name": "filter",
7790
+ "type": "string | undefined"
7791
+ },
7792
+ {
7793
+ "name": "showOpenButton",
7794
+ "type": "boolean | undefined"
7795
+ },
7796
+ {
7797
+ "name": "ignoreUserStartNodes",
7798
+ "type": "boolean | undefined"
7799
+ },
7767
7800
  {
7768
7801
  "name": "value",
7769
7802
  "type": "string"
@@ -7802,6 +7835,21 @@
7802
7835
  "name": "selectedIds",
7803
7836
  "type": "string[]"
7804
7837
  },
7838
+ {
7839
+ "name": "filter",
7840
+ "attribute": "filter",
7841
+ "type": "string | undefined"
7842
+ },
7843
+ {
7844
+ "name": "showOpenButton",
7845
+ "attribute": "showOpenButton",
7846
+ "type": "boolean | undefined"
7847
+ },
7848
+ {
7849
+ "name": "ignoreUserStartNodes",
7850
+ "attribute": "ignoreUserStartNodes",
7851
+ "type": "boolean | undefined"
7852
+ },
7805
7853
  {
7806
7854
  "name": "value",
7807
7855
  "attribute": "value",
@@ -20,7 +20,6 @@ import { defaultFallbackConfig } from './input-tiny-mce.defaults.js';
20
20
  import { pastePreProcessHandler } from './input-tiny-mce.handlers.js';
21
21
  import { availableLanguages } from './input-tiny-mce.languages.js';
22
22
  import { uriAttributeSanitizer } from './input-tiny-mce.sanitizer.js';
23
- import { umbMeta } from '../../meta/index.js';
24
23
  import { FormControlMixin } from '../../../../external/uui/index.js';
25
24
  import { renderEditor } from '../../../../external/tinymce/index.js';
26
25
  import { loadManifestApi } from '../../../../libs/extension-api/index.js';
@@ -174,8 +173,6 @@ _UmbInputTinyMceElement_setTinyConfig = async function _UmbInputTinyMceElement_s
174
173
  this._tinyConfig = {
175
174
  autoresize_bottom_margin: 10,
176
175
  body_class: 'umb-rte',
177
- //see https://www.tiny.cloud/docs/tinymce/6/editor-important-options/#cache_suffix
178
- cache_suffix: `?umb__rnd=${umbMeta.clientVersion}`,
179
176
  contextMenu: false,
180
177
  inline_boundaries_selector: 'a[href],code,.mce-annotation,.umb-embed-holder,.umb-macro-holder',
181
178
  menubar: false,
@@ -9,10 +9,11 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
9
9
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
10
10
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
11
11
  };
12
- var _UmbInputTreePickerSourceElement_instances, _UmbInputTreePickerSourceElement_onTypeChange, _UmbInputTreePickerSourceElement_onIdChange, _UmbInputTreePickerSourceElement_renderType, _UmbInputTreePickerSourceElement_renderTypeContent, _UmbInputTreePickerSourceElement_renderTypeMedia, _UmbInputTreePickerSourceElement_renderTypeMember;
13
- import { html, customElement, property, css, state } from '../../../../external/lit/index.js';
12
+ var _UmbInputTreePickerSourceElement_instances, _UmbInputTreePickerSourceElement_onTypeChange, _UmbInputTreePickerSourceElement_onIdChange, _UmbInputTreePickerSourceElement_renderType, _UmbInputTreePickerSourceElement_renderTypeContent;
13
+ import { html, customElement, property, css, state, nothing } from '../../../../external/lit/index.js';
14
14
  import { FormControlMixin } from '../../../../external/uui/index.js';
15
15
  import { UmbLitElement } from '../../../../shared/lit-element/index.js';
16
+ import { UmbChangeEvent } from '../../event/index.js';
16
17
  let UmbInputTreePickerSourceElement = class UmbInputTreePickerSourceElement extends FormControlMixin(UmbLitElement) {
17
18
  constructor() {
18
19
  super(...arguments);
@@ -48,21 +49,18 @@ let UmbInputTreePickerSourceElement = class UmbInputTreePickerSourceElement exte
48
49
  };
49
50
  _UmbInputTreePickerSourceElement_instances = new WeakSet();
50
51
  _UmbInputTreePickerSourceElement_onTypeChange = function _UmbInputTreePickerSourceElement_onTypeChange(event) {
51
- //console.log('onTypeChange');
52
+ event.stopPropagation();
52
53
  this.type = event.target.value;
53
54
  this.nodeId = '';
54
- // TODO: Appears that the event gets bubbled up. Will need to review. [LK]
55
- //this.dispatchEvent(new UmbChangeEvent());
55
+ this.dispatchEvent(new UmbChangeEvent());
56
56
  };
57
57
  _UmbInputTreePickerSourceElement_onIdChange = function _UmbInputTreePickerSourceElement_onIdChange(event) {
58
- //console.log('onIdChange', event.target);
59
58
  switch (this.type) {
60
59
  case 'content':
61
60
  this.nodeId = event.target.nodeId;
62
61
  break;
63
62
  case 'media':
64
- this.nodeId = event.target.selectedIds.join('');
65
- break;
63
+ case 'member':
66
64
  default:
67
65
  break;
68
66
  }
@@ -73,11 +71,9 @@ _UmbInputTreePickerSourceElement_renderType = function _UmbInputTreePickerSource
73
71
  case 'content':
74
72
  return __classPrivateFieldGet(this, _UmbInputTreePickerSourceElement_instances, "m", _UmbInputTreePickerSourceElement_renderTypeContent).call(this);
75
73
  case 'media':
76
- return __classPrivateFieldGet(this, _UmbInputTreePickerSourceElement_instances, "m", _UmbInputTreePickerSourceElement_renderTypeMedia).call(this);
77
74
  case 'member':
78
- return __classPrivateFieldGet(this, _UmbInputTreePickerSourceElement_instances, "m", _UmbInputTreePickerSourceElement_renderTypeMember).call(this);
79
75
  default:
80
- return 'No type found';
76
+ return nothing;
81
77
  }
82
78
  };
83
79
  _UmbInputTreePickerSourceElement_renderTypeContent = function _UmbInputTreePickerSourceElement_renderTypeContent() {
@@ -85,16 +81,6 @@ _UmbInputTreePickerSourceElement_renderTypeContent = function _UmbInputTreePicke
85
81
  @change=${__classPrivateFieldGet(this, _UmbInputTreePickerSourceElement_instances, "m", _UmbInputTreePickerSourceElement_onIdChange)}
86
82
  .nodeId=${this.nodeId}></umb-input-document-picker-root>`;
87
83
  };
88
- _UmbInputTreePickerSourceElement_renderTypeMedia = function _UmbInputTreePickerSourceElement_renderTypeMedia() {
89
- const nodeId = this.nodeId ? [this.nodeId] : [];
90
- //TODO => MediaTypes
91
- return html `<umb-input-media @change=${__classPrivateFieldGet(this, _UmbInputTreePickerSourceElement_instances, "m", _UmbInputTreePickerSourceElement_onIdChange)} .selectedIds=${nodeId} max="1"></umb-input-media>`;
92
- };
93
- _UmbInputTreePickerSourceElement_renderTypeMember = function _UmbInputTreePickerSourceElement_renderTypeMember() {
94
- const nodeId = this.nodeId ? [this.nodeId] : [];
95
- //TODO => Members
96
- return html `<umb-input-member @change=${__classPrivateFieldGet(this, _UmbInputTreePickerSourceElement_instances, "m", _UmbInputTreePickerSourceElement_onIdChange)} .selectedIds=${nodeId} max="1"></umb-input-member>`;
97
- };
98
84
  UmbInputTreePickerSourceElement.styles = [
99
85
  css `
100
86
  :host {
@@ -31,11 +31,11 @@ let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElem
31
31
  await this._dataTypeDetailRepository.requestByUnique(dataTypeUnique);
32
32
  this._dataTypeObserver = this.observe(await this._dataTypeDetailRepository.byUnique(dataTypeUnique), (dataType) => {
33
33
  this._dataTypeData = dataType?.values;
34
- this._propertyEditorUiAlias = dataType?.propertyEditorUiAlias || undefined;
34
+ this._propertyEditorUiAlias = dataType?.editorUiAlias || undefined;
35
35
  // If there is no UI, we will look up the Property editor model to find the default UI alias:
36
- if (!this._propertyEditorUiAlias && dataType?.propertyEditorAlias) {
37
- //use 'dataType.propertyEditorAlias' to look up the extension in the registry:
38
- this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', dataType.propertyEditorAlias), (extension) => {
36
+ if (!this._propertyEditorUiAlias && dataType?.editorAlias) {
37
+ //use 'dataType.editorAlias' to look up the extension in the registry:
38
+ this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', dataType.editorAlias), (extension) => {
39
39
  if (!extension)
40
40
  return;
41
41
  this._propertyEditorUiAlias = extension?.meta.defaultPropertyEditorUiAlias;
@@ -16,10 +16,11 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
16
16
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
17
17
  };
18
18
  var _UmbInputDataTypeElement_editDataTypeModal;
19
+ import { UMB_DATATYPE_WORKSPACE_MODAL } from '../../index.js';
19
20
  import { css, html, customElement, property, state } from '../../../../../external/lit/index.js';
20
21
  import { FormControlMixin } from '../../../../../external/uui/index.js';
21
22
  import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
22
- import { UmbModalRouteRegistrationController, UMB_DATA_TYPE_PICKER_FLOW_MODAL, UMB_WORKSPACE_MODAL, } from '../../../modal/index.js';
23
+ import { UmbModalRouteRegistrationController, UMB_DATA_TYPE_PICKER_FLOW_MODAL } from '../../../modal/index.js';
23
24
  import { UmbChangeEvent } from '../../../event/index.js';
24
25
  // Note: Does only support picking a single data type. But this could be developed later into this same component. To follow other picker input components.
25
26
  /**
@@ -50,9 +51,7 @@ let UmbInputDataTypeElement = class UmbInputDataTypeElement extends FormControlM
50
51
  constructor() {
51
52
  super();
52
53
  _UmbInputDataTypeElement_editDataTypeModal.set(this, void 0);
53
- __classPrivateFieldSet(this, _UmbInputDataTypeElement_editDataTypeModal, new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL).onSetup(() => {
54
- return { data: { entityType: 'data-type', preset: {} } };
55
- }), "f");
54
+ __classPrivateFieldSet(this, _UmbInputDataTypeElement_editDataTypeModal, new UmbModalRouteRegistrationController(this, UMB_DATATYPE_WORKSPACE_MODAL), "f");
56
55
  new UmbModalRouteRegistrationController(this, UMB_DATA_TYPE_PICKER_FLOW_MODAL)
57
56
  .onSetup(() => {
58
57
  return {
@@ -38,8 +38,8 @@ let UmbRefDataTypeElement = class UmbRefDataTypeElement extends UmbElementMixin(
38
38
  this.observe((await this.repository.requestByUnique(value)).asObservable(), (dataType) => {
39
39
  if (dataType) {
40
40
  this.name = dataType.name ?? '';
41
- this.propertyEditorUiAlias = dataType.propertyEditorUiAlias ?? '';
42
- this.propertyEditorSchemaAlias = dataType.propertyEditorAlias ?? '';
41
+ this.propertyEditorUiAlias = dataType.editorUiAlias ?? '';
42
+ this.propertyEditorSchemaAlias = dataType.editorAlias ?? '';
43
43
  }
44
44
  }, 'dataType');
45
45
  }
@@ -19,8 +19,9 @@ var _UmbDataTypePickerFlowModalElement_instances, _UmbDataTypePickerFlowModalEle
19
19
  import { UmbDataTypeTreeRepository } from '../../tree/data-type-tree.repository.js';
20
20
  import { css, html, repeat, customElement, state, when, nothing } from '../../../../../external/lit/index.js';
21
21
  import { UmbTextStyles } from '../../../../../shared/style/index.js';
22
- import { UMB_DATA_TYPE_PICKER_FLOW_DATA_TYPE_PICKER_MODAL, UMB_WORKSPACE_MODAL, UmbModalBaseElement, UmbModalRouteRegistrationController, } from '../../../modal/index.js';
22
+ import { UMB_DATA_TYPE_PICKER_FLOW_DATA_TYPE_PICKER_MODAL, UmbModalBaseElement, UmbModalRouteRegistrationController, } from '../../../modal/index.js';
23
23
  import { umbExtensionsRegistry } from '../../../extension-registry/index.js';
24
+ import { UMB_DATATYPE_WORKSPACE_MODAL } from '../../index.js';
24
25
  let UmbDataTypePickerFlowModalElement = class UmbDataTypePickerFlowModalElement extends UmbModalBaseElement {
25
26
  set data(value) {
26
27
  super.data = value;
@@ -59,7 +60,7 @@ let UmbDataTypePickerFlowModalElement = class UmbDataTypePickerFlowModalElement
59
60
  this._dataTypePickerModalRouteBuilder = routeBuilder;
60
61
  this.requestUpdate('_dataTypePickerModalRouteBuilder');
61
62
  });
62
- this._createDataTypeModal = new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
63
+ this._createDataTypeModal = new UmbModalRouteRegistrationController(this, UMB_DATATYPE_WORKSPACE_MODAL)
63
64
  .addAdditionalPath(':uiAlias')
64
65
  .onSetup((params) => {
65
66
  return { data: { entityType: 'data-type', preset: { editorUiAlias: params.uiAlias } } };
@@ -41,8 +41,8 @@ export class UmbDataTypeServerDataSource {
41
41
  unique: UmbId.new(),
42
42
  parentUnique,
43
43
  name: '',
44
- propertyEditorAlias: undefined,
45
- propertyEditorUiAlias: null,
44
+ editorAlias: undefined,
45
+ editorUiAlias: null,
46
46
  values: [],
47
47
  };
48
48
  return { data };
@@ -66,8 +66,8 @@ export class UmbDataTypeServerDataSource {
66
66
  unique: data.id,
67
67
  parentUnique: data.parentId || null,
68
68
  name: data.name,
69
- propertyEditorAlias: data.editorAlias,
70
- propertyEditorUiAlias: data.editorUiAlias || null,
69
+ editorAlias: data.editorAlias,
70
+ editorUiAlias: data.editorUiAlias || null,
71
71
  values: data.values,
72
72
  };
73
73
  return { data: dataType };
@@ -83,15 +83,15 @@ export class UmbDataTypeServerDataSource {
83
83
  throw new Error('Data Type is missing');
84
84
  if (!dataType.unique)
85
85
  throw new Error('Data Type unique is missing');
86
- if (!dataType.propertyEditorAlias)
86
+ if (!dataType.editorAlias)
87
87
  throw new Error('Property Editor Alias is missing');
88
88
  // TODO: make data mapper to prevent errors
89
89
  const requestBody = {
90
90
  id: dataType.unique,
91
91
  parentId: dataType.parentUnique,
92
92
  name: dataType.name,
93
- editorAlias: dataType.propertyEditorAlias,
94
- editorUiAlias: dataType.propertyEditorUiAlias,
93
+ editorAlias: dataType.editorAlias,
94
+ editorUiAlias: dataType.editorUiAlias,
95
95
  values: dataType.values,
96
96
  };
97
97
  const { error: createError } = await tryExecuteAndNotify(__classPrivateFieldGet(this, _UmbDataTypeServerDataSource_host, "f"), DataTypeResource.postDataType({
@@ -112,13 +112,13 @@ export class UmbDataTypeServerDataSource {
112
112
  async update(data) {
113
113
  if (!data.unique)
114
114
  throw new Error('Unique is missing');
115
- if (!data.propertyEditorAlias)
115
+ if (!data.editorAlias)
116
116
  throw new Error('Property Editor Alias is missing');
117
117
  // TODO: make data mapper to prevent errors
118
118
  const requestBody = {
119
119
  name: data.name,
120
- editorAlias: data.propertyEditorAlias,
121
- editorUiAlias: data.propertyEditorUiAlias,
120
+ editorAlias: data.editorAlias,
121
+ editorUiAlias: data.editorUiAlias,
122
122
  values: data.values,
123
123
  };
124
124
  const { error } = await tryExecuteAndNotify(__classPrivateFieldGet(this, _UmbDataTypeServerDataSource_host, "f"), DataTypeResource.putDataTypeById({
@@ -17,7 +17,7 @@ export class UmbDataTypeDetailStore extends UmbDetailStoreBase {
17
17
  }
18
18
  withPropertyEditorUiAlias(propertyEditorUiAlias) {
19
19
  // TODO: Use a model for the data-type tree items: ^^Most likely it should be parsed to the UmbEntityTreeStore as a generic type.
20
- return this._data.asObservablePart((items) => items.filter((item) => item.propertyEditorUiAlias === propertyEditorUiAlias));
20
+ return this._data.asObservablePart((items) => items.filter((item) => item.editorUiAlias === propertyEditorUiAlias));
21
21
  }
22
22
  }
23
23
  export const UMB_DATA_TYPE_DETAIL_STORE_CONTEXT = new UmbContextToken('UmbDataTypeDetailStore');
@@ -3,8 +3,8 @@ export interface UmbDataTypeDetailModel {
3
3
  unique: string;
4
4
  parentUnique: string | null;
5
5
  name: string;
6
- propertyEditorAlias: string | undefined;
7
- propertyEditorUiAlias: string | null;
6
+ editorAlias: string | undefined;
7
+ editorUiAlias: string | null;
8
8
  values: Array<UmbDataTypePropertyModel>;
9
9
  }
10
10
  export interface UmbDataTypePropertyModel {
@@ -25,8 +25,8 @@ export class UmbDataTypeWorkspaceContext extends UmbEditableWorkspaceContextBase
25
25
  _UmbDataTypeWorkspaceContext_getDataPromise.set(this, void 0);
26
26
  this.name = __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").asObservablePart((data) => data?.name);
27
27
  this.unique = __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").asObservablePart((data) => data?.unique);
28
- this.propertyEditorUiAlias = __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").asObservablePart((data) => data?.propertyEditorUiAlias);
29
- this.propertyEditorSchemaAlias = __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").asObservablePart((data) => data?.propertyEditorAlias);
28
+ this.propertyEditorUiAlias = __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").asObservablePart((data) => data?.editorUiAlias);
29
+ this.propertyEditorSchemaAlias = __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").asObservablePart((data) => data?.editorAlias);
30
30
  _UmbDataTypeWorkspaceContext_properties.set(this, new UmbArrayState([], (x) => x.alias));
31
31
  this.properties = __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_properties, "f").asObservable();
32
32
  this._propertyEditorSchemaConfigDefaultData = [];
@@ -143,10 +143,10 @@ export class UmbDataTypeWorkspaceContext extends UmbEditableWorkspaceContextBase
143
143
  __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").update({ name });
144
144
  }
145
145
  setPropertyEditorSchemaAlias(alias) {
146
- __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").update({ propertyEditorAlias: alias });
146
+ __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").update({ editorAlias: alias });
147
147
  }
148
148
  setPropertyEditorUiAlias(alias) {
149
- __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").update({ propertyEditorUiAlias: alias });
149
+ __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").update({ editorUiAlias: alias });
150
150
  }
151
151
  async propertyValueByAlias(propertyAlias) {
152
152
  await __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_getDataPromise, "f");
@@ -0,0 +1,3 @@
1
+ import { UmbDataTypeDetailModel } from '../types.js';
2
+ import { UmbModalToken, UmbWorkspaceData, UmbWorkspaceValue } from '../../modal/index.js';
3
+ export declare const UMB_DATATYPE_WORKSPACE_MODAL: UmbModalToken<Omit<UmbWorkspaceData<UmbDataTypeDetailModel>, "entityType">, UmbWorkspaceValue>;
@@ -0,0 +1,9 @@
1
+ import { UmbModalToken } from '../../modal/index.js';
2
+ export const UMB_DATATYPE_WORKSPACE_MODAL = new UmbModalToken('Umb.Modal.Workspace', {
3
+ modal: {
4
+ type: 'sidebar',
5
+ size: 'large',
6
+ },
7
+ data: { entityType: 'data-type', preset: {} },
8
+ // Recast the type, so the entityType data prop is not required:
9
+ });
@@ -1 +1,2 @@
1
1
  export * from './data-type-workspace.context-token.js';
2
+ export * from './data-type-workspace.modal-token.js';
@@ -1 +1,2 @@
1
1
  export * from './data-type-workspace.context-token.js';
2
+ export * from './data-type-workspace.modal-token.js';
@@ -35,11 +35,11 @@ let UmbWorkspaceViewDataTypeInfoElement = class UmbWorkspaceViewDataTypeInfoElem
35
35
  <div slot="editor">${this._dataType?.unique}</div>
36
36
  </umb-property-layout>
37
37
  <umb-property-layout label="Property Editor Alias">
38
- <div slot="editor">${this._dataType?.propertyEditorAlias}</div>
38
+ <div slot="editor">${this._dataType?.editorAlias}</div>
39
39
  </umb-property-layout>
40
40
 
41
41
  <umb-property-layout label="Property Editor UI Alias">
42
- <div slot="editor">${this._dataType?.propertyEditorUiAlias}</div>
42
+ <div slot="editor">${this._dataType?.editorUiAlias}</div>
43
43
  </umb-property-layout>
44
44
  </uui-box>
45
45
  `;
@@ -11,7 +11,6 @@ export * from './extension-registry/index.js';
11
11
  export * from './id/index.js';
12
12
  export * from './macro/index.js';
13
13
  export * from './menu/index.js';
14
- export * from './meta/index.js';
15
14
  export * from './modal/index.js';
16
15
  export * from './notification/index.js';
17
16
  export * from './picker-input/index.js';
@@ -26,7 +26,6 @@ export * from './extension-registry/index.js';
26
26
  export * from './id/index.js';
27
27
  export * from './macro/index.js';
28
28
  export * from './menu/index.js';
29
- export * from './meta/index.js';
30
29
  export * from './modal/index.js';
31
30
  export * from './notification/index.js';
32
31
  export * from './picker-input/index.js';
@@ -1,10 +1,9 @@
1
- import { CreateDataTypeRequestModel } from '../../../../external/backend-api/index.js';
2
1
  import { UmbModalToken } from '../index.js';
3
- export interface UmbWorkspaceData {
2
+ export interface UmbWorkspaceData<DataModelType = unknown> {
4
3
  entityType: string;
5
- preset: Partial<CreateDataTypeRequestModel>;
4
+ preset: Partial<DataModelType>;
6
5
  }
7
6
  export type UmbWorkspaceValue = {
8
7
  unique: string;
9
8
  } | undefined;
10
- export declare const UMB_WORKSPACE_MODAL: UmbModalToken<UmbWorkspaceData, UmbWorkspaceValue>;
9
+ export declare const UMB_WORKSPACE_MODAL: UmbModalToken<UmbWorkspaceData<unknown>, UmbWorkspaceValue>;
@@ -1,6 +1,6 @@
1
1
  import { type UmbTreePickerSource } from '../../../../../components/index.js';
2
2
  import type { UmbPropertyEditorUiElement } from '../../../../../extension-registry/index.js';
3
- import type { UmbPropertyEditorConfigCollection } from '../../../../index.js';
3
+ import { type UmbPropertyEditorConfigCollection } from '../../../../index.js';
4
4
  import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
5
5
  /**
6
6
  * @element umb-property-editor-ui-tree-picker-source-picker
@@ -11,6 +11,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
11
11
  };
12
12
  var _UmbPropertyEditorUITreePickerSourcePickerElement_instances, _UmbPropertyEditorUITreePickerSourcePickerElement_onChange;
13
13
  import { html, customElement, property } from '../../../../../../../external/lit/index.js';
14
+ import { UmbPropertyValueChangeEvent } from '../../../../index.js';
14
15
  import { UmbTextStyles } from '../../../../../../../shared/style/index.js';
15
16
  import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
16
17
  /**
@@ -36,7 +37,7 @@ _UmbPropertyEditorUITreePickerSourcePickerElement_onChange = function _UmbProper
36
37
  id: target.nodeId,
37
38
  dynamicRoot: target.dynamicRoot,
38
39
  };
39
- this.dispatchEvent(new CustomEvent('property-value-change'));
40
+ this.dispatchEvent(new UmbPropertyValueChangeEvent());
40
41
  };
41
42
  UmbPropertyEditorUITreePickerSourcePickerElement.styles = [UmbTextStyles];
42
43
  __decorate([
@@ -9,7 +9,7 @@ export declare class UmbPropertyEditorUITreePickerSourceTypePickerElement extend
9
9
  private sourceType;
10
10
  constructor();
11
11
  private _observeProperty;
12
- render(): import("lit-html").TemplateResult<1> | "No source type found";
12
+ render(): import("lit-html").TemplateResult<1>;
13
13
  static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
14
14
  }
15
15
  export default UmbPropertyEditorUITreePickerSourceTypePickerElement;
@@ -15,11 +15,12 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
15
15
  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
16
16
  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
17
17
  };
18
- var _UmbPropertyEditorUITreePickerSourceTypePickerElement_instances, _UmbPropertyEditorUITreePickerSourceTypePickerElement_datasetContext, _UmbPropertyEditorUITreePickerSourceTypePickerElement_initialized, _UmbPropertyEditorUITreePickerSourceTypePickerElement_onChange, _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderType, _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderTypeContent, _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderTypeMedia, _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderTypeMember;
18
+ var _UmbPropertyEditorUITreePickerSourceTypePickerElement_instances, _UmbPropertyEditorUITreePickerSourceTypePickerElement_datasetContext, _UmbPropertyEditorUITreePickerSourceTypePickerElement_initialized, _UmbPropertyEditorUITreePickerSourceTypePickerElement_onChange, _UmbPropertyEditorUITreePickerSourceTypePickerElement_setValue, _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderType, _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderTypeContent, _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderTypeMedia, _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderTypeMember;
19
19
  import { customElement, html, property, state } from '../../../../../../../external/lit/index.js';
20
20
  import { UmbTextStyles } from '../../../../../../../shared/style/index.js';
21
21
  import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
22
22
  import { UMB_PROPERTY_DATASET_CONTEXT } from '../../../../../property/index.js';
23
+ import { UmbPropertyValueChangeEvent } from '../../../../index.js';
23
24
  /**
24
25
  * @element umb-property-editor-ui-tree-picker-source-type-picker
25
26
  */
@@ -44,7 +45,7 @@ let UmbPropertyEditorUITreePickerSourceTypePickerElement = class UmbPropertyEdit
44
45
  // If we had a sourceType before, we can see this as a change and not the initial value,
45
46
  // so let's reset the value, so we don't carry over content-types to the new source type.
46
47
  if (__classPrivateFieldGet(this, _UmbPropertyEditorUITreePickerSourceTypePickerElement_initialized, "f") && this.sourceType !== startNode.type) {
47
- this.value = [];
48
+ __classPrivateFieldGet(this, _UmbPropertyEditorUITreePickerSourceTypePickerElement_instances, "m", _UmbPropertyEditorUITreePickerSourceTypePickerElement_setValue).call(this, []);
48
49
  }
49
50
  this.sourceType = startNode.type;
50
51
  if (!__classPrivateFieldGet(this, _UmbPropertyEditorUITreePickerSourceTypePickerElement_initialized, "f")) {
@@ -63,18 +64,21 @@ _UmbPropertyEditorUITreePickerSourceTypePickerElement_instances = new WeakSet();
63
64
  _UmbPropertyEditorUITreePickerSourceTypePickerElement_onChange = function _UmbPropertyEditorUITreePickerSourceTypePickerElement_onChange(event) {
64
65
  switch (this.sourceType) {
65
66
  case 'content':
66
- this.value = event.target.selectedIds;
67
+ __classPrivateFieldGet(this, _UmbPropertyEditorUITreePickerSourceTypePickerElement_instances, "m", _UmbPropertyEditorUITreePickerSourceTypePickerElement_setValue).call(this, event.target.selectedIds);
67
68
  break;
68
69
  case 'media':
69
- this.value = event.target.selectedIds;
70
+ __classPrivateFieldGet(this, _UmbPropertyEditorUITreePickerSourceTypePickerElement_instances, "m", _UmbPropertyEditorUITreePickerSourceTypePickerElement_setValue).call(this, event.target.selectedIds);
70
71
  break;
71
72
  case 'member':
72
- this.value = event.target.selectedIds;
73
+ __classPrivateFieldGet(this, _UmbPropertyEditorUITreePickerSourceTypePickerElement_instances, "m", _UmbPropertyEditorUITreePickerSourceTypePickerElement_setValue).call(this, event.target.selectedIds);
73
74
  break;
74
75
  default:
75
76
  break;
76
77
  }
77
- this.dispatchEvent(new CustomEvent('property-value-change'));
78
+ };
79
+ _UmbPropertyEditorUITreePickerSourceTypePickerElement_setValue = function _UmbPropertyEditorUITreePickerSourceTypePickerElement_setValue(value) {
80
+ this.value = value;
81
+ this.dispatchEvent(new UmbPropertyValueChangeEvent());
78
82
  };
79
83
  _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderType = function _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderType() {
80
84
  switch (this.sourceType) {
@@ -85,7 +89,7 @@ _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderType = function _Umb
85
89
  case 'member':
86
90
  return __classPrivateFieldGet(this, _UmbPropertyEditorUITreePickerSourceTypePickerElement_instances, "m", _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderTypeMember).call(this);
87
91
  default:
88
- return 'No source type found';
92
+ return html `<p>No source type found</p>`;
89
93
  }
90
94
  };
91
95
  _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderTypeContent = function _UmbPropertyEditorUITreePickerSourceTypePickerElement_renderTypeContent() {
@@ -1,6 +1,6 @@
1
- import type { UmbPropertyEditorUiElement } from '../../../extension-registry/index.js';
2
1
  import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
3
- import type { UmbPropertyEditorConfigCollection } from '../../index.js';
2
+ import { type UmbPropertyEditorConfigCollection } from '../../index.js';
3
+ import type { UmbPropertyEditorUiElement } from '../../../extension-registry/index.js';
4
4
  import type { UmbTreePickerSource } from '../../../components/index.js';
5
5
  /**
6
6
  * @element umb-property-editor-ui-tree-picker
@@ -11,8 +11,9 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
11
11
  };
12
12
  var _UmbPropertyEditorUITreePickerElement_instances, _UmbPropertyEditorUITreePickerElement_onChange;
13
13
  import { html, customElement, property, state } from '../../../../../external/lit/index.js';
14
- import { UmbTextStyles } from '../../../../../shared/style/index.js';
15
14
  import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
15
+ import { UmbTextStyles } from '../../../../../shared/style/index.js';
16
+ import { UmbPropertyValueChangeEvent } from '../../index.js';
16
17
  /**
17
18
  * @element umb-property-editor-ui-tree-picker
18
19
  */
@@ -30,8 +31,8 @@ let UmbPropertyEditorUITreePickerElement = class UmbPropertyEditorUITreePickerEl
30
31
  this.type = startNode.type;
31
32
  this.startNodeId = startNode.id;
32
33
  }
33
- this.min = config?.getValueByAlias('minNumber') || 0;
34
- this.max = config?.getValueByAlias('maxNumber') || 0;
34
+ this.min = Number(config?.getValueByAlias('minNumber')) || 0;
35
+ this.max = Number(config?.getValueByAlias('maxNumber')) || 0;
35
36
  this.filter = config?.getValueByAlias('filter');
36
37
  this.showOpenButton = config?.getValueByAlias('showOpenButton');
37
38
  this.ignoreUserStartNodes = config?.getValueByAlias('ignoreUserStartNodes');
@@ -52,7 +53,7 @@ let UmbPropertyEditorUITreePickerElement = class UmbPropertyEditorUITreePickerEl
52
53
  _UmbPropertyEditorUITreePickerElement_instances = new WeakSet();
53
54
  _UmbPropertyEditorUITreePickerElement_onChange = function _UmbPropertyEditorUITreePickerElement_onChange(e) {
54
55
  this.value = e.target.value;
55
- this.dispatchEvent(new CustomEvent('property-value-change'));
56
+ this.dispatchEvent(new UmbPropertyValueChangeEvent());
56
57
  };
57
58
  UmbPropertyEditorUITreePickerElement.styles = [UmbTextStyles];
58
59
  __decorate([