@sitecore-feaas/clientside 0.6.1 → 0.6.2

package/src/dom/component.ts

@@ -13,23 +13,23 @@ export function renderComponentElement(content: string, datasources?: DataScopes
   return wrapper
 }
 
-export function renderComponent(props: FEAASComponentProps, root?: HTMLElement) {
-  renderComponentPromise(props, (root ||= document.createElement('div')))
+export function renderComponent(props: FEAASComponentProps, root?: HTMLElement, loadScript = true) {
+  renderComponentPromise(props, (root ||= document.createElement('div')), loadScript)
   return root
 }
 
-export async function renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement) {
+export async function renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement, loadScript = true) {
   root ||= document.createElement('div')
   if (!root.childNodes.length) {
     if ('template' in props) {
-      return renderDOMContent(root, props.template, props.data, props)
+      return renderDOMContent(root, props.template, props.data, props, loadScript)
     } else {
       return fetchAndRevalidateComponent(props, (template) => {
-        return renderDOMContent(root, template, props.data, props)
+        return renderDOMContent(root, template, props.data, props, loadScript)
       }).then(() => root)
     }
     /* update element with new data */
   } else {
-    return renderDOMElement(root, props.data, props)
+    return renderDOMElement(root, props.data, props, null, loadScript)
   }
 }

package/src/dom/rendering.ts

@@ -244,7 +244,13 @@ function isElement(node: Node): node is HTMLElement {
   return node.nodeType == 1
 }
 
-export function renderDOMContent(root: HTMLElement, template: string, data?: Data, config?: FEAASCustomizations) {
+export function renderDOMContent(
+  root: HTMLElement,
+  template: string,
+  data?: Data,
+  config?: FEAASCustomizations,
+  loadScript = true
+) {
   const newTemplate = config?.processTemplate?.(root, template, data) || template
   root.innerHTML = newTemplate
   root.classList.add('-feaas')
@@ -257,18 +263,24 @@ export function renderDOMContent(root: HTMLElement, template: string, data?: Dat
       }
     }
   }
-  return renderDOMElement(root, data, config)
+  return renderDOMElement(root, data, config, null, loadScript)
 }
 
-export function renderHTMLContent(template: string, data?: Data, config?: FEAASCustomizations, fakeDOM = false) {
+export function renderHTMLContent(
+  template: string,
+  data?: Data,
+  config?: FEAASCustomizations,
+  fakeDOM = false,
+  loadScript = true
+) {
   const newTemplate = config?.processTemplate?.(null, template, data) || template
   if (typeof document === 'undefined' || fakeDOM) {
     const nodes = parseHTML(newTemplate)
-    return renderDOMElement(nodes[0] as unknown as HTMLElement, data, config).outerHTML
+    return renderDOMElement(nodes[0] as unknown as HTMLElement, data, config, null, loadScript).outerHTML
   } else {
     const root = document.createElement('div')
     root.innerHTML = newTemplate
-    renderDOMElement(root, data, config)
+    renderDOMElement(root, data, config, null, loadScript)
     return root.innerHTML
   }
 }

package/src/dom/thumbnail.ts

@@ -250,7 +250,7 @@ function render(
 
     iframe.contentWindow.document.head.appendChild(stylesheet)
     iframe.contentWindow.document.head.appendChild(stylesheet2)
-    const root = renderComponent({ template, data })
+    const root = renderComponent({ template, data }, null, false)
     root.classList.add(...classList, '-feaas--preview', '-emulate--' + breakpoint.details.slug)
     iframe.contentWindow.document.body.appendChild(root)
   })

package/types/dom/component.d.ts

@@ -1,6 +1,6 @@
 import { DataScopes } from '../utils/settings.js';
 import { FEAASComponentProps } from './rendering.js';
 export declare function renderComponentElement(content: string, datasources?: DataScopes): HTMLDivElement;
-export declare function renderComponent(props: FEAASComponentProps, root?: HTMLElement): HTMLElement;
-export declare function renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement): Promise<HTMLElement>;
+export declare function renderComponent(props: FEAASComponentProps, root?: HTMLElement, loadScript?: boolean): HTMLElement;
+export declare function renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement, loadScript?: boolean): Promise<HTMLElement>;
 //# sourceMappingURL=component.d.ts.map

package/types/dom/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/dom/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAsC,MAAM,gBAAgB,CAAA;AAExF,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,UAAU,kBAS/E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,CAAC,EAAE,WAAW,eAG7E;AAED,wBAAsB,sBAAsB,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,CAAC,EAAE,WAAW,wBAc1F"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/dom/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAsC,MAAM,gBAAgB,CAAA;AAExF,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,UAAU,kBAS/E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,CAAC,EAAE,WAAW,EAAE,UAAU,UAAO,eAGhG;AAED,wBAAsB,sBAAsB,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,CAAC,EAAE,WAAW,EAAE,UAAU,UAAO,wBAc7G"}

package/types/dom/rendering.d.ts

@@ -16,6 +16,6 @@ export type FEAASComponentProps<T = DataOptions> = Partial<ExplicitTemplate> & {
 } & (ExplicitTemplate | FEAASCDNComponentProps) & FEAASCustomizations;
 export declare function setDOMAttribute(element: HTMLElement, attribute: string, value: any, config?: FEAASCustomizations, loadScript?: boolean): void;
 export declare function renderDOMElement(input: HTMLElement | DocumentFragment, datascopes?: any, config?: FEAASCustomizations, isNested?: boolean, loadScript?: boolean): HTMLElement;
-export declare function renderDOMContent(root: HTMLElement, template: string, data?: Data, config?: FEAASCustomizations): HTMLElement;
-export declare function renderHTMLContent(template: string, data?: Data, config?: FEAASCustomizations, fakeDOM?: boolean): string;
+export declare function renderDOMContent(root: HTMLElement, template: string, data?: Data, config?: FEAASCustomizations, loadScript?: boolean): HTMLElement;
+export declare function renderHTMLContent(template: string, data?: Data, config?: FEAASCustomizations, fakeDOM?: boolean, loadScript?: boolean): string;
 //# sourceMappingURL=rendering.d.ts.map

package/types/dom/rendering.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rendering.d.ts","sourceRoot":"","sources":["../../src/dom/rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAIvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,KAAK,MAAM,CAAA;IACtF,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,KAAK,GAAG,CAAA;IAC7D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,CAAA;IAC1E,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,OAAO,CAAA;IAC5D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,WAAW,IAAI,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAC7E,IAAI,CAAC,EAAE,CAAC,CAAA;CACT,GAAG,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,GAC7C,mBAAmB,CAAA;AAsDrB,wBAAgB,eAAe,CAC7B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,GAAG,EACV,MAAM,CAAC,EAAE,mBAAmB,EAC5B,UAAU,UAAO,QAoGlB;AAID,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,GAAG,gBAAgB,EACrC,UAAU,CAAC,EAAE,GAAG,EAChB,MAAM,CAAC,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,OAAO,EAClB,UAAU,UAAO,eAgDlB;AAMD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,mBAAmB,eAc9G;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,mBAAmB,EAAE,OAAO,UAAQ,UAW7G"}
+{"version":3,"file":"rendering.d.ts","sourceRoot":"","sources":["../../src/dom/rendering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAIvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,KAAK,MAAM,CAAA;IACtF,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,KAAK,GAAG,CAAA;IAC7D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,CAAA;IAC1E,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,OAAO,CAAA;IAC5D,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;CAC5D;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,WAAW,IAAI,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAC7E,IAAI,CAAC,EAAE,CAAC,CAAA;CACT,GAAG,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,GAC7C,mBAAmB,CAAA;AAsDrB,wBAAgB,eAAe,CAC7B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,GAAG,EACV,MAAM,CAAC,EAAE,mBAAmB,EAC5B,UAAU,UAAO,QAoGlB;AAID,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,GAAG,gBAAgB,EACrC,UAAU,CAAC,EAAE,GAAG,EAChB,MAAM,CAAC,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,OAAO,EAClB,UAAU,UAAO,eAgDlB;AAMD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,MAAM,EAChB,IAAI,CAAC,EAAE,IAAI,EACX,MAAM,CAAC,EAAE,mBAAmB,EAC5B,UAAU,UAAO,eAelB;AAED,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,IAAI,CAAC,EAAE,IAAI,EACX,MAAM,CAAC,EAAE,mBAAmB,EAC5B,OAAO,UAAQ,EACf,UAAU,UAAO,UAYlB"}

package/types/dom/stylesheet.d.ts

@@ -3,6 +3,6 @@ export declare function renderStylesheet(props: FEAASCDNStylesheetProps, style?:
 export declare function renderStylesheetPromise(props: FEAASCDNStylesheetProps, stylesheet?: HTMLStyleElement): Promise<HTMLStyleElement>;
 export declare function loadStylesheet(props: FEAASCDNStylesheetProps, callback?: ValidatableStylesheetCallback): Promise<HTMLStyleElement>;
 export declare function loadStylesheetAllowStale(props: FEAASCDNStylesheetProps): Promise<unknown>;
-export declare function findStylesheet(props: FEAASCDNStylesheetProps): HTMLStyleElement | HTMLLinkElement;
+export declare function findStylesheet(props: FEAASCDNStylesheetProps): HTMLLinkElement | HTMLStyleElement;
 export declare function createStylesheet(props: FEAASCDNStylesheetProps): HTMLStyleElement;
 //# sourceMappingURL=stylesheet.d.ts.map

package/types/ui/FEAASContext.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import type * as FEAASContextImports from '@sitecore-feaas/frontend/context';
 import { FEAASElement, OptionalExcept } from '../components/FEAASElement.js';
 import { ControlledPromise } from '../utils/promise.js';

package/types/ui/FEAASEditor.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import type * as FEAASEditorImports from '@sitecore-feaas/frontend/editor';
 import { FEAASElement, OptionalExcept } from '../components/FEAASElement.js';
 import { FEAASLoader } from '../components/FEAASLoader.js';

package/types/ui/FEAASPicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 import type * as FEAASPickerImports from '@sitecore-feaas/frontend/picker';
 import { FEAASElement } from '../components/FEAASElement.js';
 export declare function FEAASPickerProps(element: FEAASElement<any, any>): {

package/types/ui/react.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import * as BYOC from '@sitecore/byoc/react';
 import React from 'react';
 import { HTMLNode, renderHTMLContent } from '../dom/html.js';

package/types/utils/settings.d.ts

@@ -15,7 +15,7 @@ export declare function clean(settings: any): Partial<{
     params: Record<string, any>;
     headers: Record<string, string>;
     jsonpath: string;
-    method: "HEAD" | "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE";
+    method: "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE" | "HEAD";
     body: Record<string, any>;
     url: string;
 }>;
@@ -29,7 +29,7 @@ export declare const isDataSettings: (data: any) => data is {
     params: Record<string, any>;
     headers: Record<string, string>;
     jsonpath: string;
-    method: "HEAD" | "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE";
+    method: "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE" | "HEAD";
     body: Record<string, any>;
     url: string;
 };
@@ -51,7 +51,7 @@ export declare function DataSettings(settings: any): {
     params: Record<string, any>;
     headers: Record<string, string>;
     jsonpath: string;
-    method: "HEAD" | "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE";
+    method: "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE" | "HEAD";
     body: Record<string, any>;
     url: string;
 };
@@ -62,7 +62,7 @@ export declare namespace DataSettings {
         params: Record<string, any>;
         headers: Record<string, string>;
         jsonpath: string;
-        method: "HEAD" | "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE";
+        method: "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE" | "HEAD";
         body: Record<string, any>;
         url: string;
     }, datasourceId?: string) => Promise<Data>;
@@ -71,7 +71,7 @@ export declare namespace DataSettings {
         params: Record<string, any>;
         headers: Record<string, string>;
         jsonpath: string;
-        method: "HEAD" | "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE";
+        method: "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE" | "HEAD";
         body: Record<string, any>;
         url: string;
     };