@sitecore-feaas/clientside 0.3.11-alpha.1 → 0.3.12
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/FEAASElement.js +1 -0
- package/build/components/FEAASElement.js.map +1 -1
- package/build/ui/FEAASExternal.js +19 -1
- package/build/ui/FEAASExternal.js.map +1 -1
- package/build/ui/react.js +69 -5
- package/build/ui/react.js.map +1 -1
- package/dist/browser/headless.cjs +6 -6
- package/dist/browser/headless.cjs.map +3 -3
- package/dist/browser/headless.esm.js +1 -1
- package/dist/browser/headless.esm.js.map +1 -1
- package/dist/browser/index.cjs +6 -6
- package/dist/browser/index.cjs.map +3 -3
- package/dist/browser/index.esm.js +6 -6
- package/dist/browser/index.esm.js.map +1 -1
- package/dist/browser/react.cjs +6 -6
- package/dist/browser/react.cjs.map +3 -3
- package/dist/browser/react.esm.js +6 -6
- package/dist/browser/react.esm.js.map +1 -1
- package/dist/node/headless.cjs +4 -4
- package/dist/node/headless.cjs.map +3 -3
- package/dist/node/headless.esm.js +1 -1
- package/dist/node/headless.esm.js.map +1 -1
- package/dist/node/index.cjs +4 -4
- package/dist/node/index.cjs.map +3 -3
- package/dist/node/index.esm.js +4 -4
- package/dist/node/index.esm.js.map +3 -3
- package/dist/node/react.cjs +4 -4
- package/dist/node/react.cjs.map +3 -3
- package/dist/node/react.esm.js +4 -4
- package/dist/node/react.esm.js.map +3 -3
- package/headless.cjs +4 -4
- package/headless.cjs.map +3 -3
- package/headless.js +4 -4
- package/headless.js.map +3 -3
- package/package.json +1 -1
- package/react.cjs +6 -6
- package/react.cjs.map +3 -3
- package/react.js +6 -6
- package/react.js.map +3 -3
- package/src/components/FEAASElement.tsx +1 -0
- package/src/ui/FEAASExternal.tsx +21 -1
- package/src/ui/react.tsx +79 -8
- package/types/components/FEAASElement.d.ts +1 -0
- package/types/components/FEAASElement.d.ts.map +1 -1
- package/types/tsbuildinfo +1 -1
- package/types/ui/FEAASExternal.d.ts +3 -0
- package/types/ui/FEAASExternal.d.ts.map +1 -1
- package/types/ui/react.d.ts +62 -4
- package/types/ui/react.d.ts.map +1 -1
- package/types/ui/tsbuildinfo +1 -1
|
@@ -107,6 +107,9 @@ declare global {
|
|
|
107
107
|
};
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
|
+
interface Window {
|
|
111
|
+
FEAASExternalComponents: RegisteredComponents;
|
|
112
|
+
}
|
|
110
113
|
}
|
|
111
114
|
export declare const getComponent: typeof FEAASExternal.getComponent, linkComponents: typeof FEAASExternal.linkComponents, registerComponent: typeof FEAASExternal.registerComponent;
|
|
112
115
|
export { FEAASExternal as External };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FEAASExternal.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASExternal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"FEAASExternal.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASExternal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,YAAY,EAAgB,MAAM,+BAA+B,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAA;AAE3E,OAAO,EAAa,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,UAAU,EAAY,MAAM,qBAAqB,CAAA;AAiB5G,oDAAoD;AACpD,eAAO,MAAM,qBAAqB;;;;CAI1B,CAAA;AAoCR,yGAAyG;AACzG,eAAO,MAAM,UAAU,aAAc,MAAM,SAAS,MAAM,cAAc,UAAU,CAAC,YAAY,CAAC,QAyB/F,CAAA;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAK7D;AAED,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,GAAG,CAUvF;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,CAAC,EAAE,EAAE,MAAM,GAAG,iBAAiB,CAAA;CAChC,CAAA;AACD,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,MAAM,CAAC,UAAU,EAAE,oBAAoB,CAAK;IAC5C,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,OAAO,CAAA;IAC3C,IAAI;;;;IAIJ,MAAM;IAON,MAAM,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;IASpE,QAAQ;IAIR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkDG;IACH,MAAM,CAAC,iBAAiB,CACtB,SAAS,EAAE,KAAK,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,EAClF,OAAO,EAAE,wBAAwB;IAsBnC,MAAM,CAAC,uBAAuB;IAsC9B,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,YAAY,CAAC,EAAE,EAAE,MAAM;CAG/B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,gBAAgB,EAAE;gBAChB,kBAAkB,EAAE,MAAM,CAAA;gBAC1B,QAAQ,CAAC,EAAE,GAAG,CAAA;gBACd,uBAAuB,CAAC,EAAE;oBAAE,MAAM,EAAE,MAAM,CAAA;iBAAE,CAAA;gBAC5C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;aACnB,CAAA;YACD,oBAAoB,EAAE;gBACpB,wBAAwB,CAAC,EAAE,OAAO,CAAA;gBAClC,UAAU,EAAE,MAAM,CAAA;aACnB,CAAA;SACF;KACF;IACD,UAAU,MAAM;QACd,uBAAuB,EAAE,oBAAoB,CAAA;KAC9C;CACF;AAsBD,eAAO,MAAQ,YAAY,qCAAE,cAAc,uCAAE,iBAAiB,wCAAkB,CAAA;AAChF,OAAO,EAAE,aAAa,IAAI,QAAQ,EAAE,CAAA"}
|
package/types/ui/react.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FEAASComponentProps,
|
|
1
|
+
import { FEAASComponentProps, FEAASCDNStylesheetSource, FEAASCDNStylesheetParams } from './index.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { renderHTMLContent, HTMLNode } from '../dom/html.js';
|
|
4
4
|
export { renderHTMLContent };
|
|
@@ -14,19 +14,77 @@ export type FEAASReactComponentProps = FEAASComponentProps & {
|
|
|
14
14
|
preload?: boolean;
|
|
15
15
|
lastModified?: Date | string;
|
|
16
16
|
};
|
|
17
|
-
|
|
17
|
+
/**
|
|
18
|
+
* A component to include a stylesheet using a <link> tag. Placing one in the HEAD ensures that there will be no flash
|
|
19
|
+
* of unstyled content.
|
|
20
|
+
*
|
|
21
|
+
* @param {FEAASCDNStylesheetParams | FEAASCDNStylesheetSource} props - The properties for including the stylesheet.
|
|
22
|
+
* @returns {JSX.Element} The <link> element for the stylesheet.
|
|
23
|
+
*/
|
|
24
|
+
export declare const FEAASReactStylesheet: (props: FEAASCDNStylesheetParams | FEAASCDNStylesheetSource) => JSX.Element;
|
|
25
|
+
/**
|
|
26
|
+
* An asynchronous wrapper over FEAAS.Component for use in React, especially suited for Next.js.
|
|
27
|
+
* This component fetches HTML and data asynchronously for server-side rendering with data mapping.
|
|
28
|
+
*
|
|
29
|
+
* @param {FEAASReactComponentProps} props - The properties for the component.
|
|
30
|
+
* @returns {Promise<JSX.Element>} The JSX element representing the component.
|
|
31
|
+
*/
|
|
18
32
|
export declare const FEAASReactServerComponent: ({ ...props }: FEAASReactComponentProps) => Promise<JSX.Element>;
|
|
33
|
+
/**
|
|
34
|
+
* A wrapper over FEAAS.Component for use in React. It converts a passed template HTML into React,
|
|
35
|
+
* allowing external components in the render tree. Data can be provided in JSON format.
|
|
36
|
+
*
|
|
37
|
+
* @param {FEAASReactComponentProps} props - The properties for the component.
|
|
38
|
+
* @returns {JSX.Element} The JSX element representing the component.
|
|
39
|
+
*/
|
|
19
40
|
export declare function FEAASReactComponent({ data, ...props }: FEAASReactComponentProps): JSX.Element;
|
|
41
|
+
/**
|
|
42
|
+
* A wrapper over External component that accepts a fallback for rendering in case of a missing component.
|
|
43
|
+
* It accepts properties in camelcase format and ensures no hydration errors on the client-side.
|
|
44
|
+
*
|
|
45
|
+
* @param {FEAASReactExternalComponentProps} props - The properties for the component.
|
|
46
|
+
* @returns {JSX.Element} The JSX element representing the component.
|
|
47
|
+
*/
|
|
20
48
|
export declare function FEAASReactExternalComponent(props: FEAASReactExternalComponentProps): JSX.Element;
|
|
21
|
-
/**
|
|
49
|
+
/**
|
|
50
|
+
* Converts an HTMLNode into a React tree, ensuring proper context access for external components.
|
|
51
|
+
*
|
|
52
|
+
* @param {HTMLNode} node - The HTML node to be converted.
|
|
53
|
+
* @param {any} [callback] - Callback to customize turning of HTML node into react tree.
|
|
54
|
+
* @param {any} [key] - The key for the React element.
|
|
55
|
+
* @returns {React.ReactNode} The resulting React node.
|
|
56
|
+
*/
|
|
22
57
|
export declare function HTMLNodeToReact(node: HTMLNode, callback?: (node: HTMLNode, attributes: Record<string, any>) => [tagName: any, attributes: Record<string, any>], key?: any): React.ReactNode;
|
|
58
|
+
/**
|
|
59
|
+
* A special case of ExternalComponent designed for Next.js.
|
|
60
|
+
* It uses `next/dynamic` to control rendering on the client, server, or both.
|
|
61
|
+
*
|
|
62
|
+
* @param {FEAASReactExternalComponentProps} props - The properties for the component.
|
|
63
|
+
* @returns {JSX.Element} The JSX element representing the component.
|
|
64
|
+
*/
|
|
23
65
|
export declare function FEAASNextExternalComponent(props: FEAASReactExternalComponentProps): JSX.Element;
|
|
66
|
+
/**
|
|
67
|
+
* Enables Next.js client/server rendering options for registered components.
|
|
68
|
+
* The `component` argument should be a function exported from a file with a `use client` directive.
|
|
69
|
+
*
|
|
70
|
+
* @param {any} dynamic - The Next dynamic function.
|
|
71
|
+
* @param {any} component - The component function.
|
|
72
|
+
* @returns {any} Augmented bundle.
|
|
73
|
+
*/
|
|
24
74
|
export declare function enableNextClientsideComponents(dynamic: any, component: any): any;
|
|
75
|
+
/**
|
|
76
|
+
* Renders a registered external component in a React tree.
|
|
77
|
+
*
|
|
78
|
+
* @param {FEAASReactExternalComponentProps} props - The properties for the component.
|
|
79
|
+
* @returns {JSX.Element} The JSX element representing the component.
|
|
80
|
+
*/
|
|
25
81
|
export declare function FEAASExternalComponent(props: FEAASReactExternalComponentProps): JSX.Element;
|
|
82
|
+
export declare function FEAASReactExternalComponentBundle(): JSX.Element;
|
|
83
|
+
export declare const ExternalComponentBundle: typeof FEAASReactExternalComponentBundle;
|
|
26
84
|
export declare const ExternalComponent: typeof FEAASExternalComponent;
|
|
27
85
|
export declare const ReactExternalComponent: typeof FEAASReactExternalComponent;
|
|
28
86
|
export declare const NextExternalComponent: typeof FEAASNextExternalComponent;
|
|
29
87
|
export declare const Component: typeof FEAASReactComponent;
|
|
30
88
|
export declare const ServerComponent: ({ ...props }: FEAASReactComponentProps) => Promise<JSX.Element>;
|
|
31
|
-
export declare const Stylesheet: (props:
|
|
89
|
+
export declare const Stylesheet: (props: FEAASCDNStylesheetParams | FEAASCDNStylesheetSource) => JSX.Element;
|
|
32
90
|
//# sourceMappingURL=react.d.ts.map
|
package/types/ui/react.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAMnB,
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAMnB,wBAAwB,EACxB,wBAAwB,EAGzB,MAAM,YAAY,CAAA;AACnB,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAoB,MAAM,gBAAgB,CAAA;AAI9E,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAA;AACxH,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAE9B,MAAM,MAAM,gCAAgC,GAAG;IAAE,aAAa,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAA;AAE7G,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,yBAarF,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,eA8C/E;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,eAwBlF;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;AAMD;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,gCAAgC,eAgBjF;AAED;;;;;;;GAOG;AACH,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,OAI1E;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,gCAAgC,eAM7E;AACD,wBAAgB,iCAAiC,gBAQhD;AAED,eAAO,MAAM,uBAAuB,0CAAoC,CAAA;AACxE,eAAO,MAAM,iBAAiB,+BAAyB,CAAA;AACvD,eAAO,MAAM,sBAAsB,oCAA8B,CAAA;AACjE,eAAO,MAAM,qBAAqB,mCAA6B,CAAA;AAC/D,eAAO,MAAM,SAAS,4BAAsB,CAAA;AAC5C,eAAO,MAAM,eAAe,iBA3NkC,wBAAwB,yBA2N9B,CAAA;AACxD,eAAO,MAAM,UAAU,UA1OqB,wBAAwB,GAAG,wBAAwB,gBA0OjD,CAAA"}
|