@sitecore-feaas/clientside 0.1.18 → 0.1.20

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.
Files changed (84) hide show
  1. package/build/basic.js +5 -1
  2. package/build/basic.js.map +1 -1
  3. package/build/cloud.js +45 -4
  4. package/build/cloud.js.map +1 -1
  5. package/build/components/FEAASBase.js +60 -21
  6. package/build/components/FEAASBase.js.map +1 -1
  7. package/build/components/FEAASComponent.js +35 -1
  8. package/build/components/FEAASComponent.js.map +1 -1
  9. package/build/components/FEAASElement.js +14 -0
  10. package/build/components/FEAASElement.js.map +1 -0
  11. package/build/components/FEAASLoader.js +13 -1
  12. package/build/components/FEAASLoader.js.map +1 -1
  13. package/build/components/FEAASStylesheet.js.map +1 -1
  14. package/build/dom.js +6 -0
  15. package/build/dom.js.map +1 -1
  16. package/build/fetch.js +48 -45
  17. package/build/fetch.js.map +1 -1
  18. package/build/ui/FEAASContext.js +12 -13
  19. package/build/ui/FEAASContext.js.map +1 -1
  20. package/build/ui/FEAASEditor.js +448 -76
  21. package/build/ui/FEAASEditor.js.map +1 -1
  22. package/build/ui/FEAASPicker.js +9 -59
  23. package/build/ui/FEAASPicker.js.map +1 -1
  24. package/dist/browser/basic.esm.js +5 -5
  25. package/dist/browser/basic.esm.js.map +1 -1
  26. package/dist/browser/basic.js +5 -5
  27. package/dist/browser/basic.js.map +1 -1
  28. package/dist/browser/index.esm.js +5 -10
  29. package/dist/browser/index.esm.js.map +1 -1
  30. package/dist/browser/index.js +5 -10
  31. package/dist/browser/index.js.map +1 -1
  32. package/dist/node/basic.esm.js +3 -3
  33. package/dist/node/basic.esm.js.map +1 -1
  34. package/dist/node/basic.js +3 -3
  35. package/dist/node/basic.js.map +1 -1
  36. package/dist/node/index.esm.js +3 -8
  37. package/dist/node/index.esm.js.map +1 -1
  38. package/dist/node/index.js +3 -8
  39. package/dist/node/index.js.map +1 -1
  40. package/examples/index.html +8 -49
  41. package/package.json +2 -7
  42. package/src/basic.ts +8 -1
  43. package/src/cloud.ts +49 -11
  44. package/src/components/FEAASBase.tsx +73 -20
  45. package/src/components/{FEAASComponent.ts → FEAASComponent.tsx} +37 -1
  46. package/src/components/FEAASElement.tsx +21 -0
  47. package/src/components/{FEAASLoader.ts → FEAASLoader.tsx} +14 -1
  48. package/src/components/{FEAASStylesheet.ts → FEAASStylesheet.tsx} +1 -1
  49. package/src/dom.ts +5 -0
  50. package/src/fetch.ts +82 -51
  51. package/src/ui/FEAASContext.tsx +13 -14
  52. package/src/ui/FEAASEditor.tsx +598 -144
  53. package/src/ui/FEAASPicker.tsx +18 -65
  54. package/test/components.ts +19 -0
  55. package/types/basic.d.ts +3 -0
  56. package/types/basic.d.ts.map +1 -1
  57. package/types/cloud.d.ts +8 -1
  58. package/types/cloud.d.ts.map +1 -1
  59. package/types/components/FEAASBase.d.ts +18 -4
  60. package/types/components/FEAASBase.d.ts.map +1 -1
  61. package/types/components/FEAASComponent.d.ts +7 -0
  62. package/types/components/FEAASComponent.d.ts.map +1 -1
  63. package/types/components/FEAASElement.d.ts +12 -0
  64. package/types/components/FEAASElement.d.ts.map +1 -0
  65. package/types/components/FEAASLoader.d.ts +6 -0
  66. package/types/components/FEAASLoader.d.ts.map +1 -1
  67. package/types/components/FEAASStylesheet.d.ts +1 -1
  68. package/types/components/FEAASStylesheet.d.ts.map +1 -1
  69. package/types/dom.d.ts.map +1 -1
  70. package/types/fetch.d.ts +42 -1
  71. package/types/fetch.d.ts.map +1 -1
  72. package/types/tsbuildinfo +1 -1
  73. package/types/tsbuildinfo_ui +1 -1
  74. package/types/ui/FEAASContext.d.ts +4 -4
  75. package/types/ui/FEAASContext.d.ts.map +1 -1
  76. package/types/ui/FEAASEditor.d.ts +71 -5
  77. package/types/ui/FEAASEditor.d.ts.map +1 -1
  78. package/types/ui/FEAASPicker.d.ts +15 -34
  79. package/types/ui/FEAASPicker.d.ts.map +1 -1
  80. package/types/components/FEAASContext.d.ts +0 -43
  81. package/types/components/FEAASEditor.d.ts +0 -136
  82. package/types/components/FEAASPicker.d.ts +0 -65
  83. package/types/components/index.d.ts +0 -7
  84. package/types/index.d.ts +0 -7
@@ -1,4 +1,4 @@
1
- /// <reference types="react" resolution-mode="require"/>
1
+ /// <reference types="react" />
2
2
  import type * as FEAASContextImports from '@sitecore-feaas/frontend/types/components/providers/ContextProvider.js';
3
3
  import { FEAASBase, OptionalExcept } from '../components/FEAASBase.js';
4
4
  export declare function FEAASContextProps(element?: HTMLElement): {
@@ -27,10 +27,10 @@ export declare class FEAASContext extends FEAASBase<FEAASContextProps, typeof FE
27
27
  load(): Promise<any>;
28
28
  getTheme(theme: FEAASContextImports.Chakra.Theme): FEAASContextImports.Chakra.Theme;
29
29
  getRoot(): HTMLElement | FEAASBase<any, any> | ShadowRoot;
30
- reactRoot: HTMLDivElement;
31
- getReactRoot(): HTMLDivElement;
30
+ reactRootElement: HTMLDivElement;
31
+ getReactRootElement(): HTMLDivElement;
32
32
  /** Pull in children FEAAS react elements into the shadow DOM so they receieve the styles */
33
- nestedCallback(event: Event): void;
33
+ connectedCallback(): void;
34
34
  renderReact({ children, library }: React.PropsWithChildren<FEAASContextProps>, { AppContext, Chakra: { Button, Tooltip }, React }: typeof this.payload): JSX.Element;
35
35
  }
36
36
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"FEAASContext.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,mBAAmB,MAAM,wEAAwE,CAAA;AAClH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAEtE,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,WAAkB;;;;;;wBAO7B,GAAG,KAAK,QAAQ,MAAM,CAAC;EAEtD;AACD,aAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE7D;;;GAGG;AACH,qBAAa,YAAa,SAAQ,SAAS,CAAC,iBAAiB,EAAE,OAAO,mBAAmB,CAAC;IACxF,MAAM,CAAC,kBAAkB,WAA0E;IACnG,QAAQ;;;;;;;;IAIR,IAAI;IAKJ,QAAQ,CAAC,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC,KAAK,GAAG,mBAAmB,CAAC,MAAM,CAAC,KAAK;IAInF,OAAO,IAAI,WAAW,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,UAAU;IAIzD,SAAS,EAAE,cAAc,CAAA;IACzB,YAAY;IAQZ,4FAA4F;IAC5F,cAAc,CAAC,KAAK,EAAE,KAAK;IAS3B,WAAW,CACT,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;CA+B1E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,eAAe,EAAE,cAAc,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;SAC9D;KACF;CACF"}
1
+ {"version":3,"file":"FEAASContext.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,mBAAmB,MAAM,wEAAwE,CAAA;AAClH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAEtE,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,WAAkB;;;;;;wBAO7B,GAAG,KAAK,QAAQ,MAAM,CAAC;EAEtD;AACD,aAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE7D;;;GAGG;AACH,qBAAa,YAAa,SAAQ,SAAS,CAAC,iBAAiB,EAAE,OAAO,mBAAmB,CAAC;IACxF,MAAM,CAAC,kBAAkB,WAA0E;IACnG,QAAQ;;;;;;;;IAIR,IAAI;IAKJ,QAAQ,CAAC,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC,KAAK,GAAG,mBAAmB,CAAC,MAAM,CAAC,KAAK;IAInF,OAAO,IAAI,WAAW,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,UAAU;IAIzD,gBAAgB,EAAE,cAAc,CAAA;IAChC,mBAAmB;IAQnB,4FAA4F;IAC5F,iBAAiB,IAAI,IAAI;IAOzB,WAAW,CACT,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;CAgC1E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,eAAe,EAAE,cAAc,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;SAC9D;KACF;CACF"}
@@ -1,6 +1,7 @@
1
- /// <reference types="react" resolution-mode="require"/>
1
+ /// <reference types="react" />
2
2
  import type * as FEAASEditorImports from '@sitecore-feaas/frontend/types/components/editor/Editor.js';
3
3
  import { FEAASBase, OptionalExcept } from '../components/FEAASBase.js';
4
+ import { FEAASLoader } from '../components/FEAASLoader.js';
4
5
  export declare function getFramePosition(element: HTMLElement): {
5
6
  left: number;
6
7
  top: number;
@@ -15,9 +16,13 @@ export declare function FEAASEditorProps(element?: FEAASBase): {
15
16
  library: string;
16
17
  component: string;
17
18
  version: string;
19
+ instance: string;
20
+ forked: string;
18
21
  revision: string;
19
22
  hidden: boolean;
20
23
  for: string;
24
+ state: string;
25
+ changed: boolean;
21
26
  };
22
27
  declare type FEAASEditorProps = ReturnType<typeof FEAASEditorProps>;
23
28
  declare type Rect = {
@@ -27,11 +32,10 @@ declare type Rect = {
27
32
  height: number;
28
33
  };
29
34
  export declare class FEAASEditor extends FEAASBase<FEAASEditorProps, typeof FEAASEditorImports> {
30
- chrome: HTMLElement;
31
- wrapper: HTMLElement;
32
35
  framePoint: Pick<Rect, 'top' | 'left'>;
33
36
  wrapperRect: Rect;
34
37
  bodyRect: Rect;
38
+ static observedAttributes: string[];
35
39
  getProps(): {
36
40
  context: {
37
41
  new (): HTMLElement;
@@ -42,11 +46,25 @@ export declare class FEAASEditor extends FEAASBase<FEAASEditorProps, typeof FEAA
42
46
  library: string;
43
47
  component: string;
44
48
  version: string;
49
+ instance: string;
50
+ forked: string;
45
51
  revision: string;
46
52
  hidden: boolean;
47
53
  for: string;
54
+ state: string;
55
+ changed: boolean;
48
56
  };
49
- getTarget: () => HTMLElement;
57
+ reactRootElement: HTMLDivElement;
58
+ getReactRootElement(): HTMLDivElement;
59
+ target: HTMLElement;
60
+ setTarget: (element: HTMLElement, props?: {
61
+ component: string;
62
+ version: string;
63
+ revision: string;
64
+ instance: string;
65
+ }) => boolean;
66
+ showLoader(): void;
67
+ hideLoader(): void;
50
68
  load(): Promise<any>;
51
69
  onChromeMeasureElement: (element: HTMLElement, rect?: Rect) => {
52
70
  left: number;
@@ -57,7 +75,55 @@ export declare class FEAASEditor extends FEAASBase<FEAASEditorProps, typeof FEAA
57
75
  onBeforeMeasure: FEAASEditorImports.EditorContext['onChromeBeforeMeasure'];
58
76
  onMeasure: FEAASEditorImports.EditorContext['onChromeMeasure'];
59
77
  onPosition: FEAASEditorImports.EditorContext['onChromePosition'];
60
- renderReact({ children, component: componentId, version: versionId }: React.PropsWithChildren<FEAASEditorProps>, { Editor, VersionStatusList, Version, EditorUIUndo, EditorUIMode, React: { useEffect, useMemo, useState }, Chakra: { HStack, Box }, Chrome, ReactDOM, useSDK, useSlots, useModelObserver }: typeof FEAASEditorImports): FEAASEditorImports.React.ReactElement<any, string | FEAASEditorImports.React.JSXElementConstructor<any>>;
78
+ onWindowMessage: (event: MessageEvent) => void;
79
+ connectedCallback(): void;
80
+ disconnectedCallback(): void;
81
+ onContentChange: () => void;
82
+ iframe: HTMLIFrameElement;
83
+ setIframe(iframe: HTMLIFrameElement): void;
84
+ setIframeComponentContent(): void;
85
+ setPlaceholder(): void;
86
+ chrome: {
87
+ positionable: HTMLDivElement;
88
+ absolute: HTMLDivElement;
89
+ wrapper: HTMLDivElement;
90
+ };
91
+ measurements: Record<string, DOMRect>;
92
+ editedUID: string;
93
+ placeholder: {
94
+ clipper: HTMLDivElement;
95
+ positionable: HTMLDivElement;
96
+ editable: HTMLDivElement;
97
+ loader: FEAASLoader;
98
+ };
99
+ loader: FEAASLoader;
100
+ getPlaceholder(): {
101
+ clipper: HTMLDivElement;
102
+ positionable: HTMLDivElement;
103
+ editable: HTMLDivElement;
104
+ loader: FEAASLoader;
105
+ };
106
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
107
+ open(): void;
108
+ shouldFork(version: FEAASEditorImports.SDK.VersionModel): boolean;
109
+ cleanup(): void;
110
+ onClose: () => void;
111
+ close(): void;
112
+ unfork(): void;
113
+ discard(): void;
114
+ save(): void;
115
+ versionContext: FEAASEditorImports.VersionContext;
116
+ setVersionContext(props: Partial<FEAASEditorImports.VersionContext>): void;
117
+ onVersionStateChange: (versionContext: FEAASEditorImports.VersionContext, setVersionContext: (context: Partial<FEAASEditorImports.VersionContext>) => void) => void;
118
+ editorContext: FEAASEditorImports.EditorContext;
119
+ setEditorContext(props: Partial<FEAASEditorImports.EditorContext>): void;
120
+ onEditorStateChange: (editorContext: FEAASEditorImports.EditorContext, setEditorContext: (context: Partial<FEAASEditorImports.EditorContext>) => void) => void;
121
+ setLoadingState(): void;
122
+ setReadyState(): void;
123
+ component: FEAASEditorImports.SDK.ComponentModel;
124
+ version: FEAASEditorImports.SDK.VersionModel;
125
+ closing: ReturnType<typeof setTimeout>;
126
+ renderReact({ children, component: componentId, version: versionId, instance: instanceId }: React.PropsWithChildren<FEAASEditorProps>, { Editor, VersionStatusList, VersionStatusButton, Version, VersionMenu, EditorUIUndo, EditorUIMode, React: { useEffect, useMemo, useState, useContext }, Chakra: { HStack, Box, Button, MenuItem }, Chrome, ReactDOM, useSDK, useSlots, useModelObserver, ConfirmationContext, VersionContext }: typeof FEAASEditorImports): FEAASEditorImports.React.ReactElement<any, string | FEAASEditorImports.React.JSXElementConstructor<any>>;
61
127
  isReadyToLoad(): boolean;
62
128
  }
63
129
  declare global {
@@ -1 +1 @@
1
- {"version":3,"file":"FEAASEditor.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,kBAAkB,MAAM,4DAA4D,CAAA;AACrG,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAEtE,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW;;;EAmCpD;AACD,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,SAAgB;;;;;;;;;;;;;EAYzD;AACD,aAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAC3D,aAAK,IAAI,GAAG;IACV,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,qBAAa,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,OAAO,kBAAkB,CAAC;IACrF,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,EAAE,WAAW,CAAA;IAEpB,UAAU,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC,CAAsB;IAC5D,WAAW,EAAE,IAAI,CAA2C;IAC5D,QAAQ,EAAE,IAAI,CAA2C;IAEzD,QAAQ;;;;;;;;;;;;;;IAIR,SAAS,oBAER;IAED,IAAI;IAIJ,sBAAsB,YAAa,WAAW,SAAS,IAAI;;;;;MAkB1D;IAED,eAAe,EAAE,kBAAkB,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAIzE;IAED,SAAS,EAAE,kBAAkB,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAW;IACzE,UAAU,EAAE,kBAAkB,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAoB/D;IAeD,WAAW,CACT,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACnG,EACE,MAAM,EACN,iBAAiB,EACjB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EACvC,MAAM,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EACvB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EACjB,EAAE,OAAO,kBAAkB;IAyH9B,aAAa,IAAI,OAAO;CAGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,WAAW,GAAG,SAAS,CAAC,CAAA;SAC1E;KACF;CACF"}
1
+ {"version":3,"file":"FEAASEditor.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASEditor.tsx"],"names":[],"mappings":"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"}
@@ -1,63 +1,44 @@
1
- /// <reference types="react" resolution-mode="require"/>
1
+ /// <reference types="react" />
2
2
  import type * as FEAASPickerImports from '@sitecore-feaas/frontend/types/components/picker/Picker.js';
3
3
  import { FEAASBase } from '../components/FEAASBase.js';
4
4
  export declare function FEAASPickerProps(element?: FEAASBase<any, any>): {
5
5
  part: string;
6
6
  slot: string;
7
- mode: "library" | "stylesheet";
7
+ mode: "library" | "element" | "themes";
8
+ placeholder: string;
8
9
  frontend: string;
9
10
  src: string;
10
11
  hidden: boolean;
11
- context: HTMLElement | import("@ckeditor/ckeditor5-engine").Element;
12
- onClose: (...args: any[]) => {};
12
+ variant: "internal" | "pages";
13
+ context: FEAASPickerImports.SDK.HTMLLikeElement;
14
+ onClose: (...args: any[]) => void;
15
+ onContextAttributeSet: (context: any, attribute: string, value: string) => void;
13
16
  };
14
17
  declare type FEAASPickerProps = ReturnType<typeof FEAASPickerProps>;
15
18
  export declare class FEAASPicker extends FEAASBase<FEAASPickerProps, typeof FEAASPickerImports> {
19
+ static observedAttributes: string[];
16
20
  getProps(): {
17
21
  part: string;
18
22
  slot: string;
19
- mode: "library" | "stylesheet";
23
+ mode: "library" | "element" | "themes";
24
+ placeholder: string;
20
25
  frontend: string;
21
26
  src: string;
22
27
  hidden: boolean;
23
- context: HTMLElement | import("@ckeditor/ckeditor5-engine").Element;
24
- onClose: (...args: any[]) => {};
28
+ variant: "internal" | "pages";
29
+ context: FEAASPickerImports.SDK.HTMLLikeElement;
30
+ onClose: (...args: any[]) => void;
31
+ onContextAttributeSet: (context: any, attribute: string, value: string) => void;
25
32
  };
26
33
  load(): Promise<any>;
27
- renderReact({ context, mode, children }: React.PropsWithChildren<FEAASPickerProps>, { Picker, React, ReactDOM }: typeof FEAASPickerImports): JSX.Element;
34
+ renderReact({ placeholder, context, mode, children, variant }: React.PropsWithChildren<FEAASPickerProps>, { Picker, React, ReactDOM }: typeof FEAASPickerImports): JSX.Element;
28
35
  }
29
36
  declare global {
30
37
  namespace JSX {
31
38
  interface IntrinsicElements {
32
39
  'feaas-picker': Partial<typeof FEAASPickerImports>;
33
- 'feaas-picker-lazy': Partial<typeof FEAASPickerImports>;
34
40
  }
35
41
  }
36
42
  }
37
- export declare function FEAASPickerLazyProps(element?: FEAASBase<any, any>): {
38
- library: string;
39
- mode: "library" | "stylesheet";
40
- frontend: string;
41
- src: string;
42
- hidden: boolean;
43
- context: HTMLElement | import("@ckeditor/ckeditor5-engine").Element;
44
- getToken: (options: any) => Promise<string>;
45
- };
46
- declare type FEAASPickerLazyProps = ReturnType<typeof FEAASPickerLazyProps>;
47
- export declare class FEAASPickerLazy extends FEAASBase<FEAASPickerLazyProps, typeof FEAASPickerImports> {
48
- static observedAttributes: string[];
49
- payload: any;
50
- getProps(): {
51
- library: string;
52
- mode: "library" | "stylesheet";
53
- frontend: string;
54
- src: string;
55
- hidden: boolean;
56
- context: HTMLElement | import("@ckeditor/ckeditor5-engine").Element;
57
- getToken: (options: any) => Promise<string>;
58
- };
59
- onClose: () => void;
60
- render(): void;
61
- }
62
43
  export {};
63
44
  //# sourceMappingURL=FEAASPicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FEAASPicker.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,kBAAkB,MAAM,4DAA4D,CAAA;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAEtD,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,SAAS,CAAC,GAAG,EAAE,GAAG,CAAQ;;;;;;;;uBAShC,GAAG,EAAE,KAAK,EAAE;EAE/C;AACD,aAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE3D,qBAAa,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,OAAO,kBAAkB,CAAC;IACrF,QAAQ;;;;;;;;;;IAIR,IAAI;IAIJ,WAAW,CACT,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACtE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,OAAO,kBAAkB;CAQzD;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAA;YAClD,mBAAmB,EAAE,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAA;SACxD;KACF;CACF;AAID,wBAAgB,oBAAoB,CAAC,OAAO,GAAE,SAAS,CAAC,GAAG,EAAE,GAAG,CAAQ;;;;;;;wBAQxC,GAAG,KAAK,QAAQ,MAAM,CAAC;EAEtD;AACD,aAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAEnE,qBAAa,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,EAAE,OAAO,kBAAkB,CAAC;IAC7F,MAAM,CAAC,kBAAkB,WAAoD;IAE7E,OAAO,MAAc;IACrB,QAAQ;;;;;;;;;IAIR,OAAO,aAEN;IAED,MAAM;CA8BP"}
1
+ {"version":3,"file":"FEAASPicker.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,kBAAkB,MAAM,4DAA4D,CAAA;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAEtD,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,SAAS,CAAC,GAAG,EAAE,GAAG,CAAQ;;;;;;;;;;uBAWhC,GAAG,EAAE,KAAK,IAAI;qCACA,GAAG,aAAa,MAAM,SAAS,MAAM,KAAK,IAAI;EAE/F;AACD,aAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE3D,qBAAa,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,OAAO,kBAAkB,CAAC;IACrF,MAAM,CAAC,kBAAkB,WAA8D;IAEvF,QAAQ;;;;;;;;;;;;;IAIR,IAAI;IAIJ,WAAW,CACT,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC5F,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,OAAO,kBAAkB;CAezD;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAA;SACnD;KACF;CACF"}
@@ -1,43 +0,0 @@
1
- /// <reference types="react" resolution-mode="require"/>
2
- import type * as FEAASContextImports from '@sitecore-feaas/frontend/src/components/providers/ContextProvider.jsx';
3
- import { FEAASBase, OptionalExcept } from './FEAASBase.jsx';
4
- export declare function FEAASContextProps(element?: HTMLElement): {
5
- library: string;
6
- src: string;
7
- frontend: string;
8
- backend: string;
9
- cdn: string;
10
- getToken: (options: any) => Promise<string>;
11
- };
12
- declare type FEAASContextProps = ReturnType<typeof FEAASContextProps>;
13
- /**
14
- * Context provides shared parameters and react providers for its nested elements. It loads lazily once any of its
15
- * nested components load. Just placing it on the page without any consumers does not impose any overhead.
16
- */
17
- export declare class FEAASContext extends FEAASBase<FEAASContextProps, typeof FEAASContextImports> {
18
- static observedAttributes: string[];
19
- getProps(): {
20
- library: string;
21
- src: string;
22
- frontend: string;
23
- backend: string;
24
- cdn: string;
25
- getToken: (options: any) => Promise<string>;
26
- };
27
- load(): Promise<any>;
28
- getTheme(theme: FEAASContextImports.Chakra.Theme): FEAASContextImports.Chakra.Theme;
29
- getRoot(): HTMLElement | FEAASBase<any, any> | ShadowRoot;
30
- reactRootElement: HTMLDivElement;
31
- getReactRootElement(): HTMLDivElement;
32
- /** Pull in children FEAAS react elements into the shadow DOM so they receieve the styles */
33
- connectedCallback(): void;
34
- renderReact({ children, library }: React.PropsWithChildren<FEAASContextProps>, { AppContext, Chakra: { Button, Tooltip }, React }: typeof this.payload): JSX.Element;
35
- }
36
- declare global {
37
- namespace JSX {
38
- interface IntrinsicElements {
39
- 'feaas-context': OptionalExcept<FEAASContextProps, 'library'>;
40
- }
41
- }
42
- }
43
- export {};
@@ -1,136 +0,0 @@
1
- /// <reference types="react" resolution-mode="require"/>
2
- import type * as FEAASEditorImports from '@sitecore-feaas/frontend/src/components/editor/Editor.jsx';
3
- import { FEAASBase, OptionalExcept } from './FEAASBase.js';
4
- import { FEAASLoader } from './FEAASLoader.jsx';
5
- export { FEAASLoader };
6
- export declare function getFramePosition(element: HTMLElement): {
7
- left: number;
8
- top: number;
9
- };
10
- export declare function FEAASEditorProps(element?: FEAASBase): {
11
- context: {
12
- new (): HTMLElement;
13
- prototype: HTMLElement;
14
- };
15
- frontend: string;
16
- src: string;
17
- library: string;
18
- component: string;
19
- version: string;
20
- instance: string;
21
- forked: string;
22
- revision: string;
23
- hidden: boolean;
24
- for: string;
25
- state: string;
26
- changed: boolean;
27
- };
28
- declare type FEAASEditorProps = ReturnType<typeof FEAASEditorProps>;
29
- declare type Rect = {
30
- top: number;
31
- left: number;
32
- width: number;
33
- height: number;
34
- };
35
- export declare class FEAASEditor extends FEAASBase<FEAASEditorProps, typeof FEAASEditorImports> {
36
- framePoint: Pick<Rect, 'top' | 'left'>;
37
- wrapperRect: Rect;
38
- bodyRect: Rect;
39
- static observedAttributes: string[];
40
- getProps(): {
41
- context: {
42
- new (): HTMLElement;
43
- prototype: HTMLElement;
44
- };
45
- frontend: string;
46
- src: string;
47
- library: string;
48
- component: string;
49
- version: string;
50
- instance: string;
51
- forked: string;
52
- revision: string;
53
- hidden: boolean;
54
- for: string;
55
- state: string;
56
- changed: boolean;
57
- };
58
- reactRootElement: HTMLDivElement;
59
- getReactRootElement(): HTMLDivElement;
60
- target: HTMLElement;
61
- setTarget: (element: HTMLElement, props?: {
62
- component: string;
63
- version: string;
64
- revision: string;
65
- instance: string;
66
- }) => boolean;
67
- showLoader(): void;
68
- hideLoader(): void;
69
- load(): Promise<any>;
70
- onChromeMeasureElement: (element: HTMLElement, rect?: Rect) => {
71
- left: number;
72
- top: number;
73
- width: number;
74
- height: number;
75
- };
76
- onBeforeMeasure: FEAASEditorImports.EditorContext['onChromeBeforeMeasure'];
77
- onMeasure: FEAASEditorImports.EditorContext['onChromeMeasure'];
78
- onPosition: FEAASEditorImports.EditorContext['onChromePosition'];
79
- onWindowMessage: (event: MessageEvent) => void;
80
- connectedCallback(): void;
81
- disconnectedCallback(): void;
82
- onContentChange: () => void;
83
- iframe: HTMLIFrameElement;
84
- setIframe(iframe: HTMLIFrameElement): void;
85
- setIframeComponentContent(): void;
86
- setPlaceholder(): void;
87
- chrome: {
88
- positionable: HTMLDivElement;
89
- absolute: HTMLDivElement;
90
- wrapper: HTMLDivElement;
91
- };
92
- measurements: Record<string, DOMRect>;
93
- editedUID: string;
94
- placeholder: {
95
- clipper: HTMLDivElement;
96
- positionable: HTMLDivElement;
97
- editable: HTMLDivElement;
98
- loader: FEAASLoader;
99
- };
100
- loader: FEAASLoader;
101
- getPlaceholder(): {
102
- clipper: HTMLDivElement;
103
- positionable: HTMLDivElement;
104
- editable: HTMLDivElement;
105
- loader: FEAASLoader;
106
- };
107
- attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
108
- open(): void;
109
- shouldFork(version: FEAASEditorImports.SDK.VersionModel): boolean;
110
- cleanup(): void;
111
- onClose: () => void;
112
- close(): void;
113
- unfork(): void;
114
- discard(): void;
115
- save(): void;
116
- versionContext: FEAASEditorImports.VersionContext;
117
- setVersionContext(props: Partial<FEAASEditorImports.VersionContext>): void;
118
- onVersionStateChange: (versionContext: FEAASEditorImports.VersionContext, setVersionContext: (context: Partial<FEAASEditorImports.VersionContext>) => void) => void;
119
- editorContext: FEAASEditorImports.EditorContext;
120
- setEditorContext(props: Partial<FEAASEditorImports.EditorContext>): void;
121
- onEditorStateChange: (editorContext: FEAASEditorImports.EditorContext, setEditorContext: (context: Partial<FEAASEditorImports.EditorContext>) => void) => void;
122
- setLoadingState(): void;
123
- setReadyState(): void;
124
- component: FEAASEditorImports.SDK.ComponentModel;
125
- version: FEAASEditorImports.SDK.VersionModel;
126
- closing: ReturnType<typeof setTimeout>;
127
- renderReact({ children, component: componentId, version: versionId, instance: instanceId }: React.PropsWithChildren<FEAASEditorProps>, { Editor, VersionStatusList, VersionStatusButton, Version, VersionMenu, EditorUIUndo, EditorUIMode, React: { useEffect, useMemo, useState, useContext }, Chakra: { HStack, Box, Button, MenuItem }, Chrome, ReactDOM, useSDK, useSlots, useModelObserver, ConfirmationContext, VersionContext }: typeof FEAASEditorImports): FEAASEditorImports.React.ReactElement<any, string | FEAASEditorImports.React.JSXElementConstructor<any>>;
128
- isReadyToLoad(): boolean;
129
- }
130
- declare global {
131
- namespace JSX {
132
- interface IntrinsicElements {
133
- 'feaas-editor': OptionalExcept<FEAASEditorProps, 'component' | 'version'>;
134
- }
135
- }
136
- }
@@ -1,65 +0,0 @@
1
- /// <reference types="react" resolution-mode="require"/>
2
- import type * as FEAASPickerImports from '@sitecore-feaas/frontend/src/components/picker/Picker.jsx';
3
- import { FEAASBase } from './FEAASBase.js';
4
- export declare function FEAASPickerProps(element?: FEAASBase<any, any>): {
5
- part: string;
6
- slot: string;
7
- mode: "library" | "stylesheet";
8
- frontend: string;
9
- src: string;
10
- hidden: boolean;
11
- variant: "internal" | "pages";
12
- context: HTMLElement | import("@ckeditor/ckeditor5-engine").Element;
13
- onClose: (...args: any[]) => void;
14
- };
15
- declare type FEAASPickerProps = ReturnType<typeof FEAASPickerProps>;
16
- export declare class FEAASPicker extends FEAASBase<FEAASPickerProps, typeof FEAASPickerImports> {
17
- static observedAttributes: string[];
18
- getProps(): {
19
- part: string;
20
- slot: string;
21
- mode: "library" | "stylesheet";
22
- frontend: string;
23
- src: string;
24
- hidden: boolean;
25
- variant: "internal" | "pages";
26
- context: HTMLElement | import("@ckeditor/ckeditor5-engine").Element;
27
- onClose: (...args: any[]) => void;
28
- };
29
- load(): Promise<any>;
30
- renderReact({ context, mode, children, variant }: React.PropsWithChildren<FEAASPickerProps>, { Picker, React, ReactDOM }: typeof FEAASPickerImports): JSX.Element;
31
- }
32
- declare global {
33
- namespace JSX {
34
- interface IntrinsicElements {
35
- 'feaas-picker': Partial<typeof FEAASPickerImports>;
36
- 'feaas-picker-lazy': Partial<typeof FEAASPickerImports>;
37
- }
38
- }
39
- }
40
- export declare function FEAASPickerLazyProps(element?: FEAASBase<any, any>): {
41
- library: string;
42
- mode: "library" | "stylesheet";
43
- frontend: string;
44
- src: string;
45
- hidden: boolean;
46
- context: HTMLElement | import("@ckeditor/ckeditor5-engine").Element;
47
- getToken: (options: any) => Promise<string>;
48
- };
49
- declare type FEAASPickerLazyProps = ReturnType<typeof FEAASPickerLazyProps>;
50
- export declare class FEAASPickerLazy extends FEAASBase<FEAASPickerLazyProps, typeof FEAASPickerImports> {
51
- static observedAttributes: string[];
52
- payload: any;
53
- getProps(): {
54
- library: string;
55
- mode: "library" | "stylesheet";
56
- frontend: string;
57
- src: string;
58
- hidden: boolean;
59
- context: HTMLElement | import("@ckeditor/ckeditor5-engine").Element;
60
- getToken: (options: any) => Promise<string>;
61
- };
62
- onClose: () => void;
63
- render(): void;
64
- }
65
- export {};
@@ -1,7 +0,0 @@
1
- export { FEAASBase } from './FEAASBase.jsx';
2
- export { FEAASComponent } from './FEAASComponent.js';
3
- export { FEAASContext } from './FEAASContext.jsx';
4
- export { FEAASEditor } from './FEAASEditor.jsx';
5
- export { FEAASLoader } from './FEAASLoader.js';
6
- export { FEAASPicker } from './FEAASPicker.jsx';
7
- export { FEAASStylesheet } from './FEAASStylesheet.js';
package/types/index.d.ts DELETED
@@ -1,7 +0,0 @@
1
- export * from './basic.js';
2
- export * from './components/FEAASEditor.jsx';
3
- export * from './components/FEAASPicker.jsx';
4
- export * from './components/FEAASContext.jsx';
5
- export * from './components/FEAASComponent.jsx';
6
- export * from './components/FEAASLoader.jsx';
7
- export * from './components/FEAASBase.jsx';