@sitecore-feaas/clientside 0.5.21 → 0.6.1

package/src/cdn.ts

@@ -45,7 +45,7 @@ export type FEAASCDNStylesheetSource = {
 export type FEAASCDNStylesheetProps = FEAASCDNStylesheetParams | FEAASCDNStylesheetSource | string
 
 export function parseComponentSource(source: string): FEAASCDNComponentParams {
-  const match = source.match(
+  const match = source?.match(
     /^(?:(.*?)\/components)?\/?([^\/]+)\/([^\/]+)(?:\/([^\/]+)(?:\/(published|staged|saved|\d+)(?:\.html?)?)?)?$/
   )
   if (match) {
@@ -75,7 +75,7 @@ export function getStylesheetSource(props: FEAASCDNStylesheetParams) {
 }
 
 export function parseStylesheetSource(source: string): FEAASCDNStylesheetParams {
-  const match = source.match(/^(?:(.*?)\/styles\/)?([^\/]+)(?:\/(published|staged|saved|\d+)(?:.css)?)?$/)
+  const match = source?.match(/^(?:(.*?)\/styles\/)?([^\/]+)(?:\/(published|staged|saved|\d+)(?:.css)?)?$/)
   if (match) {
     var [, cdn, library, revision] = match
     return { cdn, library, revision: revision as any }
@@ -93,11 +93,11 @@ export function getComponentURL(props: FEAASCDNComponentProps | string) {
   if (typeof props == 'string') {
     props = { src: props }
   }
-  if ('src' in props) {
+  if ('src' in props && props.src) {
     props = {
       ...parseComponentSource(props.src)
     }
-  }
+  } else props = { ...(props as FEAASCDNComponentParams) }
   return `${props.cdn || props.hostname || DEFAULT_CDN_URL}/components/${props.library}/${props.component}/${
     props.version || 'responsive'
   }/${props.revision || 'published'}.html`
@@ -114,7 +114,7 @@ export function getStylesheetURL(props: FEAASCDNStylesheetProps) {
     props = {
       ...parseStylesheetSource(props.src)
     }
-  }
+  } else props = { ...(props as FEAASCDNComponentParams) }
   return `${props.cdn || props.hostname || DEFAULT_CDN_URL}/styles/${props.library}/${
     props.revision == 'staged' ? 'staged' : props.revision == 'saved' ? 'saved' : 'published'
   }.css`

package/src/components/FEAASComponent.tsx

@@ -284,7 +284,7 @@ export class FEAASComponent extends FEAASElement<FEAASComponentsProps, string> {
 
 type FetchKeyword = 'data' | 'template' | 'stylesheet'
 
-declare global {
+declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
       'feaas-component': {

package/src/components/FEAASElement.tsx

@@ -341,12 +341,8 @@ export class FEAASElement<Props = any, Payload = any> extends WebComponent {
     if (!ReactDOM) throw new Error(`${this.tagName}: ReactDOM is not present in payload`)
     if (this.getAttribute('hydrate') == 'false' && this.firstElementChild) return
     if (!this.refs.topReact && !this.forceUpdateReact) {
-      if (ReactDOMClient) {
-        this.reactRoot ||= ReactDOMClient.createRoot(this.getReactRootElement())
-        this.reactRoot.render(this.getReactElement())
-      } else {
-        ReactDOM.render(this.getReactElement(), this.getReactRootElement())
-      }
+      this.reactRoot ||= ReactDOMClient.createRoot(this.getReactRootElement())
+      this.reactRoot.render(this.getReactElement())
     } else if (this.forceUpdateReact && this.connected) {
       this.forceUpdateReact?.()
     } else {

package/src/components/FEAASReactElement.tsx

@@ -1,9 +1,11 @@
 import type { ReactNode, ReactElement, JSXElementConstructor, PropsWithChildren } from 'react'
 import { FEAASElement } from './FEAASElement.js'
+import type ReactDOMClient from 'react-dom/client'
 
 export type ReactModules = {
   React: typeof React
   ReactDOM: typeof ReactDOM
+  ReactDOMClient: typeof ReactDOMClient
 }
 export type ReactJSX = ReactNode | ReactElement<any, string | JSXElementConstructor<any>>
 export type FEAASReactRender<P> = {
@@ -16,9 +18,11 @@ export default class FEAASReactElement<P> extends FEAASElement<P, ReactModules>
       // @ts-ignore @webpack-ignore
       import('https://cdn.skypack.dev/react'),
       // @ts-ignore
-      import('https://cdn.skypack.dev/react-dom')
-    ]).then(([React, ReactDOM]) => {
-      return { React, ReactDOM }
+      import('https://cdn.skypack.dev/react-dom'),
+      // @ts-ignore
+      import('https://cdn.skypack.dev/react-dom/client')
+    ]).then(([React, ReactDOM, ReactDOMClient]) => {
+      return { React, ReactDOM, ReactDOMClient }
     })
   }
 

package/src/dom/rendering.ts

@@ -2,7 +2,7 @@ import { FEAASCDNComponentProps } from '../cdn.js'
 import { queryScopes, serializeCH1RichText } from '../utils/data.js'
 import { Data, DataScopes } from '../utils/settings.js'
 import { parseHTML } from './html.js'
-import { loadScript } from './scripts.js'
+import { loadScript as loadScriptUtil } from './scripts.js'
 import { normalizeCollectionScope } from '../utils/datapath.js'
 import { DataOptions } from '../headless.js'
 import { isDate, formatDate } from '../utils/date.js'
@@ -76,7 +76,13 @@ function updateDOMClones(element: HTMLElement, targetCount: number, config?: FEA
   }
 }
 
-export function setDOMAttribute(element: HTMLElement, attribute: string, value: any, config?: FEAASCustomizations) {
+export function setDOMAttribute(
+  element: HTMLElement,
+  attribute: string,
+  value: any,
+  config?: FEAASCustomizations,
+  loadScript = true
+) {
   if (!element) return
   var target = element
   if (value?.type == 'doc' && Array.isArray(value.content)) value = serializeCH1RichText(value)
@@ -93,8 +99,8 @@ export function setDOMAttribute(element: HTMLElement, attribute: string, value:
     value = !value ? true : null
   } else if (attribute == 'data-path' || attribute == 'data-embed-html' || attribute == 'html') {
     prop = 'innerHTML'
-  } else if (attribute == 'data-embed-src') {
-    loadScript(element, value)
+  } else if (attribute == 'data-embed-src' && loadScript) {
+    loadScriptUtil(element, value)
   } else if (attribute == 'data-path-attributes') {
     if (!Array.isArray(value)) {
       const oldKeys = element.getAttribute('data-attributes-keys')?.split(',').filter(Boolean) || []
@@ -105,15 +111,16 @@ export function setDOMAttribute(element: HTMLElement, attribute: string, value:
             element,
             property,
             typeof subvalue == 'object' && subvalue ? JSON.stringify(subvalue) : subvalue,
-            config
+            config,
+            loadScript
           )
         }
       for (var i = 0; i < oldKeys.length; i++) {
         if (value == null || !(oldKeys[i] in value)) {
-          setDOMAttribute(element, oldKeys[i], null, config)
+          setDOMAttribute(element, oldKeys[i], null, config, loadScript)
         }
       }
-      setDOMAttribute(element, 'data-attributes-keys', Object.keys(value || {}).join(','))
+      setDOMAttribute(element, 'data-attributes-keys', Object.keys(value || {}).join(','), {}, loadScript)
     }
     // BYOC components also accept their data object in datasources attribute.
     if (element.tagName == 'FEAAS-EXTERNAL') {
@@ -121,7 +128,7 @@ export function setDOMAttribute(element: HTMLElement, attribute: string, value:
         String(element.getAttribute('data-path-attributes') || '')
           .slice(0, -1)
           .split('.')[0] || '_'
-      setDOMAttribute(element, 'datasources', JSON.stringify({ [datasourceId]: value }))
+      setDOMAttribute(element, 'datasources', JSON.stringify({ [datasourceId]: value }), {}, loadScript)
     }
     return
   }
@@ -182,7 +189,8 @@ export function renderDOMElement(
   input: HTMLElement | DocumentFragment,
   datascopes?: any,
   config?: FEAASCustomizations,
-  isNested?: boolean
+  isNested?: boolean,
+  loadScript = true
 ) {
   const element = <HTMLElement>input
   if (!isNested) {
@@ -212,17 +220,18 @@ export function renderDOMElement(
           element,
           name,
           queryScopes(datascopes, datapath, true, undefined, element.tagName != 'FEAAS-EXTERNAL'),
-          config
+          config,
+          loadScript
         )
       }
       if (name == 'data-embed-src') {
-        setDOMAttribute(element, name, element.getAttribute(name), config)
+        setDOMAttribute(element, name, element.getAttribute(name), config, loadScript)
       }
     }
   }
   for (var i = 0, child: Node; (child = element.childNodes[i++]); ) {
     if (isElement(child)) {
-      renderDOMElement(child, datascopes, config, true)
+      renderDOMElement(child, datascopes, config, true, loadScript)
     }
   }
   if (!isNested) {

package/src/ui/FEAASExternal.tsx

@@ -21,7 +21,12 @@ export type FEAASExternalProps = { componentName: string; [key: string]: any }
 
 export default class FEAASExternal extends FEAASElement<FEAASExternalProps, ReactModules> {
   load() {
-    return Promise.resolve({ React, ReactDOM })
+    return Promise.all([
+      // @ts-ignore
+      import('https://cdn.skypack.dev/react-dom/client')
+    ]).then(([ReactDOMClient]) => {
+      return { React, ReactDOM, ReactDOMClient }
+    })
   }
 
   // observe all arttribute changes

package/test/FEAASComponent.react.test.tsx

@@ -1,6 +1,7 @@
+import { createRoot, hydrateRoot } from 'react-dom/client'
 import React, { useContext } from 'react'
-import ReactDOM from 'react-dom'
-import { describe, expect, it, beforeEach, vi } from 'vitest'
+import { flushSync } from 'react-dom'
+import { describe, expect, it, beforeEach, vi, afterEach } from 'vitest'
 import {
   Component,
   ExternalComponent,
@@ -8,6 +9,7 @@ import {
   registerComponent,
   setElementImplementation
 } from '../src/ui/react.js'
+import ReactDOMClient from 'react-dom/client'
 
 function Hello(props: { firstName: string; telephone: string }) {
   const context = useContext(DataContext)
@@ -67,24 +69,24 @@ const helloDataSchema = {
 export async function validate(react: any, html: string) {
   const div = document.createElement('div')
   document.body.appendChild(div)
-  const root = ReactDOM.render(react, div)
+  const root = createRoot(div)
+  flushSync(() => root.render(react))
   expect(div.innerHTML).toEqual(html)
 
   const div2 = document.createElement('div')
   document.body.appendChild(div2)
   div2.innerHTML = html
 
-  var onHydrate
-  const promise = new Promise((r) => {
-    onHydrate = r
-  })
-  ReactDOM.hydrate(react, div2, onHydrate)
-  await promise
+  flushSync(() => hydrateRoot(div2, react))
   expect(div2.innerHTML).toEqual(html)
 }
 
 const DataContext = React.createContext('DEFAULT')
 
+vi.mock('https://cdn.skypack.dev/react-dom/client', () => {
+  return ReactDOMClient
+})
+
 describe('React', () => {
   beforeEach(() => {
     document.open()

package/test/FEAASExternal.test.tsx

@@ -2,6 +2,12 @@ import { beforeEach, describe, expect, it } from 'vitest'
 import React from 'react'
 import * as Clientside from '../src/ui/react.js'
 import FEAASExternal from '../src/ui/FEAASExternal.js'
+import { vi } from 'vitest'
+import ReactDOMClient from 'react-dom/client'
+
+vi.mock('https://cdn.skypack.dev/react-dom/client', () => {
+  return ReactDOMClient
+})
 
 describe('External', () => {
   function Hello(props: { firstName: string; telephone: string }) {

package/test/ServerComponent.test.tsx

@@ -191,7 +191,7 @@ describe('React Server', () => {
     })
     function MyComponent() {
       const { test } = useContext(Context)
-      return <h1>My Component: {test}</h1>
+      return <h1>{`My Component: ${test}`}</h1>
     }
     registerComponent(MyComponent, {
       name: 'test-server-external-context'

package/types/dom/rendering.d.ts

@@ -14,8 +14,8 @@ export interface ExplicitTemplate {
 export type FEAASComponentProps<T = DataOptions> = Partial<ExplicitTemplate> & {
     data?: T;
 } & (ExplicitTemplate | FEAASCDNComponentProps) & FEAASCustomizations;
-export declare function setDOMAttribute(element: HTMLElement, attribute: string, value: any, config?: FEAASCustomizations): void;
-export declare function renderDOMElement(input: HTMLElement | DocumentFragment, datascopes?: any, config?: FEAASCustomizations, isNested?: boolean): HTMLElement;
+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;
 //# 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,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,mBAAmB,QAkGhH;AAID,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,GAAG,gBAAgB,EACrC,UAAU,CAAC,EAAE,GAAG,EAChB,MAAM,CAAC,EAAE,mBAAmB,EAC5B,QAAQ,CAAC,EAAE,OAAO,eA+CnB;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,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"}

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): HTMLLinkElement | HTMLStyleElement;
+export declare function findStylesheet(props: FEAASCDNStylesheetProps): HTMLStyleElement | HTMLLinkElement;
 export declare function createStylesheet(props: FEAASCDNStylesheetProps): HTMLStyleElement;
 //# sourceMappingURL=stylesheet.d.ts.map

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,IAAI,MAAM,sBAAsB,CAAA;AAC5C,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,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACvF,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAG5B;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,QAGtF;AAED,KAAK,wBAAwB,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAC9E,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,wBAAwB,SAKtE;AAED,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,GAAG;IAC3D,KAAK,CAAC,EAAE,wBAAwB,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC5B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAA;CAC3G,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,wBAAwB,GAAG,wBAAwB,sBAK9F,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,8BAAqC,wBAAwB,+BAqBlG,CAAA;AACD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAA;CAAE,qBAgElD;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,CAuCjB;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAA;AACxD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAA;AACtD,eAAO,MAAM,8BAA8B,4CAAsC,CAAA;AACjF,eAAO,MAAM,oBAAoB,kCAA4B,CAAA;AAC7D,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,8BAnK+C,wBAAwB,+BAmK3C,CAAA;AACxD,eAAO,MAAM,UAAU,UAlLqB,wBAAwB,GAAG,wBAAwB,sBAkLjD,CAAA"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAA;AAC5C,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,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACvF,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAG5B;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,QAGtF;AAED,KAAK,wBAAwB,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAA;AAC9E,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,wBAAwB,SAKtE;AAED,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,GAAG;IAC3D,KAAK,CAAC,EAAE,wBAAwB,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC5B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAA;CAC3G,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,UAAW,wBAAwB,GAAG,wBAAwB,sBAK9F,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,8BAAqC,wBAAwB,+BAqBlG,CAAA;AACD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAA;CAAE,qBAgElD;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,CAuCjB;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAA;AACxD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAA;AACtD,eAAO,MAAM,8BAA8B,4CAAsC,CAAA;AACjF,eAAO,MAAM,oBAAoB,kCAA4B,CAAA;AAC7D,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,8BAnK+C,wBAAwB,+BAmK3C,CAAA;AACxD,eAAO,MAAM,UAAU,UAlLqB,wBAAwB,GAAG,wBAAwB,sBAkLjD,CAAA"}