@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.
- package/dist-cms/custom-elements.json +63 -15
- package/dist-cms/packages/core/components/input-tiny-mce/input-tiny-mce.element.js +0 -3
- package/dist-cms/packages/core/components/input-tree-picker-source/input-tree-picker-source.element.js +7 -21
- package/dist-cms/packages/core/components/property-type-based-property/property-type-based-property.element.js +4 -4
- package/dist-cms/packages/core/data-type/components/data-type-flow-input/data-type-flow-input.element.js +3 -4
- package/dist-cms/packages/core/data-type/components/ref-data-type/ref-data-type.element.js +2 -2
- package/dist-cms/packages/core/data-type/modals/data-type-picker-flow/data-type-picker-flow-modal.element.js +3 -2
- package/dist-cms/packages/core/data-type/repository/detail/data-type-detail.server.data-source.js +10 -10
- package/dist-cms/packages/core/data-type/repository/detail/data-type-detail.store.js +1 -1
- package/dist-cms/packages/core/data-type/types.d.ts +2 -2
- package/dist-cms/packages/core/data-type/workspace/data-type-workspace.context.js +4 -4
- package/dist-cms/packages/core/data-type/workspace/data-type-workspace.modal-token.d.ts +3 -0
- package/dist-cms/packages/core/data-type/workspace/data-type-workspace.modal-token.js +9 -0
- package/dist-cms/packages/core/data-type/workspace/index.d.ts +1 -0
- package/dist-cms/packages/core/data-type/workspace/index.js +1 -0
- package/dist-cms/packages/core/data-type/workspace/views/info/workspace-view-data-type-info.element.js +2 -2
- package/dist-cms/packages/core/index.d.ts +0 -1
- package/dist-cms/packages/core/index.js +0 -1
- package/dist-cms/packages/core/modal/token/workspace-modal.token.d.ts +3 -4
- 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
- package/dist-cms/packages/core/property-editor/uis/tree-picker/config/source-picker/property-editor-ui-tree-picker-source-picker.element.js +2 -1
- 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
- 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
- package/dist-cms/packages/core/property-editor/uis/tree-picker/property-editor-ui-tree-picker.element.d.ts +2 -2
- package/dist-cms/packages/core/property-editor/uis/tree-picker/property-editor-ui-tree-picker.element.js +5 -4
- package/dist-cms/packages/core/tree/components/input-tree/input-tree.element.js +49 -30
- package/dist-cms/packages/documents/document-types/components/input-document-type/input-document-type.element.d.ts +1 -0
- package/dist-cms/packages/documents/document-types/components/input-document-type/input-document-type.element.js +28 -9
- package/dist-cms/packages/documents/documents/components/input-document/input-document.element.d.ts +10 -0
- package/dist-cms/packages/documents/documents/components/input-document/input-document.element.js +51 -11
- package/dist-cms/packages/media/media/components/input-media/input-media.element.d.ts +8 -0
- package/dist-cms/packages/media/media/components/input-media/input-media.element.js +44 -4
- package/dist-cms/packages/media/media-types/components/input-media-type/input-media-type.element.d.ts +1 -0
- package/dist-cms/packages/media/media-types/components/input-media-type/input-media-type.element.js +38 -13
- package/dist-cms/packages/members/member-types/components/input-member-type/input-member-type.element.d.ts +4 -5
- package/dist-cms/packages/members/member-types/components/input-member-type/input-member-type.element.js +37 -41
- package/dist-cms/tsconfig.build.tsbuildinfo +1 -1
- package/dist-cms/vscode-html-custom-data.json +40 -17
- package/package.json +1 -2
- package/dist-cms/packages/core/meta/index.d.ts +0 -5
- 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
|
|
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
|
-
|
|
52
|
+
event.stopPropagation();
|
|
52
53
|
this.type = event.target.value;
|
|
53
54
|
this.nodeId = '';
|
|
54
|
-
|
|
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
|
-
|
|
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
|
|
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?.
|
|
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?.
|
|
37
|
-
//use 'dataType.
|
|
38
|
-
this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', dataType.
|
|
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
|
|
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,
|
|
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.
|
|
42
|
-
this.propertyEditorSchemaAlias = dataType.
|
|
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,
|
|
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,
|
|
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 } } };
|
package/dist-cms/packages/core/data-type/repository/detail/data-type-detail.server.data-source.js
CHANGED
|
@@ -41,8 +41,8 @@ export class UmbDataTypeServerDataSource {
|
|
|
41
41
|
unique: UmbId.new(),
|
|
42
42
|
parentUnique,
|
|
43
43
|
name: '',
|
|
44
|
-
|
|
45
|
-
|
|
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
|
-
|
|
70
|
-
|
|
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.
|
|
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.
|
|
94
|
-
editorUiAlias: dataType.
|
|
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.
|
|
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.
|
|
121
|
-
editorUiAlias: data.
|
|
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.
|
|
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
|
-
|
|
7
|
-
|
|
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?.
|
|
29
|
-
this.propertyEditorSchemaAlias = __classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").asObservablePart((data) => data?.
|
|
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({
|
|
146
|
+
__classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").update({ editorAlias: alias });
|
|
147
147
|
}
|
|
148
148
|
setPropertyEditorUiAlias(alias) {
|
|
149
|
-
__classPrivateFieldGet(this, _UmbDataTypeWorkspaceContext_data, "f").update({
|
|
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
|
+
});
|
|
@@ -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?.
|
|
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?.
|
|
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<
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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.
|
|
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.
|
|
67
|
+
__classPrivateFieldGet(this, _UmbPropertyEditorUITreePickerSourceTypePickerElement_instances, "m", _UmbPropertyEditorUITreePickerSourceTypePickerElement_setValue).call(this, event.target.selectedIds);
|
|
67
68
|
break;
|
|
68
69
|
case 'media':
|
|
69
|
-
this.
|
|
70
|
+
__classPrivateFieldGet(this, _UmbPropertyEditorUITreePickerSourceTypePickerElement_instances, "m", _UmbPropertyEditorUITreePickerSourceTypePickerElement_setValue).call(this, event.target.selectedIds);
|
|
70
71
|
break;
|
|
71
72
|
case 'member':
|
|
72
|
-
this.
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|
56
|
+
this.dispatchEvent(new UmbPropertyValueChangeEvent());
|
|
56
57
|
};
|
|
57
58
|
UmbPropertyEditorUITreePickerElement.styles = [UmbTextStyles];
|
|
58
59
|
__decorate([
|