@sitecore-feaas/clientside 0.3.10 → 0.3.11-alpha.1
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/README.md +43 -0
- package/build/components/FEAASComponent.js.map +1 -1
- package/build/components/FEAASElement.js +12 -8
- package/build/components/FEAASElement.js.map +1 -1
- package/build/dom/rendering.js +16 -13
- package/build/dom/rendering.js.map +1 -1
- package/build/ui/FEAASExternal.js +31 -16
- package/build/ui/FEAASExternal.js.map +1 -1
- package/build/ui/react.js +68 -13
- package/build/ui/react.js.map +1 -1
- package/build/utils/data.js +9 -1
- package/build/utils/data.js.map +1 -1
- package/dist/browser/headless.cjs +7 -7
- package/dist/browser/headless.cjs.map +3 -3
- package/dist/browser/headless.esm.js +7 -7
- 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 +7 -7
- package/dist/browser/react.cjs.map +3 -3
- package/dist/browser/react.esm.js +7 -7
- 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 +4 -4
- package/dist/node/headless.esm.js.map +3 -3
- package/dist/node/index.cjs +4 -4
- package/dist/node/index.cjs.map +3 -3
- package/dist/node/index.esm.js +5 -5
- package/dist/node/index.esm.js.map +3 -3
- package/dist/node/react.cjs +6 -6
- package/dist/node/react.cjs.map +3 -3
- package/dist/node/react.esm.js +6 -6
- 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 +5 -1
- package/react.cjs +7 -7
- package/react.cjs.map +3 -3
- package/react.js +7 -7
- package/react.js.map +3 -3
- package/src/components/FEAASComponent.tsx +1 -0
- package/src/components/FEAASElement.tsx +15 -10
- package/src/dom/rendering.ts +16 -14
- package/src/ui/FEAASExternal.tsx +41 -17
- package/src/ui/react.tsx +90 -16
- package/src/utils/data.ts +8 -1
- package/test/FEAASComponent.react.test.tsx +99 -19
- package/test/FEAASExternal.test.tsx +2 -2
- package/test/ServerComponent.test.tsx +31 -15
- package/test/dom.test.ts +70 -0
- package/types/components/FEAASComponent.d.ts +1 -0
- package/types/components/FEAASComponent.d.ts.map +1 -1
- package/types/components/FEAASElement.d.ts.map +1 -1
- package/types/dom/rendering.d.ts.map +1 -1
- package/types/tsbuildinfo +1 -1
- package/types/ui/FEAASExternal.d.ts +13 -2
- package/types/ui/FEAASExternal.d.ts.map +1 -1
- package/types/ui/react.d.ts +19 -7
- package/types/ui/react.d.ts.map +1 -1
- package/types/ui/tsbuildinfo +1 -1
- package/types/utils/data.d.ts +1 -0
- package/types/utils/data.d.ts.map +1 -1
|
@@ -5,9 +5,16 @@ import { FEAASElement } from '../components/FEAASElement.js';
|
|
|
5
5
|
import { ReactJSX, ReactModules } from '../components/FEAASReactElement.js';
|
|
6
6
|
import { FEAASComponentProps } from './react.js';
|
|
7
7
|
import type { ExternalComponent, ExternalComponentOptions, JSONSchema } from '@sitecore-feaas/sdk';
|
|
8
|
+
/** Converts the keys of an object to kebab case. */
|
|
9
|
+
export declare const objectKeysToKebabCase: (object?: {
|
|
10
|
+
[key: string]: any;
|
|
11
|
+
}) => {
|
|
12
|
+
[key: string]: any;
|
|
13
|
+
};
|
|
8
14
|
/** Parses a property value based on its property name and type defined in the JSON properties object. */
|
|
9
|
-
export declare const parseProps: (propName: string,
|
|
15
|
+
export declare const parseProps: (propName: string, value: string, properties: JSONSchema['properties']) => any;
|
|
10
16
|
export declare function FEAASExternalProps(element: FEAASElement): any;
|
|
17
|
+
export declare function FEAASExternalPropsObject(id: string, props: Record<string, string>): any;
|
|
11
18
|
export type RegisteredComponents = {
|
|
12
19
|
[id: string]: ExternalComponent;
|
|
13
20
|
};
|
|
@@ -75,7 +82,7 @@ export default class FEAASExternal extends FEAASElement<FEAASExternalProps, Reac
|
|
|
75
82
|
* })
|
|
76
83
|
*
|
|
77
84
|
*/
|
|
78
|
-
static registerComponent(component: React.ComponentType, options: ExternalComponentOptions): void;
|
|
85
|
+
static registerComponent(component: React.ComponentType | ((...args: any[]) => Promise<React.ReactElement>), options: ExternalComponentOptions): void;
|
|
79
86
|
static setRegistrationCallback(): void;
|
|
80
87
|
static Preview(props: Partial<FEAASComponentProps<any>> & {
|
|
81
88
|
src: string;
|
|
@@ -94,6 +101,10 @@ declare global {
|
|
|
94
101
|
};
|
|
95
102
|
[key: string]: any;
|
|
96
103
|
};
|
|
104
|
+
'feaas-registration': {
|
|
105
|
+
suppressHydrationWarning?: boolean;
|
|
106
|
+
components: string;
|
|
107
|
+
};
|
|
97
108
|
}
|
|
98
109
|
}
|
|
99
110
|
}
|
|
@@ -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,EAAE,MAAM,+BAA+B,CAAA;AAC5D,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;
|
|
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,EAAE,MAAM,+BAA+B,CAAA;AAC5D,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;CACF;AAKD,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,20 +1,32 @@
|
|
|
1
|
-
import { FEAASComponentProps } from './index.js';
|
|
1
|
+
import { FEAASComponentProps, FEAASStylesheetProps } from './index.js';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { renderHTMLContent, HTMLNode } from '../dom/html.js';
|
|
4
4
|
export { renderHTMLContent };
|
|
5
|
-
export { External, linkComponents, registerComponent, getComponent } from './FEAASExternal.js';
|
|
5
|
+
export { External, linkComponents, registerComponent, getComponent, FEAASExternalPropsObject } from './FEAASExternal.js';
|
|
6
6
|
export * from './index.js';
|
|
7
7
|
export * from '../headless.js';
|
|
8
|
+
export type FEAASReactExternalComponentProps = {
|
|
9
|
+
componentName: string;
|
|
10
|
+
fallback?: any;
|
|
11
|
+
[prop: string]: any;
|
|
12
|
+
};
|
|
8
13
|
export type FEAASReactComponentProps = FEAASComponentProps & {
|
|
9
14
|
preload?: boolean;
|
|
10
15
|
lastModified?: Date | string;
|
|
11
16
|
};
|
|
12
|
-
export declare const
|
|
17
|
+
export declare const FEAASReactStylesheet: (props: FEAASStylesheetProps) => JSX.Element;
|
|
18
|
+
export declare const FEAASReactServerComponent: ({ ...props }: FEAASReactComponentProps) => Promise<JSX.Element>;
|
|
13
19
|
export declare function FEAASReactComponent({ data, ...props }: FEAASReactComponentProps): JSX.Element;
|
|
14
|
-
export declare function
|
|
15
|
-
'data-external-id': string;
|
|
16
|
-
}): JSX.Element;
|
|
20
|
+
export declare function FEAASReactExternalComponent(props: FEAASReactExternalComponentProps): JSX.Element;
|
|
17
21
|
/** Turn HTMLNode into React tree. It accepts callback to customize the behavior */
|
|
18
|
-
export declare function HTMLNodeToReact(node: HTMLNode, callback?: (node: HTMLNode) => [tagName: any, attributes: Record<string, any>], key?: any): React.ReactNode;
|
|
22
|
+
export declare function HTMLNodeToReact(node: HTMLNode, callback?: (node: HTMLNode, attributes: Record<string, any>) => [tagName: any, attributes: Record<string, any>], key?: any): React.ReactNode;
|
|
23
|
+
export declare function FEAASNextExternalComponent(props: FEAASReactExternalComponentProps): JSX.Element;
|
|
24
|
+
export declare function enableNextClientsideComponents(dynamic: any, component: any): any;
|
|
25
|
+
export declare function FEAASExternalComponent(props: FEAASReactExternalComponentProps): JSX.Element;
|
|
26
|
+
export declare const ExternalComponent: typeof FEAASExternalComponent;
|
|
27
|
+
export declare const ReactExternalComponent: typeof FEAASReactExternalComponent;
|
|
28
|
+
export declare const NextExternalComponent: typeof FEAASNextExternalComponent;
|
|
19
29
|
export declare const Component: typeof FEAASReactComponent;
|
|
30
|
+
export declare const ServerComponent: ({ ...props }: FEAASReactComponentProps) => Promise<JSX.Element>;
|
|
31
|
+
export declare const Stylesheet: (props: FEAASStylesheetProps) => JSX.Element;
|
|
20
32
|
//# 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,
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAMnB,oBAAoB,EACrB,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,eAAO,MAAM,oBAAoB,UAAW,oBAAoB,gBAE/D,CAAA;AAED,eAAO,MAAM,yBAAyB,iBAAwB,wBAAwB,yBAarF,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,eA8C/E;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,eAwBlF;AAED,mFAAmF;AACnF,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;AAKD,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,gCAAgC,eAgBjF;AACD,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,OAI1E;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,gCAAgC,eAS7E;AAED,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,iBAxKkC,wBAAwB,yBAwK9B,CAAA;AACxD,eAAO,MAAM,UAAU,UA7KqB,oBAAoB,gBA6KlB,CAAA"}
|