@jumoo/usync 17.6.1-prerelease.19 → 17.6.1-prerelease.20

package/dist/components/usync-content-preview.d.ts

@@ -2,6 +2,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { type PropertyValues, nothing } from '@umbraco-cms/backoffice/external/lit';
 import '@umbraco-cms/backoffice/components';
 import type { SyncItemPreviewResponse } from '../api';
+import { type uSyncPreviewLabels } from '../preview/types.js';
 /**
  * Shows the current and incoming versions of a content or media item side by
  * side, laid out the way the backoffice editor shows them, with every value
@@ -10,6 +11,7 @@ import type { SyncItemPreviewResponse } from '../api';
 export declare class uSyncContentPreviewElement extends UmbLitElement {
     #private;
     preview?: SyncItemPreviewResponse;
+    labels?: uSyncPreviewLabels;
     /** the tab shown on both sides (by name) */
     private _activeTab?;
     /** the culture shown on both sides (undefined for invariant items) */

package/dist/components/usync-content-preview.js

@@ -110,8 +110,10 @@ _uSyncContentPreviewElement_renderToolbar = function _uSyncContentPreviewElement
 };
 _uSyncContentPreviewElement_renderSide = function _uSyncContentPreviewElement_renderSide(side, data, tabs, active) {
     const headline = side === 'current'
-        ? this.localize.termOrDefault('uSync_previewCurrent', 'Current (this site)')
-        : this.localize.termOrDefault('uSync_previewIncoming', 'Incoming (uSync files)');
+        ? (this.labels?.current ??
+            this.localize.termOrDefault('uSync_previewCurrent', 'Current (this site)'))
+        : (this.labels?.incoming ??
+            this.localize.termOrDefault('uSync_previewIncoming', 'Incoming (uSync files)'));
     if (!data.item) {
         return html `<div class="side ${side}">
 				<h4 class="side-headline">${headline}</h4>
@@ -506,6 +508,9 @@ uSyncContentPreviewElement.styles = css `
 __decorate([
     property({ type: Object })
 ], uSyncContentPreviewElement.prototype, "preview", void 0);
+__decorate([
+    property({ type: Object })
+], uSyncContentPreviewElement.prototype, "labels", void 0);
 __decorate([
     state()
 ], uSyncContentPreviewElement.prototype, "_activeTab", void 0);

package/dist/components/usync-content-type-preview.d.ts

@@ -2,6 +2,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { type PropertyValues, nothing } from '@umbraco-cms/backoffice/external/lit';
 import '@umbraco-cms/backoffice/components';
 import type { SyncItemPreviewResponse } from '../api';
+import { type uSyncPreviewLabels } from '../preview/types.js';
 /**
  * Shows the current and incoming versions of a document, media or member
  * type side by side, laid out the way the backoffice editor shows them, with
@@ -11,6 +12,7 @@ import type { SyncItemPreviewResponse } from '../api';
 export declare class uSyncContentTypePreviewElement extends UmbLitElement {
     #private;
     preview?: SyncItemPreviewResponse;
+    labels?: uSyncPreviewLabels;
     /** the tab shown on both sides (by name, so it lines up when ids differ) */
     private _activeTab?;
     protected willUpdate(changed: PropertyValues<this>): void;

package/dist/components/usync-content-type-preview.js

@@ -19,7 +19,7 @@ var _uSyncContentTypePreviewElement_instances, _uSyncContentTypePreviewElement_s
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { classMap, css, customElement, html, nothing, property, repeat, state, } from '@umbraco-cms/backoffice/external/lit';
 import '@umbraco-cms/backoffice/components';
-import { getPreviewModel } from '../preview/types.js';
+import { getPreviewModel, } from '../preview/types.js';
 import { buildContentTypeLayout, compositionIds, } from '../utils/preview/content-type-layout.js';
 import { diffContentTypes, } from '../utils/preview/content-type-diff.js';
 const KIND_LABELS = {
@@ -80,8 +80,10 @@ _uSyncContentTypePreviewElement_diff = new WeakMap();
 _uSyncContentTypePreviewElement_instances = new WeakSet();
 _uSyncContentTypePreviewElement_renderSide = function _uSyncContentTypePreviewElement_renderSide(side, type) {
     const headline = side === 'current'
-        ? this.localize.termOrDefault('uSync_previewCurrent', 'Current (this site)')
-        : this.localize.termOrDefault('uSync_previewIncoming', 'Incoming (uSync files)');
+        ? (this.labels?.current ??
+            this.localize.termOrDefault('uSync_previewCurrent', 'Current (this site)'))
+        : (this.labels?.incoming ??
+            this.localize.termOrDefault('uSync_previewIncoming', 'Incoming (uSync files)'));
     if (!type) {
         return html `<div class="side">
 				<h4 class="side-headline">${headline}</h4>
@@ -520,6 +522,9 @@ uSyncContentTypePreviewElement.styles = css `
 __decorate([
     property({ type: Object })
 ], uSyncContentTypePreviewElement.prototype, "preview", void 0);
+__decorate([
+    property({ type: Object })
+], uSyncContentTypePreviewElement.prototype, "labels", void 0);
 __decorate([
     state()
 ], uSyncContentTypePreviewElement.prototype, "_activeTab", void 0);

package/dist/components/usync-data-type-preview.d.ts

@@ -2,6 +2,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { nothing } from '@umbraco-cms/backoffice/external/lit';
 import '@umbraco-cms/backoffice/components';
 import type { SyncItemPreviewResponse } from '../api';
+import { type uSyncPreviewLabels } from '../preview/types.js';
 /**
  * Shows the current and incoming versions of a data type side by side,
  * rendered with the real property editor, so you can see what an import
@@ -10,6 +11,7 @@ import type { SyncItemPreviewResponse } from '../api';
 export declare class uSyncDataTypePreviewElement extends UmbLitElement {
     #private;
     preview?: SyncItemPreviewResponse;
+    labels?: uSyncPreviewLabels;
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;
 }

package/dist/components/usync-data-type-preview.js

@@ -13,7 +13,7 @@ var _uSyncDataTypePreviewElement_instances, _uSyncDataTypePreviewElement_renderS
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { classMap, css, customElement, html, nothing, property, } from '@umbraco-cms/backoffice/external/lit';
 import '@umbraco-cms/backoffice/components';
-import { getPreviewModel } from '../preview/types.js';
+import { getPreviewModel, } from '../preview/types.js';
 import { deepEqual, prettyJson } from '../utils/diff/index.js';
 /**
  * Shows the current and incoming versions of a data type side by side,
@@ -42,8 +42,10 @@ let uSyncDataTypePreviewElement = class uSyncDataTypePreviewElement extends UmbL
 _uSyncDataTypePreviewElement_instances = new WeakSet();
 _uSyncDataTypePreviewElement_renderSide = function _uSyncDataTypePreviewElement_renderSide(side, dataType, other) {
     const headline = side === 'current'
-        ? this.localize.termOrDefault('uSync_previewCurrent', 'Current (this site)')
-        : this.localize.termOrDefault('uSync_previewIncoming', 'Incoming (uSync files)');
+        ? (this.labels?.current ??
+            this.localize.termOrDefault('uSync_previewCurrent', 'Current (this site)'))
+        : (this.labels?.incoming ??
+            this.localize.termOrDefault('uSync_previewIncoming', 'Incoming (uSync files)'));
     return html `
 			<div class="side">
 				<h4 class="side-headline">${headline}</h4>
@@ -272,6 +274,9 @@ uSyncDataTypePreviewElement.styles = css `
 __decorate([
     property({ type: Object })
 ], uSyncDataTypePreviewElement.prototype, "preview", void 0);
+__decorate([
+    property({ type: Object })
+], uSyncDataTypePreviewElement.prototype, "labels", void 0);
 uSyncDataTypePreviewElement = __decorate([
     customElement('usync-data-type-preview')
 ], uSyncDataTypePreviewElement);

package/dist/components/usync-results-view.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, nothing } from '@umbraco-cms/backoffice/external/lit';
 import { USyncActionView } from '@jumoo/uSync';
-import { uSyncPreviewSource } from '@jumoo/uSync';
+import { uSyncPreviewLabels, uSyncPreviewSource } from '@jumoo/uSync';
 declare const uSyncResultsView_base: import("@umbraco-cms/backoffice/extension-api").HTMLElementConstructor<import("@umbraco-cms/backoffice/element-api").UmbElement> & typeof LitElement;
 export declare class uSyncResultsView extends uSyncResultsView_base {
     #private;
@@ -13,6 +13,10 @@ export declare class uSyncResultsView extends uSyncResultsView_base {
      * items from this site's uSync folders (see uSyncDetailsModalData).
      */
     previewSource?: uSyncPreviewSource;
+    /**
+     * the headlines over the two sides of the preview (see uSyncDetailsModalData).
+     */
+    previewLabels?: uSyncPreviewLabels;
     showAll: boolean;
     changeCount: number;
     groupBy<T>(arr: T[], fn: (item: T) => any): Record<string, T[]>;

package/dist/components/usync-results-view.js

@@ -100,6 +100,7 @@ _uSyncResultsView_showDetail = async function _uSyncResultsView_showDetail(e) {
             item: e.action,
             items: __classPrivateFieldGet(this, _uSyncResultsView_instances, "m", _uSyncResultsView_visibleItems).call(this),
             previewSource: this.previewSource,
+            previewLabels: this.previewLabels,
             showActions: (item) => !this.hideActions &&
                 (item.change == ChangeType.CREATE ||
                     item.change == ChangeType.UPDATE ||
@@ -175,6 +176,9 @@ __decorate([
 __decorate([
     property({ attribute: false })
 ], uSyncResultsView.prototype, "previewSource", void 0);
+__decorate([
+    property({ attribute: false })
+], uSyncResultsView.prototype, "previewLabels", void 0);
 __decorate([
     state()
 ], uSyncResultsView.prototype, "showAll", void 0);

package/dist/dialogs/details-modal-element.js

@@ -198,7 +198,7 @@ _uSyncDetailsModalElement_loadPreview = async function _uSyncDetailsModalElement
     if (data?.entityType) {
         const entityType = data.entityType;
         __classPrivateFieldSet(this, _uSyncDetailsModalElement_previewFilter, (manifest) => manifest.forEntityTypes.includes(entityType), "f");
-        __classPrivateFieldSet(this, _uSyncDetailsModalElement_previewProps, { preview: data }, "f");
+        __classPrivateFieldSet(this, _uSyncDetailsModalElement_previewProps, { preview: data, labels: this.data?.previewLabels }, "f");
         this._preview = data;
     }
 };

package/dist/dialogs/details-modal-token.d.ts

@@ -1,5 +1,5 @@
 import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
-import { SyncItemPreviewResponse, USyncActionView } from '@jumoo/uSync';
+import { SyncItemPreviewResponse, USyncActionView, uSyncPreviewLabels } from '@jumoo/uSync';
 /**
  * where the details dialog gets the preview of an item from.
  *
@@ -25,6 +25,11 @@ export interface uSyncDetailsModalData {
      * the item from this site's uSync folders.
      */
     previewSource?: uSyncPreviewSource;
+    /**
+     * the headlines over the two sides of the preview, for a previewSource whose
+     * items don't come from this site's uSync folders.
+     */
+    previewLabels?: uSyncPreviewLabels;
 }
 export interface uSyncDetailsModalValue {
     result: boolean;

package/dist/preview/types.d.ts

@@ -1,11 +1,21 @@
 import type { ManifestElement } from '@umbraco-cms/backoffice/extension-api';
 import type { DataTypeResponseModel, DocumentResponseModel, DocumentTypeResponseModel, MediaResponseModel, MediaTypeResponseModel, MemberTypeResponseModel } from '@umbraco-cms/backoffice/external/backend-api';
 import type { SyncItemPreviewResponse } from '../api';
+/**
+ * the headlines over the two sides of a preview, for callers whose items don't
+ * come from this site's uSync folders (e.g. 'Target site' and 'This site').
+ */
+export interface uSyncPreviewLabels {
+    current?: string;
+    incoming?: string;
+}
 /**
  * An element that shows the preview of an import for one or more entity types.
  */
 export interface uSyncItemPreviewElement extends HTMLElement {
     preview?: SyncItemPreviewResponse;
+    /** headlines for the two sides, when not set the element uses its own. */
+    labels?: uSyncPreviewLabels;
 }
 /**
  * Shows the preview for items of the given entity types in the details dialog.

package/package.json

@@ -8,7 +8,7 @@
 	"homepage": "https://jumoo.co.uk/uSync",
 	"license": "MPL-2.0",
 	"type": "module",
-	"version": "17.6.1-prerelease.19",
+	"version": "17.6.1-prerelease.20",
 	"main": "./dist/usync.js",
 	"types": "./dist/index.d.ts",
 	"module": "./dist/usync.js",