From 860f00a79d94683f2058ed094d4abbf5e9c8308e Mon Sep 17 00:00:00 2001 From: Mads Rasmussen Date: Mon, 16 Jan 2023 11:58:04 +0100 Subject: [PATCH] add member picker, user picker, and member group picker --- .../models/Umbraco.MemberGroupPicker.ts | 8 ++++ .../models/Umbraco.MemberPicker.ts | 8 ++++ .../models/Umbraco.UserPicker.ts | 8 ++++ .../property-editors/models/manifests.ts | 24 +++--------- .../shared/property-editors/uis/manifests.ts | 6 +++ .../uis/member-group-picker/manifests.ts | 14 +++++++ ...y-editor-ui-member-group-picker.element.ts | 30 ++++++++++++++ ...y-editor-ui-member-group-picker.stories.ts | 15 +++++++ ...erty-editor-ui-member-group-picker.test.ts | 21 ++++++++++ .../uis/member-picker/manifests.ts | 14 +++++++ ...roperty-editor-ui-member-picker.element.ts | 30 ++++++++++++++ ...roperty-editor-ui-member-picker.stories.ts | 15 +++++++ .../property-editor-ui-member-picker.test.ts | 21 ++++++++++ .../uis/user-picker/manifests.ts | 14 +++++++ .../property-editor-ui-user-picker.element.ts | 30 ++++++++++++++ .../property-editor-ui-user-picker.stories.ts | 15 +++++++ .../property-editor-ui-user-picker.test.ts | 21 ++++++++++ .../src/core/mocks/data/data-type.data.ts | 39 +++++++++++++++++++ .../src/core/mocks/data/document.data.ts | 18 +++++++++ 19 files changed, 333 insertions(+), 18 deletions(-) create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.MemberGroupPicker.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.MemberPicker.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.UserPicker.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/manifests.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.element.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.stories.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.test.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/manifests.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.element.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.stories.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.test.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/manifests.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.element.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.stories.ts create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.test.ts diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.MemberGroupPicker.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.MemberGroupPicker.ts new file mode 100644 index 0000000000..1b01e05396 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.MemberGroupPicker.ts @@ -0,0 +1,8 @@ +import type { ManifestPropertyEditorModel } from '@umbraco-cms/models'; + +export const manifest: ManifestPropertyEditorModel = { + type: 'propertyEditorModel', + name: 'Member Group Picker', + alias: 'Umbraco.MemberGroupPicker', + meta: {}, +}; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.MemberPicker.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.MemberPicker.ts new file mode 100644 index 0000000000..eafed1924d --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.MemberPicker.ts @@ -0,0 +1,8 @@ +import type { ManifestPropertyEditorModel } from '@umbraco-cms/models'; + +export const manifest: ManifestPropertyEditorModel = { + type: 'propertyEditorModel', + name: 'Member Picker', + alias: 'Umbraco.MemberPicker', + meta: {}, +}; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.UserPicker.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.UserPicker.ts new file mode 100644 index 0000000000..617e86f9fa --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/Umbraco.UserPicker.ts @@ -0,0 +1,8 @@ +import type { ManifestPropertyEditorModel } from '@umbraco-cms/models'; + +export const manifest: ManifestPropertyEditorModel = { + type: 'propertyEditorModel', + name: 'User Picker', + alias: 'Umbraco.UserPicker', + meta: {}, +}; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/manifests.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/manifests.ts index 6f34e2d47e..f311d6ad0a 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/manifests.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/models/manifests.ts @@ -26,6 +26,9 @@ import { manifest as listView } from './Umbraco.ListView'; import { manifest as label } from './Umbraco.Label'; import { manifest as integer } from './Umbraco.Integer'; import { manifest as decimal } from './Umbraco.Decimal'; +import { manifest as userPicker } from './Umbraco.UserPicker'; +import { manifest as memberPicker } from './Umbraco.MemberPicker'; +import { manifest as memberGroupPicker } from './Umbraco.MemberGroupPicker'; import type { ManifestPropertyEditorModel } from '@umbraco-cms/models'; @@ -58,24 +61,9 @@ export const manifests: Array = [ label, integer, decimal, - { - type: 'propertyEditorModel', - name: 'Member Group Picker', - alias: 'Umbraco.MemberGroupPicker', - meta: {}, - }, - { - type: 'propertyEditorModel', - name: 'Member Picker', - alias: 'Umbraco.MemberPicker', - meta: {}, - }, - { - type: 'propertyEditorModel', - name: 'User Picker', - alias: 'Umbraco.UserPicker', - meta: {}, - }, + userPicker, + memberPicker, + memberGroupPicker, { type: 'propertyEditorModel', name: 'Icon Picker', diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/manifests.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/manifests.ts index d3bfa0a907..d9347720f6 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/manifests.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/manifests.ts @@ -29,6 +29,9 @@ import { manifest as iconPicker } from './icon-picker/manifests'; import { manifest as label } from './label/manifests'; import { manifest as valueType } from './value-type/manifests'; import { manifests as numbers } from './number/manifests'; +import { manifest as userPicker } from './user-picker/manifests'; +import { manifest as memberPicker } from './member-picker/manifests'; +import { manifest as memberGroupPicker } from './member-group-picker/manifests'; import type { ManifestPropertyEditorUI } from '@umbraco-cms/models'; export const manifests: Array = [ @@ -55,6 +58,9 @@ export const manifests: Array = [ iconPicker, label, valueType, + userPicker, + memberPicker, + memberGroupPicker, ...numbers, ...textBoxes, ...treePicker, diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/manifests.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/manifests.ts new file mode 100644 index 0000000000..2d3d7d41ae --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/manifests.ts @@ -0,0 +1,14 @@ +import type { ManifestPropertyEditorUI } from '@umbraco-cms/models'; + +export const manifest: ManifestPropertyEditorUI = { + type: 'propertyEditorUI', + alias: 'Umb.PropertyEditorUI.MemberGroupPicker', + name: 'Member Group Picker Property Editor UI', + loader: () => import('./property-editor-ui-member-group-picker.element'), + meta: { + label: 'Member Group Picker', + propertyEditorModel: 'Umbraco.MemberGroupPicker', + icon: 'umb:users-alt', + group: 'people', + }, +}; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.element.ts new file mode 100644 index 0000000000..6a851c6516 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.element.ts @@ -0,0 +1,30 @@ +import { html } from 'lit'; +import { customElement, property } from 'lit/decorators.js'; +import { UUITextStyles } from '@umbraco-ui/uui-css/lib'; +import { UmbLitElement } from '@umbraco-cms/element'; + +/** + * @element umb-property-editor-ui-member-group-picker + */ +@customElement('umb-property-editor-ui-member-group-picker') +export class UmbPropertyEditorUIMemberGroupPickerElement extends UmbLitElement { + static styles = [UUITextStyles]; + + @property() + value = ''; + + @property({ type: Array, attribute: false }) + public config = []; + + render() { + return html`
umb-property-editor-ui-member-group-picker
`; + } +} + +export default UmbPropertyEditorUIMemberGroupPickerElement; + +declare global { + interface HTMLElementTagNameMap { + 'umb-property-editor-ui-member-group-picker': UmbPropertyEditorUIMemberGroupPickerElement; + } +} diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.stories.ts new file mode 100644 index 0000000000..8d437fdf32 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.stories.ts @@ -0,0 +1,15 @@ +import { Meta, Story } from '@storybook/web-components'; +import { html } from 'lit-html'; + +import type { UmbPropertyEditorUIMemberGroupPickerElement } from './property-editor-ui-member-group-picker.element'; +import './property-editor-ui-member-group-picker.element'; + +export default { + title: 'Property Editor UIs/Member Group Picker', + component: 'umb-property-editor-ui-member-group-picker', + id: 'umb-property-editor-ui-member-group-picker', +} as Meta; + +export const AAAOverview: Story = () => + html``; +AAAOverview.storyName = 'Overview'; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.test.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.test.ts new file mode 100644 index 0000000000..c4b6d508f8 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-group-picker/property-editor-ui-member-group-picker.test.ts @@ -0,0 +1,21 @@ +import { expect, fixture, html } from '@open-wc/testing'; +import { UmbPropertyEditorUIMemberGroupPickerElement } from './property-editor-ui-member-group-picker.element'; +import { defaultA11yConfig } from '@umbraco-cms/test-utils'; + +describe('UmbPropertyEditorUIMemberGroupPickerElement', () => { + let element: UmbPropertyEditorUIMemberGroupPickerElement; + + beforeEach(async () => { + element = await fixture( + html` ` + ); + }); + + it('is defined with its own instance', () => { + expect(element).to.be.instanceOf(UmbPropertyEditorUIMemberGroupPickerElement); + }); + + it('passes the a11y audit', async () => { + await expect(element).shadowDom.to.be.accessible(defaultA11yConfig); + }); +}); diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/manifests.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/manifests.ts new file mode 100644 index 0000000000..644fef49fb --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/manifests.ts @@ -0,0 +1,14 @@ +import type { ManifestPropertyEditorUI } from '@umbraco-cms/models'; + +export const manifest: ManifestPropertyEditorUI = { + type: 'propertyEditorUI', + alias: 'Umb.PropertyEditorUI.MemberPicker', + name: 'Member Picker Property Editor UI', + loader: () => import('./property-editor-ui-member-picker.element'), + meta: { + label: 'Member Picker', + propertyEditorModel: 'Umbraco.MemberPicker', + icon: 'umb:user', + group: 'people', + }, +}; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.element.ts new file mode 100644 index 0000000000..88d9b40f47 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.element.ts @@ -0,0 +1,30 @@ +import { html } from 'lit'; +import { customElement, property } from 'lit/decorators.js'; +import { UUITextStyles } from '@umbraco-ui/uui-css/lib'; +import { UmbLitElement } from '@umbraco-cms/element'; + +/** + * @element umb-property-editor-ui-member-picker + */ +@customElement('umb-property-editor-ui-member-picker') +export class UmbPropertyEditorUIMemberPickerElement extends UmbLitElement { + static styles = [UUITextStyles]; + + @property() + value = ''; + + @property({ type: Array, attribute: false }) + public config = []; + + render() { + return html`
umb-property-editor-ui-member-picker
`; + } +} + +export default UmbPropertyEditorUIMemberPickerElement; + +declare global { + interface HTMLElementTagNameMap { + 'umb-property-editor-ui-member-picker': UmbPropertyEditorUIMemberPickerElement; + } +} diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.stories.ts new file mode 100644 index 0000000000..be840c23ed --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.stories.ts @@ -0,0 +1,15 @@ +import { Meta, Story } from '@storybook/web-components'; +import { html } from 'lit-html'; + +import type { UmbPropertyEditorUIMemberPickerElement } from './property-editor-ui-member-picker.element'; +import './property-editor-ui-member-picker.element'; + +export default { + title: 'Property Editor UIs/Member Picker', + component: 'umb-property-editor-ui-member-picker', + id: 'umb-property-editor-ui-member-picker', +} as Meta; + +export const AAAOverview: Story = () => + html``; +AAAOverview.storyName = 'Overview'; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.test.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.test.ts new file mode 100644 index 0000000000..40843b34df --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/member-picker/property-editor-ui-member-picker.test.ts @@ -0,0 +1,21 @@ +import { expect, fixture, html } from '@open-wc/testing'; +import { UmbPropertyEditorUIMemberPickerElement } from './property-editor-ui-member-picker.element'; +import { defaultA11yConfig } from '@umbraco-cms/test-utils'; + +describe('UmbPropertyEditorUIMemberPickerElement', () => { + let element: UmbPropertyEditorUIMemberPickerElement; + + beforeEach(async () => { + element = await fixture( + html` ` + ); + }); + + it('is defined with its own instance', () => { + expect(element).to.be.instanceOf(UmbPropertyEditorUIMemberPickerElement); + }); + + it('passes the a11y audit', async () => { + await expect(element).shadowDom.to.be.accessible(defaultA11yConfig); + }); +}); diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/manifests.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/manifests.ts new file mode 100644 index 0000000000..5ea5535cfa --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/manifests.ts @@ -0,0 +1,14 @@ +import type { ManifestPropertyEditorUI } from '@umbraco-cms/models'; + +export const manifest: ManifestPropertyEditorUI = { + type: 'propertyEditorUI', + alias: 'Umb.PropertyEditorUI.UserPicker', + name: 'User Picker Property Editor UI', + loader: () => import('./property-editor-ui-user-picker.element'), + meta: { + label: 'User Picker', + propertyEditorModel: 'Umbraco.UserPicker', + icon: 'umb:user', + group: 'people', + }, +}; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.element.ts new file mode 100644 index 0000000000..a66647915e --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.element.ts @@ -0,0 +1,30 @@ +import { html } from 'lit'; +import { customElement, property } from 'lit/decorators.js'; +import { UUITextStyles } from '@umbraco-ui/uui-css/lib'; +import { UmbLitElement } from '@umbraco-cms/element'; + +/** + * @element umb-property-editor-ui-user-picker + */ +@customElement('umb-property-editor-ui-user-picker') +export class UmbPropertyEditorUIUserPickerElement extends UmbLitElement { + static styles = [UUITextStyles]; + + @property() + value = ''; + + @property({ type: Array, attribute: false }) + public config = []; + + render() { + return html`
umb-property-editor-ui-user-picker
`; + } +} + +export default UmbPropertyEditorUIUserPickerElement; + +declare global { + interface HTMLElementTagNameMap { + 'umb-property-editor-ui-user-picker': UmbPropertyEditorUIUserPickerElement; + } +} diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.stories.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.stories.ts new file mode 100644 index 0000000000..503373fd41 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.stories.ts @@ -0,0 +1,15 @@ +import { Meta, Story } from '@storybook/web-components'; +import { html } from 'lit-html'; + +import type { UmbPropertyEditorUIUserPickerElement } from './property-editor-ui-user-picker.element'; +import './property-editor-ui-user-picker.element'; + +export default { + title: 'Property Editor UIs/User Picker', + component: 'umb-property-editor-ui-user-picker', + id: 'umb-property-editor-ui-user-picker', +} as Meta; + +export const AAAOverview: Story = () => + html``; +AAAOverview.storyName = 'Overview'; diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.test.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.test.ts new file mode 100644 index 0000000000..26abdd82aa --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/user-picker/property-editor-ui-user-picker.test.ts @@ -0,0 +1,21 @@ +import { expect, fixture, html } from '@open-wc/testing'; +import { UmbPropertyEditorUIUserPickerElement } from './property-editor-ui-user-picker.element'; +import { defaultA11yConfig } from '@umbraco-cms/test-utils'; + +describe('UmbPropertyEditorUIUserPickerElement', () => { + let element: UmbPropertyEditorUIUserPickerElement; + + beforeEach(async () => { + element = await fixture( + html` ` + ); + }); + + it('is defined with its own instance', () => { + expect(element).to.be.instanceOf(UmbPropertyEditorUIUserPickerElement); + }); + + it('passes the a11y audit', async () => { + await expect(element).shadowDom.to.be.accessible(defaultA11yConfig); + }); +}); diff --git a/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts b/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts index 0ac10a936a..f13a3e9d38 100644 --- a/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts +++ b/src/Umbraco.Web.UI.Client/src/core/mocks/data/data-type.data.ts @@ -473,6 +473,45 @@ export const data: Array = [ propertyEditorUIAlias: 'Umb.PropertyEditorUI.Decimal', data: [], }, + { + name: 'User Picker', + type: 'data-type', + icon: 'umb:autofill', + hasChildren: false, + key: 'dt-userPicker', + isContainer: false, + parentKey: null, + isFolder: false, + propertyEditorModelAlias: 'Umbraco.UserPicker', + propertyEditorUIAlias: 'Umb.PropertyEditorUI.UserPicker', + data: [], + }, + { + name: 'Member Picker', + type: 'data-type', + icon: 'umb:autofill', + hasChildren: false, + key: 'dt-memberPicker', + isContainer: false, + parentKey: null, + isFolder: false, + propertyEditorModelAlias: 'Umbraco.MemberPicker', + propertyEditorUIAlias: 'Umb.PropertyEditorUI.MemberPicker', + data: [], + }, + { + name: 'Member Group Picker', + type: 'data-type', + icon: 'umb:autofill', + hasChildren: false, + key: 'dt-memberGroupPicker', + isContainer: false, + parentKey: null, + isFolder: false, + propertyEditorModelAlias: 'Umbraco.MemberGroupPicker', + propertyEditorUIAlias: 'Umb.PropertyEditorUI.MemberGroupPicker', + data: [], + }, ]; // Temp mocked database diff --git a/src/Umbraco.Web.UI.Client/src/core/mocks/data/document.data.ts b/src/Umbraco.Web.UI.Client/src/core/mocks/data/document.data.ts index 4b11bd3cb4..b2ab2d95aa 100644 --- a/src/Umbraco.Web.UI.Client/src/core/mocks/data/document.data.ts +++ b/src/Umbraco.Web.UI.Client/src/core/mocks/data/document.data.ts @@ -186,6 +186,24 @@ export const data: Array = [ description: '', dataTypeKey: 'dt-decimal', }, + { + alias: 'memberPicker', + label: 'Member Picker', + description: '', + dataTypeKey: 'dt-memberPicker', + }, + { + alias: 'memberGroupPicker', + label: 'Member Group Picker', + description: '', + dataTypeKey: 'dt-memberGroupPicker', + }, + { + alias: 'userPicker', + label: 'User Picker', + description: '', + dataTypeKey: 'dt-userPicker', + }, ], data: [], variants: [],