@sitecore-feaas/clientside 0.4.0-alpha.3 → 0.4.0-alpha.5

package/src/cdn.ts

@@ -14,7 +14,9 @@ export type FEAASCDNComponentParams = {
   component: string
   version?: string
 
-  /** @deprecated Use `cdn` instead */
+  /**
+   * @deprecated Use `cdn` instead.
+   */
   hostname?: string
 }
 export type FEAASCDNComponentSource = {
@@ -31,7 +33,9 @@ export interface FEAASCDNStylesheetParams {
   library: string
   revision?: 'staged' | 'published' | 'saved' | number
 
-  /** @deprecated Use `cdn` instead */
+  /**
+   * @deprecated Use `cdn` instead.
+   */
   hostname?: string
 }
 
@@ -109,7 +113,7 @@ export function getStylesheetURL(props: FEAASCDNStylesheetProps) {
     }
   }
   return `${props.cdn || props.hostname || DEFAULT_CDN_URL}/styles/${props.library}/${
-    props.revision || 'published'
+    props.revision == 'staged' ? 'staged' : props.revision == 'saved' ? 'saved' : 'published'
   }.css`
 }
 

package/src/components/FEAASComponent.tsx

@@ -214,7 +214,7 @@ export class FEAASComponent extends FEAASElement<FEAASComponentsProps, string> {
     }
 
     if (this.props.withStylesheet) {
-      var stylesheetPromise = loadStylesheetAllowStale({ ...this.props, revision: 'published' }).then(() => {
+      var stylesheetPromise = loadStylesheetAllowStale({ ...this.props }).then(() => {
         stylesheetPromise = null
         advanceIfEverythingIsReady()
       })

package/src/dom/stylesheet.ts

@@ -21,7 +21,13 @@ export function loadStylesheet(props: FEAASCDNStylesheetProps, callback?: Valida
   var foundStylesheet = findStylesheet(props) as HTMLStyleElement
   if (!foundStylesheet) {
     var createdStylesheet = createStylesheet(props)
+  } else {
+    if (foundStylesheet.tagName == 'LINK') {
+      callback(null, 'initial')
+      return Promise.resolve(foundStylesheet)
+    }
   }
+
   return fetchAndRevalidateStylesheet(props, (cssText, phase) => {
     if (createdStylesheet) {
       createdStylesheet.textContent = cssText
@@ -37,7 +43,10 @@ export function loadStylesheetAllowStale(props: FEAASCDNStylesheetProps) {
 }
 
 export function findStylesheet(props: FEAASCDNStylesheetProps) {
-  return document.head.querySelector(`style[data-href="${getStylesheetURL(props)}"]`)
+  return (
+    document.head.querySelector(`style[data-href="${getStylesheetURL(props)}"]`) ||
+    document.querySelector(`link[rel="stylesheet"][href="${getStylesheetURL(props)}"]`)
+  )
 }
 
 export function createStylesheet(props: FEAASCDNStylesheetProps) {

package/test/FEAASComponent.test.tsx

@@ -73,6 +73,59 @@ describe('Components', () => {
     )
   })
 
+  it('should load component with proper stylesheet revision', async () => {
+    const spy = vi.spyOn(global, 'fetch')
+    spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
+      if (url.match('http://a/components/b/c/d/1.html')) {
+        return new Response('TODAY', {
+          headers: {
+            date: now.toUTCString(),
+            'last-modified': earlier.toUTCString()
+          }
+        })
+      } else if (url.match('.css')) {
+        // Validate
+        return new Response(null, {
+          headers: {
+            date: now.toUTCString(),
+            'last-modified': earlier.toUTCString()
+          }
+        })
+      }
+    })
+
+    // Fixme change to production component
+    document.body.innerHTML =
+      '<feaas-component src="http://a/components/b/c/d/1.html"></feaas-component><feaas-component src="http://a/components/b/c/d/staged.html"></feaas-component>'
+
+    const component = document.body.firstElementChild as FEAASComponent
+    await expect(component.whenRendered).resolves.toEqual(component)
+    expect(document.head.querySelectorAll('style')[0].getAttribute('data-href')).toBe('http://a/styles/b/published.css')
+    expect(document.head.querySelectorAll('style')[1].getAttribute('data-href')).toBe('http://a/styles/b/staged.css')
+  })
+
+  it('should render component if stylesheet is statically embedded as link', async () => {
+    const spy = vi.spyOn(global, 'fetch')
+    spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
+      if (url.match('http://a/components/b/c/d/1.html')) {
+        return new Response('TODAY', {
+          headers: {
+            date: now.toUTCString(),
+            'last-modified': earlier.toUTCString()
+          }
+        })
+      }
+    })
+
+    // Fixme change to production component
+    document.body.innerHTML =
+      '<feaas-component src="http://a/components/b/c/d/1.html"></feaas-component><link rel="stylesheet" href="http://a/styles/b/published.css" />'
+
+    const component = document.body.firstElementChild as FEAASComponent
+    await expect(component.whenRendered).resolves.toEqual(component)
+    expect(document.head.querySelectorAll('style').length).toBe(0)
+  })
+
   it('should revalidate cached component response', async () => {
     const spy = vi.spyOn(global, 'fetch')
     spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {

package/test/FEAASPicker.test.tsx

@@ -37,6 +37,8 @@ describe('React', function () {
       expect(spyLoad).toHaveBeenCalledTimes(1)
 
       expect(component.innerHTML).toContain('Picker')
+
+      document.body.innerHTML = ''
     })
   })
 })

package/test/FEAASStylesheet.test.tsx

@@ -71,14 +71,14 @@ describe('Stylesheet', () => {
   it('should invalidate stylesheet cache', async () => {
     const spy = vi.spyOn(global, 'fetch')
     spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
-      if (url.match('CDN/styles/L/R.css') && options?.method != 'HEAD') {
+      if (url.match('CDN/styles/L/published.css') && options?.method != 'HEAD') {
         return new Response('TODAY {}', {
           headers: {
             date: earlier.toUTCString(),
             'last-modified': earlier.toUTCString()
           }
         })
-      } else if (url.match('CDN/styles/L/R.css') && options?.method == 'HEAD') {
+      } else if (url.match('CDN/styles/L/published.css') && options?.method == 'HEAD') {
         return new Response(null, {
           headers: {
             date: earlier.toUTCString(),
@@ -88,7 +88,7 @@ describe('Stylesheet', () => {
       }
     })
 
-    document.body.innerHTML = '<feaas-stylesheet library="L" cdn="CDN" revision="R"></feaas-stylesheet>'
+    document.body.innerHTML = '<feaas-stylesheet library="L" cdn="CDN" revision="published"></feaas-stylesheet>'
 
     const stylesheet = document.body.firstElementChild as FEAASStylesheet
 
@@ -100,7 +100,7 @@ describe('Stylesheet', () => {
   it('should update stylesheet while using stale cache', async () => {
     const spy = vi.spyOn(global, 'fetch')
     spy.mockImplementation(async (url: string, options: Parameters<typeof fetch>[1] = {}) => {
-      if (url.match('CDN/styles/L/R.css') && options?.method != 'HEAD' && options?.['cache'] != 'reload') {
+      if (url.match('CDN/styles/L/staged.css') && options?.method != 'HEAD' && options?.['cache'] != 'reload') {
         // Serve from cache
         return new Response('YESTERDAY {}', {
           headers: {
@@ -108,7 +108,7 @@ describe('Stylesheet', () => {
             'last-modified': earliest.toUTCString()
           }
         })
-      } else if (url.match('CDN/styles/L/R.css') && options?.method == 'HEAD') {
+      } else if (url.match('CDN/styles/L/staged.css') && options?.method == 'HEAD') {
         // Validate
         return new Response(null, {
           headers: {
@@ -126,7 +126,7 @@ describe('Stylesheet', () => {
       }
     })
 
-    document.body.innerHTML = '<feaas-stylesheet library="L" cdn="CDN" revision="R"></feaas-stylesheet>'
+    document.body.innerHTML = '<feaas-stylesheet library="L" cdn="CDN" revision="staged"></feaas-stylesheet>'
 
     const stylesheet = document.body.firstElementChild as FEAASStylesheet
 

package/types/cdn.d.ts

@@ -6,7 +6,9 @@ export type FEAASCDNComponentParams = {
     library: string;
     component: string;
     version?: string;
-    /** @deprecated Use `cdn` instead */
+    /**
+     * @deprecated Use `cdn` instead.
+     */
     hostname?: string;
 };
 export type FEAASCDNComponentSource = {
@@ -20,7 +22,9 @@ export interface FEAASCDNStylesheetParams {
     cdn?: string;
     library: string;
     revision?: 'staged' | 'published' | 'saved' | number;
-    /** @deprecated Use `cdn` instead */
+    /**
+     * @deprecated Use `cdn` instead.
+     */
     hostname?: string;
 }
 export type FEAASCDNStylesheetSource = {
@@ -43,7 +47,9 @@ export declare function fetchComponent(props: FEAASCDNComponentProps | string):
     library: string;
     component: string;
     version?: string;
-    /** @deprecated Use `cdn` instead */
+    /**
+     * @deprecated Use `cdn` instead.
+     */
     hostname?: string;
     instance?: string;
 } | {

package/types/cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,uBAAuB,EACxB,MAAM,YAAY,CAAA;AAEnB,eAAO,MAAM,eAAe,wCAAwC,CAAA;AACpE,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IACpD,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,qCAAqC,GAAG;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,sBAAsB,GAAG,CAAC,uBAAuB,GAAG,uBAAuB,CAAC,GACtF,qCAAqC,CAAA;AAEvC,MAAM,WAAW,wBAAwB;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IAEpD,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,GAAG,wBAAwB,GAAG,MAAM,CAAA;AAElG,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,uBAAuB,CAQ5E;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,UAahE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,UAIlE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,wBAAwB,CAc9E;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM,UAYrE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,UAY9D;AAED,wBAAsB,2BAA2B,CAC/C,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACjC,cAAc,UAAQ,0HA+CvB;AAED,mCAAmC;AACnC,wBAAsB,cAAc,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM;;;;;;;;IAxJzE,oCAAoC;;;;;;;;GAmKrC;AAED,MAAM,MAAM,6BAA6B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;AACjG,wBAAsB,4BAA4B,CAChD,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,6BAA6B,qBAqBxC"}
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,uBAAuB,EACxB,MAAM,YAAY,CAAA;AAEnB,eAAO,MAAM,eAAe,wCAAwC,CAAA;AACpE,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IACpD,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,qCAAqC,GAAG;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,sBAAsB,GAAG,CAAC,uBAAuB,GAAG,uBAAuB,CAAC,GACtF,qCAAqC,CAAA;AAEvC,MAAM,WAAW,wBAAwB;IACvC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;IAEpD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,GAAG,wBAAwB,GAAG,MAAM,CAAA;AAElG,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,uBAAuB,CAQ5E;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,UAahE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,UAIlE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,wBAAwB,CAc9E;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM,UAYrE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,UAY9D;AAED,wBAAsB,2BAA2B,CAC/C,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,EACjC,cAAc,UAAQ,0HA+CvB;AAED,mCAAmC;AACnC,wBAAsB,cAAc,CAAC,KAAK,EAAE,sBAAsB,GAAG,MAAM;;;;;;;;IA5JzE;;OAEG;;;;;;;;GAqKJ;AAED,MAAM,MAAM,6BAA6B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAA;AACjG,wBAAsB,4BAA4B,CAChD,KAAK,EAAE,uBAAuB,EAC9B,QAAQ,EAAE,6BAA6B,qBAqBxC"}

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

@@ -1 +1 @@
-{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../src/dom/stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EAGvB,6BAA6B,EAC9B,MAAM,WAAW,CAAA;AAElB,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,gBAAgB,oBAGxF;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,uBAAuB,EAAE,UAAU,CAAC,EAAE,gBAAgB,6BAKpG;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,EAAE,QAAQ,CAAC,EAAE,6BAA6B,6BAWtG;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,uBAAuB,oBAItE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,WAE5D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,oBAM9D"}
+{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../src/dom/stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EAGvB,6BAA6B,EAC9B,MAAM,WAAW,CAAA;AAElB,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,gBAAgB,oBAGxF;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,uBAAuB,EAAE,UAAU,CAAC,EAAE,gBAAgB,6BAKpG;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,EAAE,QAAQ,CAAC,EAAE,6BAA6B,6BAiBtG;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,uBAAuB,oBAItE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,uBAAuB,WAK5D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,oBAM9D"}

package/types/ui/FEAASContext.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" resolution-mode="require"/>
+/// <reference types="@types/react" />
 import type * as FEAASContextImports from '@sitecore-feaas/frontend/context';
 import { FEAASElement, OptionalExcept } from '../components/FEAASElement.js';
 import { ControlledPromise } from '../utils/promise.js';
@@ -53,7 +54,7 @@ export declare class FEAASContext extends FEAASElement<FEAASContextProps, typeof
     clientside: typeof FEAAS;
     onStatusChange: FEAASContextImports.SDKStatusCallback;
     whenSDKReady: ControlledPromise<FEAASContextImports.SDK>;
-    getPortalRoot(): HTMLElement | FEAASElement<any, any> | ShadowRoot;
+    getPortalRoot(): HTMLElement | ShadowRoot | FEAASElement<any, any>;
     render({ children, library }: React.PropsWithChildren<FEAASContextProps>, { AppContext, Chakra: { Button, Tooltip }, React }: typeof this.payload): JSX.Element;
 }
 declare global {

package/types/ui/FEAASContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASContext.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,mBAAmB,MAAM,kCAAkC,CAAA;AAE5E,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,KAAK,KAAK,KAAK,MAAM,YAAY,CAAA;AAExC,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW;;;;;;;;;EAYrD;AACD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEpE;;;GAGG;AACH,qBAAa,YAAa,SAAQ,YAAY,CAAC,iBAAiB,EAAE,OAAO,mBAAmB,CAAC;IAC3F,MAAM,CAAC,kBAAkB,WAA0E;IACnG,QAAQ;;;;;;;;;;IAIR,YAAY;;;;;;;;;OAEmB;IAE/B,IAAI;IAIJ,aAAa;IAKb,QAAQ,CAAC,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC,KAAK,GAAG,mBAAmB,CAAC,MAAM,CAAC,KAAK;IAInF,OAAO,IAAI,WAAW,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,UAAU;IAK5D,gBAAgB,EAAE,cAAc,CAAA;IAChC,mBAAmB;IASnB,4FAA4F;IAC5F,iBAAiB;IAUjB,oBAAoB;IAMpB,GAAG,EAAE,mBAAmB,CAAC,GAAG,CAAA;IAC5B,UAAU,EAAE,OAAO,KAAK,CAAA;IACxB,cAAc,EAAE,mBAAmB,CAAC,iBAAiB,CAKpD;IACD,YAAY,6CAEV;IAEF,aAAa;IAIb,MAAM,CACJ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,EACjE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,IAAI,CAAC,OAAO;CAmC1E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,eAAe,EAAE,cAAc,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;SAC9D;KACF;IACD,UAAU,gBAAgB;QACxB,UAAU,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAA;KACjD;CACF;AAED,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,CAAA"}
+{"version":3,"file":"FEAASContext.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASContext.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,mBAAmB,MAAM,kCAAkC,CAAA;AAE5E,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,KAAK,KAAK,KAAK,MAAM,YAAY,CAAA;AAExC,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW;;;;;;;;;EAYrD;AACD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEpE;;;GAGG;AACH,qBAAa,YAAa,SAAQ,YAAY,CAAC,iBAAiB,EAAE,OAAO,mBAAmB,CAAC;IAC3F,MAAM,CAAC,kBAAkB,WAA0E;IACnG,QAAQ;;;;;;;;;;IAIR,YAAY;;;;;;;;;OAEmB;IAE/B,IAAI;IAIJ,aAAa;IAKb,QAAQ,CAAC,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC,KAAK,GAAG,mBAAmB,CAAC,MAAM,CAAC,KAAK;IAInF,OAAO,IAAI,WAAW,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,UAAU;IAK5D,gBAAgB,EAAE,cAAc,CAAA;IAChC,mBAAmB;IASnB,4FAA4F;IAC5F,iBAAiB;IAUjB,oBAAoB;IAMpB,GAAG,EAAE,mBAAmB,CAAC,GAAG,CAAA;IAC5B,UAAU,EAAE,OAAO,KAAK,CAAA;IACxB,cAAc,EAAE,mBAAmB,CAAC,iBAAiB,CAKpD;IACD,YAAY,6CAEV;IAEF,aAAa;IAIb,MAAM,CACJ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,EACjE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,IAAI,CAAC,OAAO;CAmC1E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,eAAe,EAAE,cAAc,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;SAC9D;KACF;IACD,UAAU,gBAAgB;QACxB,UAAU,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAA;KACjD;CACF;AAED,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,CAAA"}

package/types/ui/FEAASExternal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import * as BYOC from '@sitecore/byoc';
 import React from 'react';
 import ReactDOM from 'react-dom';

package/types/ui/FEAASExternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASExternal.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASExternal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAC3E,OAAO,EAAa,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAE3D,eAAO,MAAM,wBAAwB,oCAA8B,CAAA;AAEnE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAO7D;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAAE,cAAc,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnG,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,YAAY,CAAC,kBAAkB,EAAE,YAAY,CAAC;IACvF,IAAI;;;;IAIJ,MAAM;IAON,MAAM,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;IAUpE,QAAQ;IAIR,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE;IAMzE,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,GAAG;IAI5D,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,oBAAoB,CAAkB;IAC9D,MAAM,CAAC,iBAAiB,gCAAyB;IACjD,MAAM,CAAC,uBAAuB,sCAA+B;IAC7D,MAAM,CAAC,YAAY,2BAAoB;CACxC;AAID,eAAO,MAAQ,YAAY,4BAAE,cAAc,uCAAE,iBAAiB,+BAAkB,CAAA;AAChF,OAAO,EAAE,aAAa,IAAI,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"FEAASExternal.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASExternal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,IAAI,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAC3E,OAAO,EAAa,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAE3D,eAAO,MAAM,wBAAwB,oCAA8B,CAAA;AAEnE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAO7D;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAAE,cAAc,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnG,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,YAAY,CAAC,kBAAkB,EAAE,YAAY,CAAC;IACvF,IAAI;;;;IAIJ,MAAM;IAON,MAAM,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;IAUpE,QAAQ;IAIR,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE;IAMzE,MAAM,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,MAAM,GAAG;IAI5D,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,oBAAoB,CAAkB;IAC9D,MAAM,CAAC,iBAAiB,gCAAyB;IACjD,MAAM,CAAC,uBAAuB,sCAA+B;IAC7D,MAAM,CAAC,YAAY,2BAAoB;CACxC;AAID,eAAO,MAAQ,YAAY,4BAAE,cAAc,uCAAE,iBAAiB,+BAAkB,CAAA;AAChF,OAAO,EAAE,aAAa,IAAI,QAAQ,EAAE,CAAA"}

package/types/ui/FEAASPicker.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" resolution-mode="require"/>
+/// <reference types="@types/react" />
 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/FEAASPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASPicker.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,kBAAkB,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAE5D,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC;;;;;;;;;;;uBAY5B,GAAG,EAAE,KAAK,IAAI;;;EAIjD;AACD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAElE,qBAAa,WAAY,SAAQ,YAAY,CAAC,gBAAgB,EAAE,OAAO,kBAAkB,CAAC;IACxF,MAAM,CAAC,kBAAkB,WAAwE;IAEjG,YAAY;;;;;;;;;;;;;;OAEkB;IAE9B,QAAQ;;;;;;;;;;;;;;;IAIR,IAAI;IAGJ,iBAAiB;IAIjB,MAAM,CACJ,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACpG,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,OAAO,kBAAkB;CA0DzG;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAA;SACnD;KACF;CACF;AAED,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,CAAA"}
+{"version":3,"file":"FEAASPicker.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASPicker.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,kBAAkB,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAE5D,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC;;;;;;;;;;;uBAY5B,GAAG,EAAE,KAAK,IAAI;;;EAIjD;AACD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAElE,qBAAa,WAAY,SAAQ,YAAY,CAAC,gBAAgB,EAAE,OAAO,kBAAkB,CAAC;IACxF,MAAM,CAAC,kBAAkB,WAAwE;IAEjG,YAAY;;;;;;;;;;;;;;OAEkB;IAE9B,QAAQ;;;;;;;;;;;;;;;IAIR,IAAI;IAGJ,iBAAiB;IAIjB,MAAM,CACJ,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACpG,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,OAAO,kBAAkB;CA0DzG;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAA;SACnD;KACF;CACF;AAED,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,CAAA"}

package/types/ui/react.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@types/react" />
 import React from 'react';
 import { HTMLNode, renderHTMLContent } from '../dom/html.js';
 import { FEAASCDNStylesheetParams, FEAASCDNStylesheetSource, FEAASComponentProps } from './index.js';

package/types/ui/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAoB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAE9E,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,EAOpB,MAAM,YAAY,CAAA;AACnB,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAA;AAC5C,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,wBAAwB,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACxH,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAC7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,wBAAwB,GAAG,wBAAwB,gBAK9F,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,iBAAwB,wBAAwB,yBAerF,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,eA+C/E;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,QAAQ,EACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAC/G,GAAG,CAAC,EAAE,GAAG,GACR,KAAK,CAAC,SAAS,CA+BjB;AAED,eAAO,MAAM,8BAA8B,4CAAsC,CAAA;AACjF,eAAO,MAAM,uBAAuB,oBAAc,CAAA;AAClD,eAAO,MAAM,iBAAiB,uBAAiB,CAAA;AAC/C,eAAO,MAAM,sBAAsB,8BAAwB,CAAA;AAC3D,eAAO,MAAM,qBAAqB,2BAAqB,CAAA;AACvD,eAAO,MAAM,SAAS,4BAAsB,CAAA;AAC5C,eAAO,MAAM,eAAe,iBA5HkC,wBAAwB,yBA4H9B,CAAA;AACxD,eAAO,MAAM,UAAU,UA3IqB,wBAAwB,GAAG,wBAAwB,gBA2IjD,CAAA"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAoB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAE9E,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,EAOpB,MAAM,YAAY,CAAA;AACnB,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAA;AAC5C,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,wBAAwB,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACxH,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAE5B,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAC7B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,wBAAwB,GAAG,wBAAwB,gBAK9F,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,iBAAwB,wBAAwB,yBAerF,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,eA+C/E;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,QAAQ,EACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAC/G,GAAG,CAAC,EAAE,GAAG,GACR,KAAK,CAAC,SAAS,CA+BjB;AAED,eAAO,MAAM,8BAA8B,4CAAsC,CAAA;AACjF,eAAO,MAAM,uBAAuB,oBAAc,CAAA;AAClD,eAAO,MAAM,iBAAiB,uBAAiB,CAAA;AAC/C,eAAO,MAAM,sBAAsB,8BAAwB,CAAA;AAC3D,eAAO,MAAM,qBAAqB,2BAAqB,CAAA;AACvD,eAAO,MAAM,SAAS,4BAAsB,CAAA;AAC5C,eAAO,MAAM,eAAe,iBA5HkC,wBAAwB,yBA4H9B,CAAA;AACxD,eAAO,MAAM,UAAU,UA3IqB,wBAAwB,GAAG,wBAAwB,gBA2IjD,CAAA"}

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: "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE" | "HEAD";
+    method: "HEAD" | "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE";
     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: "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE" | "HEAD";
+    method: "HEAD" | "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE";
     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: "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE" | "HEAD";
+    method: "HEAD" | "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE";
     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: "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE" | "HEAD";
+        method: "HEAD" | "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE";
         body: Record<string, any>;
         url: string;
     }) => Promise<Data>;
@@ -71,7 +71,7 @@ export declare namespace DataSettings {
         params: Record<string, any>;
         headers: Record<string, string>;
         jsonpath: string;
-        method: "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE" | "HEAD";
+        method: "HEAD" | "GET" | "POST" | "OPTIONS" | "PUT" | "DELETE" | "UPDATE";
         body: Record<string, any>;
         url: string;
     };