@sitecore-jss/sitecore-jss-angular - npm Package Compare versions

Comparing version 22.2.0-canary.47 to 22.2.0-canary.48

dist/components/date.directive.d.ts

 import { DatePipe } from '@angular/common';
-import { OnChanges, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { OnChanges, SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { DateField } from './rendering-field';
+import { BaseFieldDirective } from './base-field.directive';
 import * as i0 from "@angular/core";
-export declare class DateDirective implements OnChanges {
-    private viewContainer;
+export declare class DateDirective extends BaseFieldDirective implements OnChanges {
     private templateRef;
@@ -14,3 +14,10 @@ private datePipe;
     field: DateField;
-    private viewRef;
+    /**
+     * Custom template to render in Pages in Metadata edit mode if field value is empty
+     */
+    emptyFieldEditingTemplate: TemplateRef<unknown>;
+    /**
+     * Default component to render in Pages in Metadata edit mode if field value is empty and emptyFieldEditingTemplate is not provided
+     */
+    protected defaultFieldEditingComponent: Type<unknown>;
     constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<unknown>, datePipe: DatePipe);
@@ -20,3 +27,3 @@ ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DateDirective, "[scDate]", never, { "format": { "alias": "scDateFormat"; "required": false; }; "timezone": { "alias": "scDateTimezone"; "required": false; }; "locale": { "alias": "scDateLocale"; "required": false; }; "editable": { "alias": "scDateEditable"; "required": false; }; "field": { "alias": "scDate"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DateDirective, "[scDate]", never, { "format": { "alias": "scDateFormat"; "required": false; }; "timezone": { "alias": "scDateTimezone"; "required": false; }; "locale": { "alias": "scDateLocale"; "required": false; }; "editable": { "alias": "scDateEditable"; "required": false; }; "field": { "alias": "scDate"; "required": false; }; "emptyFieldEditingTemplate": { "alias": "scDateEmptyFieldEditingTemplate"; "required": false; }; }, {}, never, never, false, never>;
 }

dist/components/generic-link.directive.d.ts

@@ -14,2 +14,6 @@ import { ElementRef, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
     extras?: NavigationExtras;
+    /**
+     * Custom template to render in Pages in Metadata edit mode if field value is empty
+     */
+    emptyFieldEditingTemplate: TemplateRef<unknown>;
     constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<unknown>, renderer: Renderer2, elementRef: ElementRef, router: Router);
@@ -20,3 +24,3 @@ protected renderTemplate(props: {
     static ɵfac: i0.ɵɵFactoryDeclaration<GenericLinkDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GenericLinkDirective, "[scGenericLink]", never, { "editable": { "alias": "scGenericLinkEditable"; "required": false; }; "attrs": { "alias": "scGenericLinkAttrs"; "required": false; }; "field": { "alias": "scGenericLink"; "required": false; }; "extras": { "alias": "scGenericLinkExtras"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GenericLinkDirective, "[scGenericLink]", never, { "editable": { "alias": "scGenericLinkEditable"; "required": false; }; "attrs": { "alias": "scGenericLinkAttrs"; "required": false; }; "field": { "alias": "scGenericLink"; "required": false; }; "extras": { "alias": "scGenericLinkExtras"; "required": false; }; "emptyFieldEditingTemplate": { "alias": "scGenericLinkEmptyFieldEditingTemplate"; "required": false; }; }, {}, never, never, false, never>;
 }

dist/components/image.directive.d.ts

@@ -1,10 +0,10 @@
-import { ElementRef, OnChanges, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ElementRef, OnChanges, Renderer2, SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { ImageField } from './rendering-field';
+import { BaseFieldDirective } from './base-field.directive';
 import * as i0 from "@angular/core";
-export declare class ImageDirective implements OnChanges {
-    private viewContainer;
+export declare class ImageDirective extends BaseFieldDirective implements OnChanges {
     private templateRef;
     private renderer;
     private elementRef;
-    field: ImageField | '';
+    field: ImageField;
     editable: boolean;
@@ -25,2 +25,10 @@ /**
     };
+    /**
+     * Custom template to render in Pages in Metadata edit mode if field value is empty
+     */
+    emptyFieldEditingTemplate: TemplateRef<unknown>;
+    /**
+     * Default component to render in Pages in Metadata edit mode if field value is empty and emptyFieldEditingTemplate is not provided
+     */
+    protected defaultFieldEditingComponent: Type<unknown>;
     private inlineRef;
@@ -35,3 +43,3 @@ constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<unknown>, renderer: Renderer2, elementRef: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageDirective, "[scImage]", never, { "field": { "alias": "scImage"; "required": false; }; "editable": { "alias": "scImageEditable"; "required": false; }; "mediaUrlPrefix": { "alias": "scImageMediaUrlPrefix"; "required": false; }; "urlParams": { "alias": "scImageUrlParams"; "required": false; }; "attrs": { "alias": "scImageAttrs"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageDirective, "[scImage]", never, { "field": { "alias": "scImage"; "required": false; }; "editable": { "alias": "scImageEditable"; "required": false; }; "mediaUrlPrefix": { "alias": "scImageMediaUrlPrefix"; "required": false; }; "urlParams": { "alias": "scImageUrlParams"; "required": false; }; "attrs": { "alias": "scImageAttrs"; "required": false; }; "emptyFieldEditingTemplate": { "alias": "scImageEmptyFieldEditingTemplate"; "required": false; }; }, {}, never, never, false, never>;
 }

dist/components/link.directive.d.ts

@@ -1,6 +0,6 @@
-import { ElementRef, OnChanges, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ElementRef, OnChanges, Renderer2, SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { LinkField } from './rendering-field';
+import { BaseFieldDirective } from './base-field.directive';
 import * as i0 from "@angular/core";
-export declare class LinkDirective implements OnChanges {
-    protected viewContainer: ViewContainerRef;
+export declare class LinkDirective extends BaseFieldDirective implements OnChanges {
     protected templateRef: TemplateRef<unknown>;
@@ -14,2 +14,10 @@ protected renderer: Renderer2;
     field: LinkField;
+    /**
+     * Custom template to render in Pages in Metadata edit mode if field value is empty
+     */
+    emptyFieldEditingTemplate: TemplateRef<unknown>;
+    /**
+     * Default component to render in Pages in Metadata edit mode if field value is empty and emptyFieldEditingTemplate is not provided
+     */
+    protected defaultFieldEditingComponent: Type<unknown>;
     private inlineRef;
@@ -22,3 +30,9 @@ constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<unknown>, renderer: Renderer2, elementRef: ElementRef);
     protected updateAttribute(node: HTMLElement, key: string, propValue?: unknown): void;
-    private shouldRender;
+    /**
+     * Determines if directive should render the field as is
+     * Returns true if we are in edit mode 'chromes' (field.editable is present) or field is not empty
+     * or link field text is present and we are not in edit mode 'metadata'
+     * The right side of the expression was added to preserve existing functionality
+     */
+    protected shouldRender(): boolean;
     private updateView;
@@ -28,3 +42,3 @@ private renderInlineWrapper;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LinkDirective, "[scLink]", never, { "editable": { "alias": "scLinkEditable"; "required": false; }; "attrs": { "alias": "scLinkAttrs"; "required": false; }; "field": { "alias": "scLink"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LinkDirective, "[scLink]", never, { "editable": { "alias": "scLinkEditable"; "required": false; }; "attrs": { "alias": "scLinkAttrs"; "required": false; }; "field": { "alias": "scLink"; "required": false; }; "emptyFieldEditingTemplate": { "alias": "scLinkEmptyFieldEditingTemplate"; "required": false; }; }, {}, never, never, false, never>;
 }

dist/components/rendering-field.d.ts

@@ -1,8 +0,7 @@
-export interface RenderingField<V = unknown> {
+import { FieldMetadata, GenericFieldValue } from '@sitecore-jss/sitecore-jss/layout';
+export interface RenderingField<V = GenericFieldValue> extends FieldMetadata {
     value?: V;
     editable?: string;
 }
-export interface DateField {
-    value?: string | number | Date;
-    editable?: string;
+export interface DateField extends RenderingField<string | number | Date> {
 }
@@ -14,4 +13,3 @@ export interface FileFieldValue {
 }
-export interface FileField extends FileFieldValue, RenderingField {
-    value?: FileFieldValue;
+export interface FileField extends FileFieldValue, RenderingField<FileFieldValue> {
 }
@@ -18,0 +16,0 @@ export interface ImageFieldValue {

dist/components/rich-text.directive.d.ts

@@ -1,7 +0,7 @@
-import { OnChanges, SimpleChanges, TemplateRef, ViewContainerRef, Renderer2 } from '@angular/core';
+import { OnChanges, SimpleChanges, TemplateRef, ViewContainerRef, Renderer2, Type } from '@angular/core';
 import { Router } from '@angular/router';
 import { RichTextField } from './rendering-field';
+import { BaseFieldDirective } from './base-field.directive';
 import * as i0 from "@angular/core";
-export declare class RichTextDirective implements OnChanges {
-    private viewContainer;
+export declare class RichTextDirective extends BaseFieldDirective implements OnChanges {
     private templateRef;
@@ -12,3 +12,10 @@ private renderer;
     field: RichTextField;
-    private viewRef;
+    /**
+     * Custom template to render in Pages in Metadata edit mode if field value is empty
+     */
+    emptyFieldEditingTemplate: TemplateRef<unknown>;
+    /**
+     * Default component to render in Pages in Metadata edit mode if field value is empty and emptyFieldEditingTemplate is not provided
+     */
+    protected defaultFieldEditingComponent: Type<unknown>;
     constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<unknown>, renderer: Renderer2, router: Router);
@@ -18,3 +25,3 @@ ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RichTextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RichTextDirective, "[scRichText]", never, { "editable": { "alias": "scRichTextEditable"; "required": false; }; "field": { "alias": "scRichText"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RichTextDirective, "[scRichText]", never, { "editable": { "alias": "scRichTextEditable"; "required": false; }; "field": { "alias": "scRichText"; "required": false; }; "emptyFieldEditingTemplate": { "alias": "scRichTextEmptyFieldEditingTemplate"; "required": false; }; }, {}, never, never, false, never>;
 }

dist/components/router-link.directive.d.ts

@@ -13,2 +13,6 @@ import { ElementRef, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
     field: LinkField;
+    /**
+     * Custom template to render in Pages in Metadata edit mode if field value is empty
+     */
+    emptyFieldEditingTemplate: TemplateRef<unknown>;
     constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<unknown>, renderer: Renderer2, elementRef: ElementRef, router: Router);
@@ -19,3 +23,3 @@ protected renderTemplate(props: {
     static ɵfac: i0.ɵɵFactoryDeclaration<RouterLinkDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterLinkDirective, "[scRouterLink]", never, { "editable": { "alias": "scRouterLinkEditable"; "required": false; }; "attrs": { "alias": "scRouterLinkAttrs"; "required": false; }; "field": { "alias": "scRouterLink"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RouterLinkDirective, "[scRouterLink]", never, { "editable": { "alias": "scRouterLinkEditable"; "required": false; }; "attrs": { "alias": "scRouterLinkAttrs"; "required": false; }; "field": { "alias": "scRouterLink"; "required": false; }; "emptyFieldEditingTemplate": { "alias": "scRouterLinkEmptyFieldEditingTemplate"; "required": false; }; }, {}, never, never, false, never>;
 }

dist/components/text.directive.d.ts

@@ -1,6 +0,6 @@
-import { OnChanges, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { OnChanges, SimpleChanges, TemplateRef, Type, ViewContainerRef } from '@angular/core';
 import { TextField } from './rendering-field';
+import { BaseFieldDirective } from './base-field.directive';
 import * as i0 from "@angular/core";
-export declare class TextDirective implements OnChanges {
-    private viewContainer;
+export declare class TextDirective extends BaseFieldDirective implements OnChanges {
     private templateRef;
@@ -10,3 +10,10 @@ editable: boolean;
     field: TextField;
-    private viewRef;
+    /**
+     * Custom template to render in Pages in Metadata edit mode if field value is empty
+     */
+    emptyFieldEditingTemplate: TemplateRef<unknown>;
+    /**
+     * Default component to render in Pages in Metadata edit mode if field value is empty and emptyFieldEditingTemplate is not provided
+     */
+    protected defaultFieldEditingComponent: Type<unknown>;
     constructor(viewContainer: ViewContainerRef, templateRef: TemplateRef<unknown>);
@@ -16,3 +23,3 @@ ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "[scText]", never, { "editable": { "alias": "scTextEditable"; "required": false; }; "encode": { "alias": "scTextEncode"; "required": false; }; "field": { "alias": "scText"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "[scText]", never, { "editable": { "alias": "scTextEditable"; "required": false; }; "encode": { "alias": "scTextEncode"; "required": false; }; "field": { "alias": "scText"; "required": false; }; "emptyFieldEditingTemplate": { "alias": "scTextEmptyFieldEditingTemplate"; "required": false; }; }, {}, never, never, false, never>;
 }

package.json

 {
   "name": "@sitecore-jss/sitecore-jss-angular",
-  "version": "22.2.0-canary.47",
+  "version": "22.2.0-canary.48",
   "description": "",
@@ -61,3 +61,3 @@ "scripts": {
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "^22.2.0-canary.47"
+    "@sitecore-jss/sitecore-jss": "^22.2.0-canary.48"
   },
@@ -72,3 +72,3 @@ "main": "dist/esm2022/sitecore-jss-sitecore-jss-angular.mjs",
   "sideEffects": false,
-  "gitHead": "948f99616ad4fd68f3a955adcd7e1e3135162750",
+  "gitHead": "652c8a3d016290a368d337082c4a3c26756b6792",
   "files": [
@@ -75,0 +75,0 @@ "dist",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

557786

increased by10.81%

Number of package files

79

increased by8.22%

Lines of code

4745

increased by10.32%

Dependency changes

• Updated@sitecore-jss/sitecore-jss@^22.2.0-canary.48