@umbraco-cms/backoffice 14.0.0--preview007-477ee42e → 14.0.0--preview007-4f7a0765

package/dist-cms/vscode-html-custom-data.json

@@ -4016,7 +4016,7 @@
       ]
     },
     {
-      "name": "umb-templating-choose-insert-type-modal",
+      "name": "umb-templating-item-picker-modal",
       "description": "Properties:\n\n  * `_modalContext` - \n\n  * `styles` {`any[]`} - ",
       "attributes": []
     },
@@ -4053,15 +4053,10 @@
       ]
     },
     {
-      "name": "umb-templating-insert-section-modal",
+      "name": "umb-templating-section-picker-modal",
       "description": "Properties:\n\n  * `checkboxes` {`NodeListOf<UmbInsertSectionCheckboxElement>`} - \n\n  * `selectedCheckbox` {`UmbInsertSectionCheckboxElement | null | undefined`} - \n\n  * `snippet` {`string`} - \n\n  * `snippetMethods` {`((sectionName: string, isMandatory: boolean) => string)[]`} - \n\n  * `styles` {`any[]`} - ",
       "attributes": []
     },
-    {
-      "name": "umb-partial-view-picker-modal",
-      "description": "Properties:\n\n  * `_selectionConfiguration` - \n\n  * `styles` {`any[]`} - ",
-      "attributes": []
-    },
     {
       "name": "umb-partial-view-create-options-modal",
       "description": "Properties:\n\n  * `styles` {`any[]`} - ",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@umbraco-cms/backoffice",
   "license": "MIT",
-  "version": "14.0.0--preview007-477ee42e",
+  "version": "14.0.0--preview007-4f7a0765",
   "type": "module",
   "exports": {
     ".": null,

package/dist-cms/packages/core/modal/token/partial-view-picker-modal.token.d.ts

@@ -1,10 +0,0 @@
-import { UmbModalToken } from './modal-token.js';
-export interface UmbPartialViewPickerModalData {
-    multiple: boolean;
-    selection: string[];
-}
-export interface UmbPartialViewPickerModalValue {
-    selection: Array<string | null> | undefined;
-}
-export declare const UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS = "Umb.Modal.PartialViewPicker";
-export declare const UMB_PARTIAL_VIEW_PICKER_MODAL: UmbModalToken<UmbPartialViewPickerModalData, UmbPartialViewPickerModalValue>;

package/dist-cms/packages/core/modal/token/partial-view-picker-modal.token.js

@@ -1,8 +0,0 @@
-import { UmbModalToken } from './modal-token.js';
-export const UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS = 'Umb.Modal.PartialViewPicker';
-export const UMB_PARTIAL_VIEW_PICKER_MODAL = new UmbModalToken(UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS, {
-    modal: {
-        type: 'sidebar',
-        size: 'small',
-    },
-});

package/dist-cms/packages/templating/modals/insert-choose-type-sidebar.element.d.ts

@@ -1,26 +0,0 @@
-import type { UmbDictionaryItemPickerModalValue } from '../../core/modal/index.js';
-import { UmbModalBaseElement } from '../../core/modal/index.js';
-export interface ChooseInsertTypeModalData {
-    hidePartialViews?: boolean;
-}
-export declare enum CodeSnippetType {
-    partialView = "partialView",
-    dictionaryItem = "dictionaryItem"
-}
-export interface UmbChooseInsertTypeModalValue {
-    value: string | UmbDictionaryItemPickerModalValue;
-    type: CodeSnippetType;
-}
-export default class UmbChooseInsertTypeModalElement extends UmbModalBaseElement<ChooseInsertTypeModalData, UmbChooseInsertTypeModalValue> {
-    #private;
-    private _close;
-    private _modalContext?;
-    constructor();
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-templating-choose-insert-type-modal': UmbChooseInsertTypeModalElement;
-    }
-}

package/dist-cms/packages/templating/modals/insert-choose-type-sidebar.element.js

@@ -1,123 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    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");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _UmbChooseInsertTypeModalElement_instances, _UmbChooseInsertTypeModalElement_openModal, _UmbChooseInsertTypeModalElement_openInsertPartialViewSidebar, _UmbChooseInsertTypeModalElement_openInsertDictionaryItemModal, _UmbChooseInsertTypeModalElement_renderInsertPartialViewButton;
-import { UmbTextStyles } from '../../../shared/style/index.js';
-import { css, html, customElement } from '../../../external/lit/index.js';
-import { UMB_MODAL_MANAGER_CONTEXT, UMB_PARTIAL_VIEW_PICKER_MODAL, UMB_DICTIONARY_ITEM_PICKER_MODAL, UmbModalBaseElement, } from '../../core/modal/index.js';
-export var CodeSnippetType;
-(function (CodeSnippetType) {
-    CodeSnippetType["partialView"] = "partialView";
-    CodeSnippetType["dictionaryItem"] = "dictionaryItem";
-})(CodeSnippetType || (CodeSnippetType = {}));
-let UmbChooseInsertTypeModalElement = class UmbChooseInsertTypeModalElement extends UmbModalBaseElement {
-    _close() {
-        this.modalContext?.reject();
-    }
-    constructor() {
-        super();
-        _UmbChooseInsertTypeModalElement_instances.add(this);
-        _UmbChooseInsertTypeModalElement_openModal.set(this, void 0);
-        this.consumeContext(UMB_MODAL_MANAGER_CONTEXT, (instance) => {
-            this._modalContext = instance;
-        });
-    }
-    render() {
-        return html `
-			<umb-body-layout headline="Insert">
-				<div id="main">
-					<uui-box>
-						<uui-button @click=${__classPrivateFieldGet(this, _UmbChooseInsertTypeModalElement_instances, "m", _UmbChooseInsertTypeModalElement_openInsertDictionaryItemModal)} look="placeholder" label="Insert Dictionary item">
-							<h3>${this.localize.term('template_insertDictionaryItem')}</h3>
-							<p>${this.localize.term('template_insertDictionaryItemDesc')}</p>
-						</uui-button>
-					</uui-box>
-				</div>
-				<div slot="actions">
-					<uui-button @click=${this._close} look="secondary" label=${this.localize.term('general_close')}></uui-button>
-				</div>
-			</umb-body-layout>
-		`;
-    }
-};
-_UmbChooseInsertTypeModalElement_openModal = new WeakMap();
-_UmbChooseInsertTypeModalElement_instances = new WeakSet();
-_UmbChooseInsertTypeModalElement_openInsertPartialViewSidebar = function _UmbChooseInsertTypeModalElement_openInsertPartialViewSidebar() {
-    __classPrivateFieldSet(this, _UmbChooseInsertTypeModalElement_openModal, this._modalContext?.open(UMB_PARTIAL_VIEW_PICKER_MODAL), "f");
-    __classPrivateFieldGet(this, _UmbChooseInsertTypeModalElement_openModal, "f")?.onSubmit().then((partialViewPickerModalValue) => {
-        if (partialViewPickerModalValue) {
-            this.value = {
-                type: CodeSnippetType.partialView,
-                value: partialViewPickerModalValue.selection[0],
-            };
-            this.modalContext?.submit();
-        }
-    });
-};
-_UmbChooseInsertTypeModalElement_openInsertDictionaryItemModal = function _UmbChooseInsertTypeModalElement_openInsertDictionaryItemModal() {
-    __classPrivateFieldSet(this, _UmbChooseInsertTypeModalElement_openModal, this._modalContext?.open(UMB_DICTIONARY_ITEM_PICKER_MODAL, {
-        data: {
-            pickableFilter: (item) => item.id !== null,
-            hideTreeRoot: true,
-        },
-    }), "f");
-    __classPrivateFieldGet(this, _UmbChooseInsertTypeModalElement_openModal, "f")?.onSubmit().then((dictionaryItemPickerModalValue) => {
-        if (dictionaryItemPickerModalValue) {
-            this.value = { value: dictionaryItemPickerModalValue, type: CodeSnippetType.dictionaryItem };
-            this.modalContext?.submit();
-        }
-    });
-};
-_UmbChooseInsertTypeModalElement_renderInsertPartialViewButton = function _UmbChooseInsertTypeModalElement_renderInsertPartialViewButton() {
-    return html `${this.data?.hidePartialViews
-        ? ''
-        : html `<uui-button @click=${__classPrivateFieldGet(this, _UmbChooseInsertTypeModalElement_instances, "m", _UmbChooseInsertTypeModalElement_openInsertPartialViewSidebar)} look="placeholder" label="Insert value">
-					<h3>${this.localize.term('template_insertPartialView')}</h3>
-					<p>${this.localize.term('template_insertPartialViewDesc')}</p></uui-button
-			  >`}`;
-};
-UmbChooseInsertTypeModalElement.styles = [
-    UmbTextStyles,
-    css `
-			:host {
-				display: block;
-				color: var(--uui-color-text);
-				--umb-header-layout-height: 70px;
-			}
-
-			#main {
-				box-sizing: border-box;
-				height: calc(
-					100dvh - var(--umb-header-layout-height) - var(--umb-footer-layout-height) - 2 * var(--uui-size-layout-1)
-				);
-			}
-
-			#main uui-button:not(:last-of-type) {
-				display: block;
-				margin-bottom: var(--uui-size-space-5);
-			}
-
-			h3,
-			p {
-				text-align: left;
-			}
-		`,
-];
-UmbChooseInsertTypeModalElement = __decorate([
-    customElement('umb-templating-choose-insert-type-modal')
-], UmbChooseInsertTypeModalElement);
-export default UmbChooseInsertTypeModalElement;

package/dist-cms/packages/templating/modals/insert-section-modal/insert-section-modal.element.d.ts

@@ -1,22 +0,0 @@
-import { UmbModalToken, UmbModalBaseElement } from '../../../core/modal/index.js';
-import './insert-section-input.element.js';
-import type { UmbInsertSectionCheckboxElement } from './insert-section-input.element.js';
-export declare const UMB_MODAL_TEMPLATING_INSERT_SECTION_MODAL: UmbModalToken<object, UmbInsertSectionModalModalValue>;
-export interface UmbInsertSectionModalModalValue {
-    value?: string;
-}
-export default class UmbTemplatingInsertSectionModalElement extends UmbModalBaseElement<object, UmbInsertSectionModalModalValue> {
-    #private;
-    checkboxes: NodeListOf<UmbInsertSectionCheckboxElement>;
-    selectedCheckbox?: UmbInsertSectionCheckboxElement | null;
-    snippet: string;
-    firstUpdated(): void;
-    snippetMethods: ((sectionName: string, isMandatory: boolean) => string)[];
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-templating-insert-section-modal': UmbTemplatingInsertSectionModalElement;
-    }
-}

package/dist-cms/packages/templating/modals/modal-tokens.js

@@ -1,2 +0,0 @@
-"use strict";
-//TODO: move tokens here nad import this file somewhere

package/dist-cms/packages/templating/modals/partial-view-picker-modal.element.d.ts

@@ -1,17 +0,0 @@
-import type { UmbPartialViewPickerModalData, UmbPartialViewPickerModalValue } from '../../core/modal/index.js';
-import { UmbModalBaseElement } from '../../core/modal/index.js';
-import type { UmbTreeSelectionConfiguration } from '../../core/tree/index.js';
-export default class UmbPartialViewPickerModalElement extends UmbModalBaseElement<UmbPartialViewPickerModalData, UmbPartialViewPickerModalValue> {
-    _selectionConfiguration: UmbTreeSelectionConfiguration;
-    connectedCallback(): void;
-    private _handleSelectionChange;
-    private _submit;
-    private _close;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-partial-view-picker-modal': UmbPartialViewPickerModalElement;
-    }
-}

package/dist-cms/packages/templating/modals/partial-view-picker-modal.element.js

@@ -1,85 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { UmbTextStyles } from '../../../shared/style/index.js';
-import { css, html, customElement, state } from '../../../external/lit/index.js';
-import { UmbModalBaseElement } from '../../core/modal/index.js';
-let UmbPartialViewPickerModalElement = class UmbPartialViewPickerModalElement extends UmbModalBaseElement {
-    constructor() {
-        super(...arguments);
-        this._selectionConfiguration = {
-            multiple: false,
-            selectable: true,
-            selection: [],
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._selectionConfiguration.selection = this.value?.selection ?? [];
-        this._selectionConfiguration.multiple = this.data?.multiple ?? true;
-    }
-    _handleSelectionChange(e) {
-        e.stopPropagation();
-        const element = e.target;
-        this.value = { selection: element.getSelection() };
-        this._submit();
-    }
-    _submit() {
-        this.modalContext?.submit();
-    }
-    _close() {
-        this.modalContext?.reject();
-    }
-    render() {
-        return html `
-			<umb-body-layout headline="Insert Partial view">
-				<div id="main">
-					<uui-box>
-						<umb-tree
-							alias="Umb.Tree.PartialViews"
-							@selection-change=${this._handleSelectionChange}
-							.selectionConfiguration=${this._selectionConfiguration}></umb-tree>
-					</uui-box>
-				</div>
-				<div slot="actions">
-					<uui-button @click=${this._close} look="secondary">Close</uui-button>
-				</div>
-			</umb-body-layout>
-		`;
-    }
-};
-UmbPartialViewPickerModalElement.styles = [
-    UmbTextStyles,
-    css `
-			:host {
-				display: block;
-				color: var(--uui-color-text);
-				--umb-header-layout-height: 70px;
-			}
-
-			#main {
-				box-sizing: border-box;
-				padding: var(--uui-size-space-5);
-				height: calc(100vh - 124px);
-			}
-
-			#main uui-button {
-				width: 100%;
-			}
-
-			h3,
-			p {
-				text-align: left;
-			}
-		`,
-];
-__decorate([
-    state()
-], UmbPartialViewPickerModalElement.prototype, "_selectionConfiguration", void 0);
-UmbPartialViewPickerModalElement = __decorate([
-    customElement('umb-partial-view-picker-modal')
-], UmbPartialViewPickerModalElement);
-export default UmbPartialViewPickerModalElement;