This commit is contained in:
Jesper Møller Jensen
2022-11-25 16:37:15 +01:00
parent d7b9b33989
commit c2234ba2e9
15 changed files with 26 additions and 43 deletions

View File

@@ -1,14 +1,14 @@
import { UUITextStyles } from '@umbraco-ui/uui-css';
import { css, html } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import { UmbPickerLayoutElement } from './picker-layout.element';
import { UmbPickerLayout } from './picker-layout';
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
import { UmbContextConsumerMixin } from '@umbraco-cms/context-api';
import { umbExtensionsRegistry } from '@umbraco-cms/extensions-registry';
import type { ManifestSection } from '@umbraco-cms/models';
@customElement('umb-picker-layout-section')
export class UmbPickerLayoutSectionElement extends UmbContextConsumerMixin(UmbObserverMixin(UmbPickerLayoutElement)) {
export class UmbPickerLayoutSectionElement extends UmbContextConsumerMixin(UmbObserverMixin(UmbPickerLayout)) {
static styles = [
UUITextStyles,
css`
@@ -95,8 +95,6 @@ export class UmbPickerLayoutSectionElement extends UmbContextConsumerMixin(UmbOb
}
}
export default UmbPickerLayoutSectionElement;
declare global {
interface HTMLElementTagNameMap {
'umb-picker-layout-section': UmbPickerLayoutSectionElement;

View File

@@ -1,6 +1,6 @@
import { expect, fixture, html } from '@open-wc/testing';
import { UmbPickerLayoutSectionElement } from './picker-layout-section.element';
import { defaultA11yConfig } from '@umbraco-cms/test-utils';
import UmbPickerLayoutSectionElement from './picker-layout-section.element';
describe('UmbPickerLayoutSectionElement', () => {
let element: UmbPickerLayoutSectionElement;

View File

@@ -2,13 +2,13 @@ import { UUITextStyles } from '@umbraco-ui/uui-css';
import { css, html } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import { UmbUserGroupStore } from '../../../core/stores/user/user-group.store';
import { UmbPickerLayoutElement } from './picker-layout.element';
import { UmbPickerLayout } from './picker-layout';
import { UmbContextConsumerMixin } from '@umbraco-cms/context-api';
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
import type { UserGroupDetails } from '@umbraco-cms/models';
@customElement('umb-picker-layout-user-group')
export class UmbPickerLayoutUserGroupElement extends UmbContextConsumerMixin(UmbObserverMixin(UmbPickerLayoutElement)) {
export class UmbPickerLayoutUserGroupElement extends UmbContextConsumerMixin(UmbObserverMixin(UmbPickerLayout)) {
static styles = [
UUITextStyles,
css`
@@ -105,8 +105,6 @@ export class UmbPickerLayoutUserGroupElement extends UmbContextConsumerMixin(Umb
}
}
export default UmbPickerLayoutUserGroupElement;
declare global {
interface HTMLElementTagNameMap {
'umb-picker-layout-user-group': UmbPickerLayoutUserGroupElement;

View File

@@ -1,6 +1,6 @@
import { expect, fixture, html } from '@open-wc/testing';
import { UmbPickerLayoutUserGroupElement } from './picker-layout-user-group.element';
import { defaultA11yConfig } from '@umbraco-cms/test-utils';
import UmbPickerLayoutUserGroupElement from './picker-layout-user-group.element';
describe('UmbPickerLayoutUserGroupElement', () => {
let element: UmbPickerLayoutUserGroupElement;

View File

@@ -2,13 +2,13 @@ import { UUITextStyles } from '@umbraco-ui/uui-css';
import { css, html } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import { UmbUserStore } from '../../../core/stores/user/user.store';
import { UmbPickerLayoutElement } from './picker-layout.element';
import { UmbPickerLayout } from './picker-layout';
import type { UserDetails } from '@umbraco-cms/models';
import { UmbContextConsumerMixin } from '@umbraco-cms/context-api';
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
@customElement('umb-picker-layout-user')
export class UmbPickerLayoutUserElement extends UmbContextConsumerMixin(UmbObserverMixin(UmbPickerLayoutElement)) {
export class UmbPickerLayoutUserElement extends UmbContextConsumerMixin(UmbObserverMixin(UmbPickerLayout)) {
static styles = [
UUITextStyles,
css`
@@ -107,8 +107,6 @@ export class UmbPickerLayoutUserElement extends UmbContextConsumerMixin(UmbObser
}
}
export default UmbPickerLayoutUserElement;
declare global {
interface HTMLElementTagNameMap {
'umb-picker-layout-user': UmbPickerLayoutUserElement;

View File

@@ -1,6 +1,6 @@
import { expect, fixture, html } from '@open-wc/testing';
import { UmbPickerLayoutUserElement } from './picker-layout-user.element';
import { defaultA11yConfig } from '@umbraco-cms/test-utils';
import UmbPickerLayoutUserElement from './picker-layout-user.element';
describe('UmbPickerUserElement', () => {
let element: UmbPickerLayoutUserElement;

View File

@@ -1,14 +1,9 @@
import { UUITextStyles } from '@umbraco-ui/uui-css';
import { css, html, nothing } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import { state } from 'lit/decorators.js';
import { UmbModalLayoutElement } from '../../../core/services/modal/layouts/modal-layout.element';
import { UmbUserStore } from '../../../core/stores/user/user.store';
import { UmbPickerData } from './picker.element';
import type { UserDetails } from '@umbraco-cms/models';
import { UmbContextConsumerMixin } from '@umbraco-cms/context-api';
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
export class UmbPickerLayoutElement extends UmbModalLayoutElement<UmbPickerData> {
import { UmbPickerData } from './picker';
export class UmbPickerLayout extends UmbModalLayoutElement<UmbPickerData> {
@state()
private _selection: Array<string> = [];

View File

@@ -1,12 +1,12 @@
import { UUITextStyles } from '@umbraco-ui/uui-css';
import { css, html, nothing } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import { UmbPickerElement } from './picker.element';
import { UmbPicker } from './picker';
import type { ManifestSection } from '@umbraco-cms/models';
import { umbExtensionsRegistry } from '@umbraco-cms/extensions-registry';
@customElement('umb-picker-section')
export class UmbPickerSectionElement extends UmbPickerElement {
export class UmbPickerSectionElement extends UmbPicker {
static styles = [
UUITextStyles,
css`
@@ -83,8 +83,6 @@ export class UmbPickerSectionElement extends UmbPickerElement {
}
}
export default UmbPickerSectionElement;
declare global {
interface HTMLElementTagNameMap {
'umb-picker-section': UmbPickerSectionElement;

View File

@@ -1,6 +1,6 @@
import { expect, fixture, html } from '@open-wc/testing';
import { UmbPickerSectionElement } from './picker-section.element';
import { defaultA11yConfig } from '@umbraco-cms/test-utils';
import UmbPickerSectionElement from './picker-section.element';
describe('UmbPickerSectionElement', () => {
let element: UmbPickerSectionElement;

View File

@@ -2,12 +2,12 @@ import { UUITextStyles } from '@umbraco-ui/uui-css';
import { css, html, nothing } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import { UmbUserGroupStore } from '../../../core/stores/user/user-group.store';
import { UmbPickerElement } from './picker.element';
import { UmbPicker } from './picker';
import type { UserGroupEntity } from '@umbraco-cms/models';
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
@customElement('umb-picker-user-group')
export class UmbPickerUserGroupElement extends UmbObserverMixin(UmbPickerElement) {
export class UmbPickerUserGroupElement extends UmbObserverMixin(UmbPicker) {
static styles = [
UUITextStyles,
css`
@@ -93,8 +93,6 @@ export class UmbPickerUserGroupElement extends UmbObserverMixin(UmbPickerElement
}
}
export default UmbPickerUserGroupElement;
declare global {
interface HTMLElementTagNameMap {
'umb-picker-user-group': UmbPickerUserGroupElement;

View File

@@ -1,6 +1,6 @@
import { expect, fixture, html } from '@open-wc/testing';
import { UmbPickerUserGroupElement } from './picker-user-group.element';
import { defaultA11yConfig } from '@umbraco-cms/test-utils';
import UmbPickerUserGroupElement from './picker-user-group.element';
describe('UmbPickerLayoutUserGroupElement', () => {
let element: UmbPickerUserGroupElement;

View File

@@ -3,11 +3,11 @@ import { css, html, nothing, PropertyValueMap } from 'lit';
import { customElement, state } from 'lit/decorators.js';
import type { UserEntity } from '../../../core/models';
import { UmbUserStore } from '../../../core/stores/user/user.store';
import { UmbPickerElement } from './picker.element';
import { UmbPicker } from './picker';
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
@customElement('umb-picker-user')
export class UmbPickerUserElement extends UmbObserverMixin(UmbPickerElement) {
export class UmbPickerUserElement extends UmbObserverMixin(UmbPicker) {
static styles = [
UUITextStyles,
css`
@@ -87,8 +87,6 @@ export class UmbPickerUserElement extends UmbObserverMixin(UmbPickerElement) {
}
}
export default UmbPickerUserElement;
declare global {
interface HTMLElementTagNameMap {
'umb-picker-user': UmbPickerUserElement;

View File

@@ -1,6 +1,6 @@
import { expect, fixture, html } from '@open-wc/testing';
import { UmbPickerUserElement } from './picker-user.element';
import { defaultA11yConfig } from '@umbraco-cms/test-utils';
import UmbPickerUserElement from './picker-user.element';
describe('UmbPickerUserElement', () => {
let element: UmbPickerUserElement;

View File

@@ -1,15 +1,15 @@
import { expect, fixture, html } from '@open-wc/testing';
import UmbPickerElement from './picker.element';
import { UmbPicker } from './picker';
import { defaultA11yConfig } from '@umbraco-cms/test-utils';
describe('UmbPickerElement', () => {
let element: UmbPickerElement;
let element: UmbPicker;
beforeEach(async () => {
element = await fixture(html`<umb-picker></umb-picker>`);
});
it('is defined with its own instance', () => {
expect(element).to.be.instanceOf(UmbPickerElement);
expect(element).to.be.instanceOf(UmbPicker);
});
it('passes the a11y audit', async () => {

View File

@@ -14,7 +14,7 @@ export interface UmbPickerData {
selection: Array<string>;
}
export class UmbPickerElement extends UmbContextConsumerMixin(LitElement) {
export class UmbPicker extends UmbContextConsumerMixin(LitElement) {
@property({ type: Array })
public value: Array<string> = [];