@sitecore-feaas/clientside 0.1.23 → 0.1.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/FEAASBase.js +14 -7
- package/build/components/FEAASBase.js.map +1 -1
- package/build/components/FEAASComponent.js +10 -9
- package/build/components/FEAASComponent.js.map +1 -1
- package/build/components/FEAASElement.js +30 -0
- package/build/components/FEAASElement.js.map +1 -1
- package/build/components/FEAASLoader.js +2 -1
- package/build/components/FEAASLoader.js.map +1 -1
- package/build/dom.js +8 -5
- package/build/dom.js.map +1 -1
- package/build/fetch.js +0 -1
- package/build/fetch.js.map +1 -1
- package/build/ui/FEAASContext.js +13 -1
- package/build/ui/FEAASContext.js.map +1 -1
- package/dist/browser/basic.esm.js +5 -5
- package/dist/browser/basic.esm.js.map +1 -1
- package/dist/browser/basic.js +5 -5
- package/dist/browser/basic.js.map +1 -1
- package/dist/browser/index.esm.js +5 -5
- package/dist/browser/index.esm.js.map +1 -1
- package/dist/browser/index.js +5 -5
- package/dist/browser/index.js.map +1 -1
- package/dist/node/basic.esm.js +3 -3
- package/dist/node/basic.esm.js.map +1 -1
- package/dist/node/basic.js +3 -3
- package/dist/node/basic.js.map +1 -1
- package/dist/node/index.esm.js +3 -3
- package/dist/node/index.esm.js.map +1 -1
- package/dist/node/index.js +3 -3
- package/dist/node/index.js.map +1 -1
- package/examples/index.html +0 -8
- package/package.json +4 -4
- package/src/components/FEAASBase.tsx +11 -3
- package/src/components/FEAASElement.tsx +33 -0
- package/src/dom.ts +13 -10
- package/src/fetch.ts +0 -1
- package/src/ui/FEAASContext.tsx +12 -0
- package/src/ui/FEAASEditor.tsx +1 -1
- package/src/ui/FEAASPicker.tsx +1 -1
- package/test/tsconfig.json +1 -1
- package/types/components/FEAASBase.d.ts +4 -2
- package/types/components/FEAASBase.d.ts.map +1 -1
- package/types/components/FEAASComponent.d.ts +1 -1
- package/types/components/FEAASComponent.d.ts.map +1 -1
- package/types/components/FEAASElement.d.ts +15 -3
- package/types/components/FEAASElement.d.ts.map +1 -1
- package/types/components/FEAASLoader.d.ts +1 -1
- package/types/components/FEAASLoader.d.ts.map +1 -1
- package/types/components/FEAASStylesheet.d.ts +1 -1
- package/types/components/FEAASStylesheet.d.ts.map +1 -1
- package/types/dom.d.ts +3 -3
- package/types/dom.d.ts.map +1 -1
- package/types/fetch.d.ts.map +1 -1
- package/types/tsbuildinfo +1 -1
- package/types/tsbuildinfo_ui +1 -1
- package/types/ui/FEAASContext.d.ts +2 -0
- package/types/ui/FEAASContext.d.ts.map +1 -1
- package/types/ui/FEAASEditor.d.ts +1 -1
- package/types/ui/FEAASEditor.d.ts.map +1 -1
- package/types/ui/FEAASPicker.d.ts +1 -1
- package/types/ui/FEAASPicker.d.ts.map +1 -1
package/examples/index.html
CHANGED
|
@@ -2,12 +2,4 @@
|
|
|
2
2
|
import FEAASElement from '../dist/browser/basic.esm.js'
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
export class Z extends FEAASElement<{}> {
|
|
6
|
-
renderReact(
|
|
7
|
-
props: { children?: ReactNode },
|
|
8
|
-
payload: { React: typeof import('react'); ReactDOM: typeof import('react-dom') }
|
|
9
|
-
): ReactNode | ReactElement<any, string | JSXElementConstructor<any>> {
|
|
10
|
-
return
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
5
|
</script>
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sitecore-feaas/clientside",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.25",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"start": "webpack serve --open",
|
|
6
|
-
"build": "rm -rf dist;npm run
|
|
6
|
+
"build": "rm -rf dist;npm run types; npm run build:esbuild; npm run build:sourcemaps",
|
|
7
7
|
"build:esbuild": "node scripts/build.js",
|
|
8
8
|
"build:sourcemaps": "npx merge-source-maps dist/**/*.js --inline-sources",
|
|
9
|
-
"
|
|
10
|
-
"test": "npx vitest --config ../frontend/vite.config.ts $FLAGS",
|
|
9
|
+
"test": "npx vitest --config ../frontend/vite.config.ts",
|
|
11
10
|
"test:watch": "npx vitest --config ../frontend/vite.config.ts",
|
|
12
11
|
"prepublishOnly": "npm run build",
|
|
13
12
|
"check": "npx tsc --noEmit",
|
|
13
|
+
"types": "tsc --build",
|
|
14
14
|
"postpublish": "node ../cdn/upload-package.js clientside $npm_package_version"
|
|
15
15
|
},
|
|
16
16
|
"license": "ISC",
|
|
@@ -74,7 +74,7 @@ export class FEAASBase<Props = any, Payload = any> extends WebComponent {
|
|
|
74
74
|
this.connected = true
|
|
75
75
|
console.log('FEAAS: Connected', this.tagName, this)
|
|
76
76
|
this.dispatchEvent(new Event('feaasConnected', { bubbles: true, composed: true }))
|
|
77
|
-
this.getElements().map((element: FEAASBase) => element.initialize())
|
|
77
|
+
this.getElements().map((element: FEAASBase) => element.initialize?.())
|
|
78
78
|
this.set()
|
|
79
79
|
return true
|
|
80
80
|
}
|
|
@@ -223,7 +223,7 @@ export class FEAASBase<Props = any, Payload = any> extends WebComponent {
|
|
|
223
223
|
})
|
|
224
224
|
.map((child: FEAASBase<any, any>, index) => {
|
|
225
225
|
return React.createElement(this.getReactWrapper(child), {
|
|
226
|
-
key:
|
|
226
|
+
key: child.tagName + '-' + child.getUID(),
|
|
227
227
|
slot: child.getAttribute('slot')
|
|
228
228
|
})
|
|
229
229
|
})
|
|
@@ -244,6 +244,7 @@ export class FEAASBase<Props = any, Payload = any> extends WebComponent {
|
|
|
244
244
|
}
|
|
245
245
|
})
|
|
246
246
|
Object.assign(Wrapper, {
|
|
247
|
+
key: this.tagName + '-' + this.getUID(),
|
|
247
248
|
displayName: displayName
|
|
248
249
|
})
|
|
249
250
|
return Wrapper
|
|
@@ -261,8 +262,15 @@ export class FEAASBase<Props = any, Payload = any> extends WebComponent {
|
|
|
261
262
|
*/
|
|
262
263
|
render?(props: React.PropsWithChildren<typeof this.props>, payload: typeof this.payload): ReactNode | ReactElement
|
|
263
264
|
|
|
265
|
+
useShadowRoot: boolean
|
|
266
|
+
getShadowRoot() {
|
|
267
|
+
if (!this.shadowRoot) {
|
|
268
|
+
this.attachShadow({ mode: 'open' })
|
|
269
|
+
}
|
|
270
|
+
return this.shadowRoot
|
|
271
|
+
}
|
|
264
272
|
getReactRootElement(): HTMLElement | ShadowRoot {
|
|
265
|
-
return this.getRoot()
|
|
273
|
+
return this.useShadowRoot ? this.getShadowRoot() : this.getRoot()
|
|
266
274
|
}
|
|
267
275
|
|
|
268
276
|
/** Set props and return values on new next tick */
|
|
@@ -26,3 +26,36 @@ export default class FEAASElement<P> extends FEAASBase<P, ReactModules> {
|
|
|
26
26
|
return <></>
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
+
|
|
30
|
+
interface MyComponentProps {
|
|
31
|
+
counter: string
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export class MyComponent extends FEAASElement<MyComponentProps> {
|
|
35
|
+
// will re-render component if any of these attributes have changed
|
|
36
|
+
static observedAttributes = ['counter']
|
|
37
|
+
|
|
38
|
+
useShadowRoot = true
|
|
39
|
+
|
|
40
|
+
// parse attributes from web component to react-ready form
|
|
41
|
+
getProps() {
|
|
42
|
+
return {
|
|
43
|
+
counter: parseFloat(this.getAttribute('counter'))
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
// First argument is props, second arguments is React stuff
|
|
48
|
+
// Destructuring React is important for JSX to work
|
|
49
|
+
render({ counter }: MyComponentProps, { React }: ReactModules): ReactJSX {
|
|
50
|
+
const [updates, setUpdates] = React.useState(0)
|
|
51
|
+
React.useEffect(() => {
|
|
52
|
+
setUpdates((u) => u + 1)
|
|
53
|
+
}, [counter])
|
|
54
|
+
return (
|
|
55
|
+
<>
|
|
56
|
+
<p>Rendering attribute: {counter}</p>
|
|
57
|
+
<p>Triggered updates: {updates}</p>
|
|
58
|
+
</>
|
|
59
|
+
)
|
|
60
|
+
}
|
|
61
|
+
}
|
package/src/dom.ts
CHANGED
|
@@ -130,7 +130,9 @@ export function queryScopes(scopes: any, datapath: string, singleValue = false,
|
|
|
130
130
|
path.replace(/^.*?\.\$\./, '_.'),
|
|
131
131
|
// look up trimmed path on root
|
|
132
132
|
// path
|
|
133
|
-
path.replace(/^.*?\.\$\./, '')
|
|
133
|
+
path.replace(/^.*?\.\$\./, ''),
|
|
134
|
+
// for case of top-level object data mapping full path can be replaced to _
|
|
135
|
+
path.replace(/^[^.]+$/, '_')
|
|
134
136
|
]
|
|
135
137
|
.filter((v, i, a) => a.indexOf(v) === i)
|
|
136
138
|
.reduce((v, path) => {
|
|
@@ -167,15 +169,16 @@ export function setDOMAttribute(element: HTMLElement, attribute: string, value:
|
|
|
167
169
|
loadScript(element, value)
|
|
168
170
|
} else if (attribute == 'data-path-attributes') {
|
|
169
171
|
const oldKeys = element.getAttribute('data-attributes-keys')?.split(',').filter(Boolean) || []
|
|
170
|
-
|
|
171
|
-
var
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
172
|
+
if (!Array.isArray(value))
|
|
173
|
+
for (var property in value) {
|
|
174
|
+
var subvalue = value[property]
|
|
175
|
+
setDOMAttribute(
|
|
176
|
+
element,
|
|
177
|
+
property,
|
|
178
|
+
typeof subvalue == 'object' && subvalue ? JSON.stringify(subvalue) : subvalue,
|
|
179
|
+
config
|
|
180
|
+
)
|
|
181
|
+
}
|
|
179
182
|
for (var i = 0; i < oldKeys.length; i++) {
|
|
180
183
|
if (value == null || !(oldKeys[i] in value)) {
|
|
181
184
|
setDOMAttribute(element, oldKeys[i], null, config)
|
package/src/fetch.ts
CHANGED
|
@@ -36,7 +36,6 @@ export async function fetchAndValidate(
|
|
|
36
36
|
phase: 'initial' | 'updated' | 'check' = 'initial'
|
|
37
37
|
) {
|
|
38
38
|
const date = new Date()
|
|
39
|
-
console.log('fetch', phase, url)
|
|
40
39
|
const response = await fetch(url, options)
|
|
41
40
|
if (!response.ok) throw new Error('Fetch failed')
|
|
42
41
|
if (validator?.(response) === false) throw new Error('Response is not valid')
|
package/src/ui/FEAASContext.tsx
CHANGED
|
@@ -27,6 +27,11 @@ export class FEAASContext extends FEAASBase<FEAASContextProps, typeof FEAASConte
|
|
|
27
27
|
return import(/* @vite-ignore */ /* webpackIgnore: true */ this.formatURL(this.props.src, this.props.frontend))
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
isReadyToLoad() {
|
|
31
|
+
console.log('Is ready?', this.props, super.isReadyToLoad() && this.props.library != null)
|
|
32
|
+
return super.isReadyToLoad() && this.props.library != null
|
|
33
|
+
}
|
|
34
|
+
|
|
30
35
|
// Remove global styles
|
|
31
36
|
getTheme(theme: FEAASContextImports.Chakra.Theme): FEAASContextImports.Chakra.Theme {
|
|
32
37
|
return theme
|
|
@@ -53,6 +58,12 @@ export class FEAASContext extends FEAASBase<FEAASContextProps, typeof FEAASConte
|
|
|
53
58
|
super.connectedCallback()
|
|
54
59
|
}
|
|
55
60
|
|
|
61
|
+
onStatusChange = (status: string) => {
|
|
62
|
+
if (status == 'ready') {
|
|
63
|
+
this.dispatchEvent(new Event('feaasReady', { bubbles: true, composed: true }))
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
56
67
|
render(
|
|
57
68
|
{ children, library }: React.PropsWithChildren<FEAASContextProps>,
|
|
58
69
|
{ AppContext, Chakra: { Button, Tooltip }, React }: typeof this.payload
|
|
@@ -72,6 +83,7 @@ export class FEAASContext extends FEAASBase<FEAASContextProps, typeof FEAASConte
|
|
|
72
83
|
container={this.getRoot()}
|
|
73
84
|
getToken={this.props.getToken}
|
|
74
85
|
getTheme={this.getTheme}
|
|
86
|
+
onStatusChange={this.onStatusChange}
|
|
75
87
|
modalProps={{
|
|
76
88
|
portalProps
|
|
77
89
|
}}
|
package/src/ui/FEAASEditor.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type * as FEAASEditorImports from '@sitecore-feaas/frontend/types/
|
|
1
|
+
import type * as FEAASEditorImports from '@sitecore-feaas/frontend/types/entries/editor.js'
|
|
2
2
|
import { FEAASBase, OptionalExcept } from '../components/FEAASBase.js'
|
|
3
3
|
import { FEAASLoader } from '../components/FEAASLoader.js'
|
|
4
4
|
|
package/src/ui/FEAASPicker.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type * as FEAASPickerImports from '@sitecore-feaas/frontend/types/
|
|
1
|
+
import type * as FEAASPickerImports from '@sitecore-feaas/frontend/types/entries/picker.js'
|
|
2
2
|
import { FEAASBase } from '../components/FEAASBase.js'
|
|
3
3
|
|
|
4
4
|
export function FEAASPickerProps(element: FEAASBase<any, any> = this) {
|
package/test/tsconfig.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import type ReactDOMClient from 'react-dom/client';
|
|
3
3
|
import type React from 'react';
|
|
4
|
-
export
|
|
4
|
+
export type OptionalExcept<T, K extends keyof T> = Pick<T, K> & Partial<Omit<T, K>>;
|
|
5
5
|
declare var WebComponent: {
|
|
6
6
|
new (): HTMLElement;
|
|
7
7
|
prototype: HTMLElement;
|
|
@@ -76,7 +76,9 @@ export declare class FEAASBase<Props = any, Payload = any> extends WebComponent
|
|
|
76
76
|
* Render method that is pretty much the same as React Functional component, but with extra second argument for
|
|
77
77
|
* payload (usually result of import, it is expected to have React in scope).
|
|
78
78
|
*/
|
|
79
|
-
render?(props: React.PropsWithChildren<
|
|
79
|
+
render?(props: React.PropsWithChildren<Props>, payload: Payload): ReactNode | ReactElement;
|
|
80
|
+
useShadowRoot: boolean;
|
|
81
|
+
getShadowRoot(): ShadowRoot;
|
|
80
82
|
getReactRootElement(): HTMLElement | ShadowRoot;
|
|
81
83
|
/** Set props and return values on new next tick */
|
|
82
84
|
set(overrides?: Partial<Props>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FEAASBase.d.ts","sourceRoot":"","sources":["../../src/components/FEAASBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,
|
|
1
|
+
{"version":3,"file":"FEAASBase.d.ts","sourceRoot":"","sources":["../../src/components/FEAASBase.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ export declare function FEAASComponentsProps(element?: FEAASBase): {
|
|
|
12
12
|
editable: boolean;
|
|
13
13
|
suspended: boolean;
|
|
14
14
|
};
|
|
15
|
-
export
|
|
15
|
+
export type FEAASComponentsProps = ReturnType<typeof FEAASComponentsProps>;
|
|
16
16
|
export declare class FEAASComponent extends FEAASBase<FEAASComponentsProps, string> {
|
|
17
17
|
static observedAttributes: string[];
|
|
18
18
|
needsRefresh: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FEAASComponent.d.ts","sourceRoot":"","sources":["../../src/components/FEAASComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAG1D,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;;;;;;;;;EAqB7D;AACD,
|
|
1
|
+
{"version":3,"file":"FEAASComponent.d.ts","sourceRoot":"","sources":["../../src/components/FEAASComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAG1D,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;;;;;;;;;EAqB7D;AACD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAC1E,qBAAa,cAAe,SAAQ,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IACzE,MAAM,CAAC,kBAAkB,WAWxB;IAED,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,IAAI,EAAE,GAAG;IAIjB,QAAQ;;;;;;;;;;;;;IAIR,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOhF,SAAS,IAAI,GAAG;;IAahB,IAAI;IASJ,WAAW;IAaX,aAAa;IAMP,IAAI;IAcV,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE,cAAc,CAAC,oBAAoB,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG;gBAC9F,QAAQ,CAAC,EAAE,GAAG,CAAA;aACf,CAAA;SACF;KACF;CACF;AAGD,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,CAAA"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { ReactNode, ReactElement, JSXElementConstructor } from 'react';
|
|
2
2
|
import { FEAASBase } from './FEAASBase.js';
|
|
3
|
-
export
|
|
3
|
+
export type ReactModules = {
|
|
4
4
|
React: typeof React;
|
|
5
5
|
ReactDOM: typeof ReactDOM;
|
|
6
6
|
};
|
|
7
|
-
export
|
|
8
|
-
export
|
|
7
|
+
export type ReactJSX = ReactNode | ReactElement<any, string | JSXElementConstructor<any>>;
|
|
8
|
+
export type FEAASReactRender<P> = {
|
|
9
9
|
(this: FEAASElement<P>, props: P, payload: ReactModules): ReactJSX;
|
|
10
10
|
};
|
|
11
11
|
export default class FEAASElement<P> extends FEAASBase<P, ReactModules> {
|
|
@@ -15,4 +15,16 @@ export default class FEAASElement<P> extends FEAASBase<P, ReactModules> {
|
|
|
15
15
|
}>;
|
|
16
16
|
render({}: P, { React }: ReactModules): ReactJSX;
|
|
17
17
|
}
|
|
18
|
+
interface MyComponentProps {
|
|
19
|
+
counter: string;
|
|
20
|
+
}
|
|
21
|
+
export declare class MyComponent extends FEAASElement<MyComponentProps> {
|
|
22
|
+
static observedAttributes: string[];
|
|
23
|
+
useShadowRoot: boolean;
|
|
24
|
+
getProps(): {
|
|
25
|
+
counter: number;
|
|
26
|
+
};
|
|
27
|
+
render({ counter }: MyComponentProps, { React }: ReactModules): ReactJSX;
|
|
28
|
+
}
|
|
29
|
+
export {};
|
|
18
30
|
//# sourceMappingURL=FEAASElement.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FEAASElement.d.ts","sourceRoot":"","sources":["../../src/components/FEAASElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,qBAAqB,EAAqB,MAAM,OAAO,CAAA;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,
|
|
1
|
+
{"version":3,"file":"FEAASElement.d.ts","sourceRoot":"","sources":["../../src/components/FEAASElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,qBAAqB,EAAqB,MAAM,OAAO,CAAA;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,OAAO,KAAK,CAAA;IACnB,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAC1B,CAAA;AACD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;AACzF,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,GAAG,QAAQ,CAAA;CACnE,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,YAAY,CAAC,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC;IACrE,IAAI;;;;IAWJ,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;CAGjD;AAED,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,qBAAa,WAAY,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IAE7D,MAAM,CAAC,kBAAkB,WAAc;IAEvC,aAAa,UAAO;IAGpB,QAAQ;;;IAQR,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;CAYzE"}
|
|
@@ -3,7 +3,7 @@ export declare function FEAASLoaderProps(element?: HTMLElement): {
|
|
|
3
3
|
opacity: number;
|
|
4
4
|
hidden: boolean;
|
|
5
5
|
};
|
|
6
|
-
|
|
6
|
+
type FEAASLoaderProps = ReturnType<typeof FEAASLoaderProps>;
|
|
7
7
|
export declare class FEAASLoader extends FEAASBase<FEAASLoaderProps, string> {
|
|
8
8
|
stylesheet: HTMLStyleElement;
|
|
9
9
|
loader: HTMLDivElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FEAASLoader.d.ts","sourceRoot":"","sources":["../../src/components/FEAASLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,WAAkB;;;EAK3D;AACD,
|
|
1
|
+
{"version":3,"file":"FEAASLoader.d.ts","sourceRoot":"","sources":["../../src/components/FEAASLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,WAAkB;;;EAK3D;AACD,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE3D,qBAAa,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClE,UAAU,EAAE,gBAAgB,CAAA;IAC5B,MAAM,EAAE,cAAc,CAAA;IAEtB,QAAQ;;;;IAIR,MAAM,CAAC,kBAAkB,WAAwB;IAEjD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAgBhF,iBAAiB;IA6EjB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,GAAG,CAAA;SACpB;KACF;CACF;AAGD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,CAAA"}
|
|
@@ -4,7 +4,7 @@ export declare function FEAASStylesheetProps(element?: FEAASBase): {
|
|
|
4
4
|
revision: number | "staging" | "published" | "saved";
|
|
5
5
|
cdn: string;
|
|
6
6
|
};
|
|
7
|
-
export
|
|
7
|
+
export type FEAASStylesheetProps = ReturnType<typeof FEAASStylesheetProps>;
|
|
8
8
|
export declare class FEAASStylesheet extends FEAASBase<FEAASStylesheetProps, string> {
|
|
9
9
|
stylesheet: HTMLStyleElement;
|
|
10
10
|
getProps(): {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FEAASStylesheet.d.ts","sourceRoot":"","sources":["../../src/components/FEAASStylesheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;EAM7D;AACD,
|
|
1
|
+
{"version":3,"file":"FEAASStylesheet.d.ts","sourceRoot":"","sources":["../../src/components/FEAASStylesheet.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAgB;;;;EAM7D;AACD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAE1E,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAC1E,UAAU,EAAE,gBAAgB,CAAA;IAC5B,QAAQ;;;;;IAIR,aAAa,IAAI,OAAO;IAIlB,IAAI;IAIV,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,kBAAkB,EAAE,OAAO,CAAC,oBAAoB,CAAC,GAAG;gBAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;aAAE,CAAA;SACvE;KACF;CACF;AAED,OAAO,EAAE,eAAe,IAAI,UAAU,EAAE,CAAA"}
|
package/types/dom.d.ts
CHANGED
|
@@ -10,8 +10,8 @@ export interface FEAASCustomizations {
|
|
|
10
10
|
export interface ExplicitTemplate {
|
|
11
11
|
template: string;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
14
|
-
export
|
|
13
|
+
export type Datascopes = Record<string, any>;
|
|
14
|
+
export type FEAASComponentProps = {
|
|
15
15
|
data?: Datascopes;
|
|
16
16
|
} & (ExplicitTemplate | CloudTemplate) & FEAASCustomizations;
|
|
17
17
|
export declare function renderComponentElement(content: string, datasources?: Datascopes): HTMLDivElement;
|
|
@@ -28,7 +28,7 @@ export declare function renderStylesheet(props: CloudStylesheet, style?: HTMLSty
|
|
|
28
28
|
export declare function renderStylesheetPromise(props: CloudStylesheet, style?: HTMLStyleElement): Promise<HTMLStyleElement>;
|
|
29
29
|
export declare function renderComponent(props: FEAASComponentProps, root?: HTMLElement): HTMLElement;
|
|
30
30
|
export declare function renderComponentPromise(props: FEAASComponentProps, root?: HTMLElement): Promise<HTMLElement>;
|
|
31
|
-
export
|
|
31
|
+
export type CH1Node = {
|
|
32
32
|
type: string;
|
|
33
33
|
text?: string;
|
|
34
34
|
content?: CH1Node[];
|
package/types/dom.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAmC,MAAM,YAAY,CAAA;AAE5F,MAAM,WAAW,mBAAmB;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,MAAM,CAAA;IAC/E,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,GAAG,CAAA;IACtD,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,GAAG,KAAK,IAAI,CAAA;CACrD;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,
|
|
1
|
+
{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"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"}
|
package/types/fetch.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../src/fetch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,KAAK,IAAI,CAAA;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,wBAAsB,kBAAkB,CACtC,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC9B,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,EACvC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC3C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,qBAM1C;AAED,wBAAsB,gBAAgB,CACpC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,EACzD,KAAK,GAAE,SAAS,GAAG,SAAS,GAAG,OAAmB;;;;;;
|
|
1
|
+
{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../src/fetch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,KAAK,IAAI,CAAA;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB;AAED,wBAAsB,kBAAkB,CACtC,GAAG,EAAE,kBAAkB,CAAC,KAAK,CAAC,EAC9B,OAAO,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,EACvC,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC3C,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,qBAM1C;AAED,wBAAsB,gBAAgB,CACpC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,EACzD,KAAK,GAAE,SAAS,GAAG,SAAS,GAAG,OAAmB;;;;;;GAgBnD;AAED,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;;;;;;2EAwBpH;AAED,wBAAsB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB;;;;;;GAclE"}
|