@sitecore-feaas/clientside 0.2.0 → 0.2.2

package/types/ui/FEAAS.d.ts

@@ -0,0 +1,5 @@
+export * from '../headless.js';
+export * from './FEAASEditor.js';
+export * from './FEAASPicker.js';
+export * from './FEAASContext.js';
+//# sourceMappingURL=FEAAS.d.ts.map

package/types/ui/FEAAS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FEAAS.d.ts","sourceRoot":"","sources":["../../src/ui/FEAAS.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA"}

package/types/ui/FEAASContext.d.ts

@@ -1,15 +1,16 @@
 /// <reference types="react" resolution-mode="require"/>
 import type * as FEAASContextImports from '@sitecore-feaas/frontend/context';
-import type { AuthModel } from '@sitecore-feaas/sdk';
-import { FEAASBase, OptionalExcept } from '../components/FEAASBase.js';
+import { FEAASElement, OptionalExcept } from '../components/FEAASElement.js';
 import { ControlledPromise } from '../utils/promise.js';
+import type * as FEAAS from './index.js';
 export declare function FEAASContextProps(element: HTMLElement): {
     library: string;
     src: string;
+    environment: string;
     frontend: string;
     backend: string;
     cdn: string;
-    auth: Partial<AuthModel>;
+    auth: Partial<FEAASContextImports.Model.AuthModel>;
     isolate: boolean;
 };
 export type FEAASContextProps = ReturnType<typeof FEAASContextProps>;
@@ -17,35 +18,39 @@ export type FEAASContextProps = ReturnType<typeof FEAASContextProps>;
  * Context provides shared parameters and react providers for its nested elements. It loads lazily once any of its
  * nested components load. Just placing it on the page without any consumers does not impose any overhead.
  */
-export declare class FEAASContext extends FEAASBase<FEAASContextProps, typeof FEAASContextImports> {
+export declare class FEAASContext extends FEAASElement<FEAASContextProps, typeof FEAASContextImports> {
     static observedAttributes: string[];
     getProps(): {
         library: string;
         src: string;
+        environment: string;
         frontend: string;
         backend: string;
         cdn: string;
-        auth: Partial<AuthModel>;
+        auth: Partial<FEAASContextImports.Model.AuthModel>;
         isolate: boolean;
     };
     defaultProps: Partial<{
         library: string;
         src: string;
+        environment: string;
         frontend: string;
         backend: string;
         cdn: string;
-        auth: Partial<AuthModel>;
+        auth: Partial<FEAASContextImports.Model.AuthModel>;
         isolate: boolean;
     }>;
     load(): Promise<typeof FEAASContextImports>;
     isReadyToLoad(): boolean;
     getTheme(theme: FEAASContextImports.Chakra.Theme): FEAASContextImports.Chakra.Theme;
-    getRoot(): HTMLElement | FEAASBase<any, any> | ShadowRoot;
+    getRoot(): HTMLElement | FEAASElement<any, any> | ShadowRoot;
     reactRootElement: HTMLDivElement;
     getReactRootElement(): HTMLDivElement;
     /** Pull in children FEAAS react elements into the shadow DOM so they receieve the styles */
     connectedCallback(): void;
+    disconnectedCallback(): void;
     sdk: FEAASContextImports.SDK;
+    clientside: typeof FEAAS;
     onStatusChange: FEAASContextImports.SDKStatusCallback;
     whenSDKReady: ControlledPromise<FEAASContextImports.SDK>;
     render({ children, library }: React.PropsWithChildren<FEAASContextProps>, { AppContext, Chakra: { Button, Tooltip }, React }: typeof this.payload): JSX.Element;
@@ -56,5 +61,9 @@ declare global {
             'feaas-context': OptionalExcept<FEAASContextProps, 'library'>;
         }
     }
+    interface DocumentEventMap {
+        feaasReady: CustomEvent<FEAASContextImports.SDK>;
+    }
 }
+export { FEAASContext as Context };
 //# sourceMappingURL=FEAASContext.d.ts.map

package/types/ui/FEAASContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASContext.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,mBAAmB,MAAM,kCAAkC,CAAA;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW;;;;;;;;EAUrD;AACD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEpE;;;GAGG;AACH,qBAAa,YAAa,SAAQ,SAAS,CAAC,iBAAiB,EAAE,OAAO,mBAAmB,CAAC;IACxF,MAAM,CAAC,kBAAkB,WAA0E;IACnG,QAAQ;;;;;;;;;IAIR,YAAY;;;;;;;;OAEmB;IAE/B,IAAI;IAIJ,aAAa;IAMb,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;IAKzD,gBAAgB,EAAE,cAAc,CAAA;IAChC,mBAAmB;IASnB,4FAA4F;IAC5F,iBAAiB,IAAI,IAAI;IAOzB,GAAG,EAAE,mBAAmB,CAAC,GAAG,CAAA;IAC5B,cAAc,EAAE,mBAAmB,CAAC,iBAAiB,CAKpD;IACD,YAAY,6CAEV;IAEF,MAAM,CACJ,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;CAiC1E;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"}
+{"version":3,"file":"FEAASContext.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,mBAAmB,MAAM,kCAAkC,CAAA;AAE5E,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,KAAK,KAAK,KAAK,MAAM,YAAY,CAAA;AAExC,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW;;;;;;;;;EAYrD;AACD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAEpE;;;GAGG;AACH,qBAAa,YAAa,SAAQ,YAAY,CAAC,iBAAiB,EAAE,OAAO,mBAAmB,CAAC;IAC3F,MAAM,CAAC,kBAAkB,WAA0E;IACnG,QAAQ;;;;;;;;;;IAIR,YAAY;;;;;;;;;OAEmB;IAE/B,IAAI;IAIJ,aAAa;IAKb,QAAQ,CAAC,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC,KAAK,GAAG,mBAAmB,CAAC,MAAM,CAAC,KAAK;IAInF,OAAO,IAAI,WAAW,GAAG,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,UAAU;IAK5D,gBAAgB,EAAE,cAAc,CAAA;IAChC,mBAAmB;IASnB,4FAA4F;IAC5F,iBAAiB;IAUjB,oBAAoB;IAMpB,GAAG,EAAE,mBAAmB,CAAC,GAAG,CAAA;IAC5B,UAAU,EAAE,OAAO,KAAK,CAAA;IACxB,cAAc,EAAE,mBAAmB,CAAC,iBAAiB,CAKpD;IACD,YAAY,6CAEV;IAEF,MAAM,CACJ,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;CAmC1E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,eAAe,EAAE,cAAc,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAA;SAC9D;KACF;IACD,UAAU,gBAAgB;QACxB,UAAU,EAAE,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAA;KACjD;CACF;AAED,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,CAAA"}

package/types/ui/FEAASEditor.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" resolution-mode="require"/>
 import type * as FEAASEditorImports from '@sitecore-feaas/frontend/editor';
-import { FEAASBase, OptionalExcept } from '../components/FEAASBase.js';
+import { FEAASElement, OptionalExcept } from '../components/FEAASElement.js';
 import { FEAASLoader } from '../components/FEAASLoader.js';
 export declare function getFramePosition(element: HTMLElement): {
     left: number;
     top: number;
 };
-export declare function FEAASEditorProps(element: FEAASBase): {
+export declare function FEAASEditorProps(element: FEAASElement): {
     context: {
         new (): HTMLElement;
         prototype: HTMLElement;
@@ -31,7 +31,7 @@ type Rect = {
     width: number;
     height: number;
 };
-export declare class FEAASEditor extends FEAASBase<FEAASEditorProps, typeof FEAASEditorImports> {
+export declare class FEAASEditor extends FEAASElement<FEAASEditorProps, typeof FEAASEditorImports> {
     framePoint: Pick<Rect, 'top' | 'left'>;
     wrapperRect: Rect;
     bodyRect: Rect;
@@ -123,7 +123,7 @@ export declare class FEAASEditor extends FEAASBase<FEAASEditorProps, typeof FEAA
     };
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     open(): void;
-    shouldFork(version: FEAASEditorImports.SDK.VersionModel): boolean;
+    shouldFork(version: FEAASEditorImports.Model.VersionModel): boolean;
     cleanup(): void;
     onClose: () => void;
     close(): void;
@@ -138,8 +138,8 @@ export declare class FEAASEditor extends FEAASBase<FEAASEditorProps, typeof FEAA
     onEditorStateChange: (editorContext: FEAASEditorImports.EditorContext, setEditorContext: (context: Partial<FEAASEditorImports.EditorContext>) => void) => void;
     setLoadingState(): void;
     setReadyState(): void;
-    component: FEAASEditorImports.SDK.ComponentModel;
-    version: FEAASEditorImports.SDK.VersionModel;
+    component: FEAASEditorImports.Model.ComponentModel;
+    version: FEAASEditorImports.Model.VersionModel;
     closing: ReturnType<typeof setTimeout>;
     render({ 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, useLibrary, useSlots, useModelObserver, ConfirmationContext, VersionContext }: typeof FEAASEditorImports): FEAASEditorImports.React.ReactElement<any, string | FEAASEditorImports.React.JSXElementConstructor<any>>;
     isReadyToLoad(): boolean;

package/types/ui/FEAASEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASEditor.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASEditor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FEAASEditor.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASEditor.tsx"],"names":[],"mappings":"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"}

package/types/ui/FEAASExternal.d.ts

@@ -1,21 +1,20 @@
 /// <reference types="node" resolution-mode="require"/>
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { FEAASBase } from '../components/FEAASBase.js';
-import { ReactJSX, ReactModules } from '../components/FEAASElement.js';
+import { FEAASElement } from '../components/FEAASElement.js';
+import { ReactJSX, ReactModules } from '../components/FEAASReactElement.js';
 import { FEAASComponentProps } from './react.js';
-export declare const parseProps: (propName: string, propValue: string, properties: any) => any;
-export declare function FEAASExternalProps(element: FEAASBase): {};
+import type { ExternalComponent, ExternalComponentOptions, JSONSchema } from '@sitecore-feaas/sdk';
+/** Parses a property value based on its property name and type defined in the JSON properties object. */
+export declare const parseProps: (propName: string, propValue: string, properties: JSONSchema['properties']) => any;
+export declare function FEAASExternalProps(element: FEAASElement): {};
 export type RegisteredComponents = {
-    [id: string]: {
-        component: React.ElementType;
-        schema: any;
-    };
+    [id: string]: ExternalComponent;
 };
 export type FEAASExternalProps = ReturnType<typeof FEAASExternalProps> & {
     dataExternalId: string;
 };
-export default class FEAASExternal extends FEAASBase<FEAASExternalProps, ReactModules> {
+export default class FEAASExternal extends FEAASElement<FEAASExternalProps, ReactModules> {
     static registered: RegisteredComponents;
     static registrationCallback: NodeJS.Timeout;
     load(): Promise<{
@@ -24,7 +23,56 @@ export default class FEAASExternal extends FEAASBase<FEAASExternalProps, ReactMo
     }>;
     render(props: FEAASExternalProps, { React }: ReactModules): ReactJSX;
     getProps(): {};
-    static registerComponent(component: React.FC, schema?: any): void;
+    /**
+     * Register React component to be renderable as Sitecore component (in Components and Pages). Properties are defined
+     * as JSON schema, from which a configuration form will be produced using RJSF library. The library allows passing a
+     * UI schema that allows tight customization of form widgets, styles and its behavior.
+     *
+     * @example
+     *   FEAAS.External.registerComponent(MyComponent, {
+     *     // Name of a component as it will be presented to the user
+     *     name: 'My Component',
+     *     // Title of a component as it will be presented in the inputs form
+     *     title: 'My Component',
+     *     // Optional: Thumbnail image for component to be displayed in UI
+     *     thumbnail: 'http://examaple.com/component.jpg',
+     *     // Optional: Group components by name
+     *     group: 'Assorted components',
+     *     // Definitions of three configurable properties that MyComponent accepts
+     *     properties: {
+     *       // Color is a string, but only Red/Green/Blue are allowed
+     *       color: { type: 'string', enum: ['red', 'green', 'blue'] },
+     *       // Text is a property labelled as "Text summary"
+     *       text: { type: 'string', title: 'Text summary' },
+     *       // Count is a number with 1 as default value
+     *       count: { type: 'number', default: 1 }
+     *     },
+     *     // Optional UI schema customization
+     *     ui: {
+     *       // Present color choices as radio buttons
+     *       color: { 'ui:widget': 'radio' },
+     *       // Text is a textarea with 5 rows
+     *       text: { 'ui:widget': 'textarea', 'ui:options': { rows: 5 } },
+     *       // Count is a number field with spinner button
+     *       count: { 'ui:widget': 'updown' }
+     *     },
+     *     // Color and text area required properties
+     *     required: ['color', 'text']
+     *   })
+     *
+     * @param {React.ComponentType} component React component that will be rendered.
+     * @param {string} options.name Component name as presented to the user.
+     * @param {string} options.title Component title to be used in the inputs form. Defaults to component name.
+     * @param {JSONSchema['properties']} options.properties Object of properties.
+     * @param {JSONSchema['type']} options.properties[].type JSON Schema type of a property.
+     * @param {string} [options.properties[].title] Optional title displayed to the user.
+     * @param {string} [options.group] Optional Image to be displayed in the UI.
+     * @param {string} [options.thumbnail] Optional title displayed to the user.
+     * @param {UISchema} [options.ui] Optional component groupping.
+     * @see https://rjsf-team.github.io/react-jsonschema-form/docs/api-reference/uiSchema
+     * @see https://json-schema.org
+     */
+    static registerComponent(component: React.ComponentType, options: ExternalComponentOptions): void;
     static setRegistrationCallback(): void;
     static Preview(props: Partial<FEAASComponentProps<any>> & {
         src: string;
@@ -44,5 +92,6 @@ declare global {
         }
     }
 }
+export declare const registerComponent: typeof FEAASExternal.registerComponent;
 export { FEAASExternal as External };
 //# sourceMappingURL=FEAASExternal.d.ts.map

package/types/ui/FEAASExternal.d.ts.map

@@ -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,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAEtE,OAAO,EAAa,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAiB3D,eAAO,MAAM,UAAU,aAAc,MAAM,aAAa,MAAM,cAAc,GAAG,QAiB9E,CAAA;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,SAAS,MAapD;AAED,MAAM,MAAM,oBAAoB,GAAG;IAAE,CAAC,EAAE,EAAE,MAAM,GAAG;QAAE,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC;QAAC,MAAM,EAAE,GAAG,CAAA;KAAE,CAAA;CAAE,CAAA;AAClG,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAAE,cAAc,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnG,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,YAAY,CAAC;IACpF,MAAM,CAAC,UAAU,EAAE,oBAAoB,CAAK;IAC5C,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,OAAO,CAAA;IAC3C,IAAI;;;;IAIJ,MAAM,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;IAOpE,QAAQ;IAIR,MAAM,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM,GAAE,GAAQ;IAO9D,MAAM,CAAC,uBAAuB;IAkC9B,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE;CAK1E;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;SACF;KACF;CACF;AAKD,OAAO,EAAE,aAAa,IAAI,QAAQ,EAAE,CAAA"}
+{"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;AAyD5G,yGAAyG;AACzG,eAAO,MAAM,UAAU,aAAc,MAAM,aAAa,MAAM,cAAc,UAAU,CAAC,YAAY,CAAC,QAkBnG,CAAA;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,YAAY,MAavD;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,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,QAAQ;IAOpE,QAAQ;IAIR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgDG;IACH,MAAM,CAAC,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,wBAAwB;IAkB1F,MAAM,CAAC,uBAAuB;IAsC9B,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE;CAK1E;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;SACF;KACF;CACF;AAKD,eAAO,MAAM,iBAAiB,wCAAkC,CAAA;AAChE,OAAO,EAAE,aAAa,IAAI,QAAQ,EAAE,CAAA"}

package/types/ui/FEAASPicker.d.ts

@@ -1,49 +1,50 @@
 /// <reference types="react" resolution-mode="require"/>
 import type * as FEAASPickerImports from '@sitecore-feaas/frontend/picker';
-import { FEAASBase } from '../components/FEAASBase.js';
-export declare function FEAASPickerProps(element: FEAASBase<any, any>): {
+import { FEAASElement } from '../components/FEAASElement.js';
+export declare function FEAASPickerProps(element: FEAASElement<any, any>): {
     part: string;
     slot: string;
-    mode: "library" | "element" | "themes";
+    mode: "library" | "datasources" | "element" | "themes";
     placeholder: string;
     frontend: string;
     src: string;
     hidden: boolean;
     variant: "internal" | "pages";
-    context: FEAASPickerImports.SDK.Style.Context;
+    context: FEAASPickerImports.Style.Context;
     onClose: (...args: any[]) => void;
     onContextAttributeSet: (context: any, attribute: string, value: string) => void;
 };
 export type FEAASPickerProps = ReturnType<typeof FEAASPickerProps>;
-export declare class FEAASPicker extends FEAASBase<FEAASPickerProps, typeof FEAASPickerImports> {
+export declare class FEAASPicker extends FEAASElement<FEAASPickerProps, typeof FEAASPickerImports> {
     static observedAttributes: string[];
     defaultProps: Partial<{
         part: string;
         slot: string;
-        mode: "library" | "element" | "themes";
+        mode: "library" | "datasources" | "element" | "themes";
         placeholder: string;
         frontend: string;
         src: string;
         hidden: boolean;
         variant: "internal" | "pages";
-        context: FEAASPickerImports.SDK.Style.Context;
+        context: FEAASPickerImports.Style.Context;
         onClose: (...args: any[]) => void;
         onContextAttributeSet: (context: any, attribute: string, value: string) => void;
     }>;
     getProps(): {
         part: string;
         slot: string;
-        mode: "library" | "element" | "themes";
+        mode: "library" | "datasources" | "element" | "themes";
         placeholder: string;
         frontend: string;
         src: string;
         hidden: boolean;
         variant: "internal" | "pages";
-        context: FEAASPickerImports.SDK.Style.Context;
+        context: FEAASPickerImports.Style.Context;
         onClose: (...args: any[]) => void;
         onContextAttributeSet: (context: any, attribute: string, value: string) => void;
     };
     load(): Promise<typeof FEAASPickerImports>;
+    connectedCallback(): void;
     render({ placeholder, context, mode, children, variant }: React.PropsWithChildren<FEAASPickerProps>, { Picker, React, useLibrary }: typeof FEAASPickerImports): JSX.Element;
 }
 declare global {
@@ -53,4 +54,5 @@ declare global {
         }
     }
 }
+export { FEAASPicker as Picker };
 //# sourceMappingURL=FEAASPicker.d.ts.map

package/types/ui/FEAASPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FEAASPicker.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,kBAAkB,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAEtD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC;;;;;;;;;;uBAWzB,GAAG,EAAE,KAAK,IAAI;qCACA,GAAG,aAAa,MAAM,SAAS,MAAM,KAAK,IAAI;EAE/F;AACD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAElE,qBAAa,WAAY,SAAQ,SAAS,CAAC,gBAAgB,EAAE,OAAO,kBAAkB,CAAC;IACrF,MAAM,CAAC,kBAAkB,WAA8D;IAEvF,YAAY;;;;;;;;;;;;OAEkB;IAE9B,QAAQ;;;;;;;;;;;;;IAIR,IAAI;IAIJ,MAAM,CACJ,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC5F,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,OAAO,kBAAkB;CAsB3D;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAA;SACnD;KACF;CACF"}
+{"version":3,"file":"FEAASPicker.d.ts","sourceRoot":"","sources":["../../src/ui/FEAASPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,kBAAkB,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAE5D,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC;;;;;;;;;;uBAW5B,GAAG,EAAE,KAAK,IAAI;qCACA,GAAG,aAAa,MAAM,SAAS,MAAM,KAAK,IAAI;EAE/F;AACD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAElE,qBAAa,WAAY,SAAQ,YAAY,CAAC,gBAAgB,EAAE,OAAO,kBAAkB,CAAC;IACxF,MAAM,CAAC,kBAAkB,WAA8D;IAEvF,YAAY;;;;;;;;;;;;OAEkB;IAE9B,QAAQ;;;;;;;;;;;;;IAIR,IAAI;IAGJ,iBAAiB;IAIjB,MAAM,CACJ,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC5F,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,OAAO,kBAAkB;CAsB3D;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAA;SACnD;KACF;CACF;AAED,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,CAAA"}

package/types/ui/index.d.ts

@@ -1,5 +1,2 @@
-export * from '../headless.js';
-export * from './FEAASEditor.js';
-export * from './FEAASPicker.js';
-export * from './FEAASContext.js';
+export * from './FEAAS.js';
 //# sourceMappingURL=index.d.ts.map

package/types/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/types/ui/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":";AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAwB,MAAM,YAAY,CAAA;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,CAAC,GAAG,CAAC,eAkBtE;AAED,eAAO,MAAM,SAAS,mBAAa,CAAA"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/ui/react.tsx"],"names":[],"mappings":";AAEA,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAwB,MAAM,YAAY,CAAA;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,CAAC,GAAG,CAAC,eAoBtE;AAED,eAAO,MAAM,SAAS,mBAAa,CAAA"}