@common-stack/components-pro 8.0.1-alpha.0 → 8.0.2-alpha.1

package/lib/index.d.ts

@@ -1,2 +1,3 @@
-export { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot } from './slot-fill';
+export { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot, } from './slot-fill';
 export { removeUniversalPortals, replaceServerFills } from './slot-fill/utils';
+export * from './plugin';

package/lib/index.js

@@ -1 +1 @@
-export{Fill,Slot,Provider as SlotFillProvider,createSlotFill}from'./slot-fill/index.js';export{removeUniversalPortals}from'./slot-fill/utils/removeUniversalPortals.js';export{replaceServerFills}from'./slot-fill/utils/replaceServerFills.js';export{default as __experimentalUseSlot}from'./slot-fill/bubbles-virtually/use-slot.js';//# sourceMappingURL=index.js.map
+export{Fill,Slot,Provider as SlotFillProvider,createSlotFill}from'./slot-fill/index.js';export{removeUniversalPortals}from'./slot-fill/utils/removeUniversalPortals.js';export{replaceServerFills}from'./slot-fill/utils/replaceServerFills.js';export{default as FillRenderProvider}from'./plugin/provider.js';export{PluginsLoader}from'./plugin/loader.js';export{default as __experimentalUseSlot}from'./slot-fill/bubbles-virtually/use-slot.js';//# sourceMappingURL=index.js.map

package/lib/index.server.d.ts

@@ -0,0 +1 @@
+export * from './plugin/middleware';

package/lib/index.server.js

@@ -0,0 +1 @@
+export{middleware}from'./plugin/middleware.js';//# sourceMappingURL=index.server.js.map

package/lib/index.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/plugin/context.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface IFillRenderContext {
+    loadedPlugins: any;
+}
+declare const FillRenderContext: React.Context<IFillRenderContext>;
+export default FillRenderContext;

package/lib/plugin/context.js

@@ -0,0 +1 @@
+import*as React from'react';const FillRenderContext = React.createContext(null);export{FillRenderContext as default};//# sourceMappingURL=context.js.map

package/lib/plugin/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/plugin/context.tsx"],"sourcesContent":[null],"names":[],"mappings":"4BAMM,MAAA,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAA4B,IAAI"}

package/lib/plugin/dynamic-render.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const DynamicRender: ({ renderImporter, ...props }: {
+    [x: string]: any;
+    renderImporter: any;
+}) => React.JSX.Element;

package/lib/plugin/dynamic-render.js

@@ -0,0 +1,19 @@
+import React__default,{useState,useEffect}from'react';const DynamicRender = ({ renderImporter, ...props }) => {
+    const [Component, setComponent] = useState(null);
+    useEffect(() => {
+        if (renderImporter) {
+            renderImporter()
+                .then((module) => {
+                const ImportedComponent = module.default;
+                setComponent(() => ImportedComponent);
+            })
+                .catch((error) => {
+                console.error(`Failed to load component from ${renderImporter}:`, error);
+            });
+        }
+    }, [renderImporter]);
+    if (!Component) {
+        return React__default.createElement(React__default.Fragment, null);
+    }
+    return React__default.createElement(Component, { ...props });
+};export{DynamicRender};//# sourceMappingURL=dynamic-render.js.map

package/lib/plugin/dynamic-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-render.js","sources":["../../src/plugin/dynamic-render.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sDAEO,MAAM,aAAa,GAAG,CAAC,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,KAAI;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IAElE,SAAS,CAAC,MAAK;QACX,IAAI,cAAc,EAAE;AAChB,YAAA,cAAc,EAAE;AACX,iBAAA,IAAI,CAAC,CAAC,MAAM,KAAI;AACb,gBAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC;AACzC,gBAAA,YAAY,CAAC,MAAM,iBAAiB,CAAC,CAAC;AAC1C,aAAC,CAAC;AACD,iBAAA,KAAK,CAAC,CAAC,KAAK,KAAI;gBACb,OAAO,CAAC,KAAK,CAAC,CAAA,8BAAA,EAAiC,cAAc,CAAG,CAAA,CAAA,EAAE,KAAK,CAAC,CAAC;AAC7E,aAAC,CAAC,CAAC;SACV;AACL,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAI,CAAC,SAAS,EAAE;AACZ,QAAA,OAAOA,2DAAK,CAAC;KAChB;AAED,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;AACpC"}

package/lib/plugin/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FillRenderProvider } from './provider';
+export { PluginsLoader } from './loader';

package/lib/plugin/loader.d.ts

@@ -0,0 +1 @@
+export declare function PluginsLoader(plugins: any[]): Promise<any[]>;

package/lib/plugin/loader.js

@@ -0,0 +1,11 @@
+async function PluginsLoader(plugins) {
+    const loadedPlugins = await Promise.all(plugins.map(async (plugin) => {
+        if (plugin.renderImporter) {
+            const module = await plugin.renderImporter();
+            const ImportedComponent = module.default;
+            return { ...plugin, Component: ImportedComponent };
+        }
+        return plugin;
+    }));
+    return loadedPlugins;
+}export{PluginsLoader};//# sourceMappingURL=loader.js.map

package/lib/plugin/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sources":["../../src/plugin/loader.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAO,eAAe,aAAa,CAAC,OAAc,EAAA;AAC9C,IAAA,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,GAAG,CACnC,OAAO,CAAC,GAAG,CAAC,OAAO,MAAW,KAAI;AAC9B,QAAA,IAAI,MAAM,CAAC,cAAc,EAAE;AACvB,YAAA,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,cAAc,EAAE,CAAC;AAC7C,YAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC;YACzC,OAAO,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;SACtD;AACD,QAAA,OAAO,MAAM,CAAC;KACjB,CAAC,CACL,CAAC;AACF,IAAA,OAAO,aAAa,CAAC;AACzB"}

package/lib/plugin/middleware.d.ts

@@ -0,0 +1,3 @@
+export declare const middleware: ({ context }: {
+    context: any;
+}, dataLoader: any, next: any) => Promise<void>;

package/lib/plugin/middleware.js

@@ -0,0 +1,19 @@
+const middleware = async ({ context }, dataLoader, next) => {
+    const { modules } = context;
+    try {
+        const plugins = modules.getComponentFillPlugins();
+        const loadedPlugins = await Promise.all(plugins.map(async (plugin) => {
+            if (plugin.renderImporter) {
+                const module = await plugin.renderImporter();
+                const ImportedComponent = module.default;
+                return { ...plugin, Component: ImportedComponent };
+            }
+            return plugin;
+        }));
+        dataLoader.loadedPlugins = loadedPlugins;
+    }
+    catch (error) {
+        console.error(error, 'Error with plugin middleware');
+    }
+    await next();
+};export{middleware};//# sourceMappingURL=middleware.js.map

package/lib/plugin/middleware.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"middleware.js","sources":["../../src/plugin/middleware.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEO,MAAM,UAAU,GAAG,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,KAAI;AAC9D,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,OAA0B,CAAC;AAE/C,IAAA,IAAI;AACA,QAAA,MAAM,OAAO,GAAI,OAAe,CAAC,uBAAuB,EAAE,CAAC;AAC3D,QAAA,MAAM,aAAa,GAAG,MAAM,OAAO,CAAC,GAAG,CACnC,OAAO,CAAC,GAAG,CAAC,OAAO,MAAW,KAAI;AAC9B,YAAA,IAAI,MAAM,CAAC,cAAc,EAAE;AACvB,gBAAA,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,cAAc,EAAE,CAAC;AAC7C,gBAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC;gBACzC,OAAO,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;aACtD;AACD,YAAA,OAAO,MAAM,CAAC;SACjB,CAAC,CACL,CAAC;AACF,QAAA,UAAU,CAAC,aAAa,GAAG,aAAa,CAAC;KAC5C;IAAC,OAAO,KAAK,EAAE;AACZ,QAAA,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,8BAA8B,CAAC,CAAC;KACxD;IACD,MAAM,IAAI,EAAE,CAAC;AACjB"}

package/lib/plugin/plugin-render.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const ChildrenRender: ({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}) => React.JSX.Element;
+export declare const PluginRender: (props: any) => React.JSX.Element;

package/lib/plugin/plugin-render.js

@@ -0,0 +1,38 @@
+import React__default,{useContext}from'react';import {DynamicRender}from'./dynamic-render.js';import {isFunction}from'../slot-fill/utils/index.js';import FillRenderContext from'./context.js';const ChildrenRender = ({ children, ...props }) => {
+    return React__default.createElement(React__default.Fragment, null, isFunction(children) ? children(props) : children);
+};
+const PluginRender = (props) => {
+    const loadedPlugins = useContext(FillRenderContext);
+    const plugins = typeof window === 'undefined' ? loadedPlugins.filter((plugin) => plugin.name === props.name) : props.fills;
+    return (React__default.createElement(React__default.Fragment, null, plugins.map((fill, i) => {
+        if (typeof window === 'undefined') {
+            if (fill.Component) {
+                return (React__default.createElement("div", { key: i, "data-slot-name": `slot-${fill.name}` },
+                    React__default.createElement(fill.Component, { ...props })));
+            }
+            else if (fill.render) {
+                let children = null;
+                try {
+                    const FillComponent = fill.render();
+                    children = FillComponent.props?.children;
+                }
+                catch (error) {
+                    console.error('Error in PluginRender', error);
+                }
+                if (children) {
+                    return (React__default.createElement("div", { key: i, "data-slot-name": `slot-${fill.name}` },
+                        React__default.createElement(ChildrenRender, { ...props, children: children })));
+                }
+            }
+        }
+        else {
+            if (fill.renderImporter) {
+                return React__default.createElement(DynamicRender, { key: i, ...props, renderImporter: fill.renderImporter });
+            }
+            else if (fill.children) {
+                return React__default.createElement(ChildrenRender, { key: i, ...props, children: fill.children });
+            }
+        }
+        return null;
+    })));
+};export{ChildrenRender,PluginRender};//# sourceMappingURL=plugin-render.js.map

package/lib/plugin/plugin-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-render.js","sources":["../../src/plugin/plugin-render.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"+LAMO,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,KAAI;AACrD,IAAA,OAAOA,4DAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAI,CAAC;AACpE,EAAE;AAEW,MAAA,YAAY,GAAG,CAAC,KAAK,KAAI;AAClC,IAAA,MAAM,aAAa,GAAQ,UAAU,CAAqB,iBAAiB,CAAC,CAAC;AAE7E,IAAA,MAAM,OAAO,GACT,OAAO,MAAM,KAAK,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;IAE/G,QACIA,cACK,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;AACrB,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAC/B,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;gBAChB,QACIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,CAAC,oBAAkB,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA;oBAC5CA,cAAC,CAAA,aAAA,CAAA,IAAI,CAAC,SAAS,EAAA,EAAA,GAAK,KAAK,EAAI,CAAA,CAC3B,EACR;aACL;AAAM,iBAAA,IAAI,IAAI,CAAC,MAAM,EAAE;gBACpB,IAAI,QAAQ,GAAG,IAAI,CAAC;AACpB,gBAAA,IAAI;AACA,oBAAA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;AACpC,oBAAA,QAAQ,GAAG,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;iBAC5C;gBAAC,OAAO,KAAK,EAAE;AACZ,oBAAA,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;iBACjD;gBACD,IAAI,QAAQ,EAAE;oBACV,QACIA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,CAAC,oBAAkB,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA;wBAC5CA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAK,EAAA,GAAA,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAI,CAC/C,EACR;iBACL;aACJ;SACJ;aAAM;AACH,YAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACrB,gBAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,GAAG,EAAE,CAAC,EAAA,GAAM,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,GAAI,CAAC;aACpF;AAAM,iBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACtB,gBAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,cAAc,EAAC,EAAA,GAAG,EAAE,CAAC,EAAA,GAAM,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAAC;aACzE;SACJ;AACD,QAAA,OAAO,IAAI,CAAC;KACf,CAAC,CACH,EACL;AACN"}

package/lib/plugin/provider.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface FillRenderProviderProps {
+    children: ReactNode;
+}
+declare const FillRenderProvider: React.FC<FillRenderProviderProps>;
+export default FillRenderProvider;

package/lib/plugin/provider.js

@@ -0,0 +1,4 @@
+import React__default from'react';import {useLoaderData}from'@remix-run/react';import FillRenderContext from'./context.js';const FillRenderProvider = ({ children }) => {
+    const { loadedPlugins } = useLoaderData();
+    return React__default.createElement(FillRenderContext.Provider, { value: loadedPlugins }, children);
+};export{FillRenderProvider as default};//# sourceMappingURL=provider.js.map

package/lib/plugin/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sources":["../../src/plugin/provider.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"2HAQA,MAAM,kBAAkB,GAAsC,CAAC,EAAE,QAAQ,EAAE,KAAI;AAC3E,IAAA,MAAM,EAAE,aAAa,EAAE,GAAQ,aAAa,EAAE,CAAC;IAE/C,OAAOA,cAAA,CAAA,aAAA,CAAC,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,EAAG,QAAQ,CAA8B,CAAC;AACrG"}

package/lib/plugin/utils.server.d.ts

@@ -0,0 +1 @@
+export declare function resolveComponent(renderImporter: string): Promise<any>;

package/lib/slot-fill/base/fill.js

@@ -1,10 +1,11 @@
-import React__default,{useRef}from'react';import {createPortal}from'react-dom';import {Consumer}from'./context.js';import {useSlot}from'./use-slot.js';const FillComponent = ({ name, children, registerFill, unregisterFill, serverMode }) => {
+import React__default,{useRef}from'react';import {Consumer}from'./context.js';import {useSlot}from'./use-slot.js';const FillComponent = ({ name, renderImporter, children, registerFill, unregisterFill, serverMode, }) => {
     const slot = useSlot(name);
     let useLayoutEffect;
+    const nodeProps = { renderImporter, children };
     if (serverMode) {
         useLayoutEffect = (args) => { };
-        if (!!name && !!children) {
-            registerFill(name, children);
+        if (!!name) {
+            registerFill(name, nodeProps);
         }
         return null;
     }
@@ -13,33 +14,33 @@ import React__default,{useRef}from'react';import {createPortal}from'react-dom';i
     }
     const ref = useRef({
         name,
-        children,
+        nodeProps,
     });
     useLayoutEffect(() => {
         const refValue = ref.current;
-        registerFill(name, refValue);
-        return () => unregisterFill(name, refValue);
+        registerFill(name, refValue.nodeProps);
+        return () => unregisterFill(name, refValue.nodeProps);
         // Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.
         // We'll leave them as-is until a more detailed investigation/refactor can be performed.
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     useLayoutEffect(() => {
-        ref.current.children = children;
+        ref.current.nodeProps = nodeProps;
         if (slot) {
             slot.forceUpdate();
         }
         // Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.
         // We'll leave them as-is until a more detailed investigation/refactor can be performed.
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [children]);
+    }, [renderImporter, children]);
     useLayoutEffect(() => {
         if (name === ref.current.name) {
             // ignore initial effect
             return;
         }
-        unregisterFill(ref.current.name, ref.current);
+        unregisterFill(ref.current.name, ref.current.nodeProps);
         ref.current.name = name;
-        registerFill(name, ref.current);
+        registerFill(name, ref.current.nodeProps);
         // Ignore reason: the useLayoutEffects here are written to fire at specific times, and introducing new dependencies could cause unexpected changes in behavior.
         // We'll leave them as-is until a more detailed investigation/refactor can be performed.
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -48,12 +49,13 @@ import React__default,{useRef}from'react';import {createPortal}from'react-dom';i
         return null;
     }
     // If a function is passed as a child, provide it with the fillProps.
-    if (typeof children === 'function') {
-        children = children(slot.props.fillProps);
-    }
-    return createPortal(children, slot.node);
+    // if (typeof children === 'function') {
+    //     children = children(slot.props.fillProps);
+    // }
+    // return createPortal(children, slot.node);
+    return React__default.createElement(React__default.Fragment, null);
 };
 const Fill = (props) => {
-    const serverMode = (typeof window === 'undefined');
+    const serverMode = typeof window === 'undefined';
     return (React__default.createElement(Consumer, null, ({ registerFill, unregisterFill }) => (React__default.createElement(FillComponent, { ...props, registerFill: registerFill, unregisterFill: unregisterFill, serverMode: serverMode }))));
 };export{Fill as default};//# sourceMappingURL=fill.js.map

package/lib/slot-fill/base/fill.js.map

@@ -1 +1 @@
-{"version":3,"file":"fill.js","sources":["../../../src/slot-fill/base/fill.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"uJASA,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAyB,KAAI;AAC1G,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAC3B,IAAA,IAAI,eAAe,CAAC;IAEpB,IAAI,UAAU,EAAE;AACZ,QAAA,eAAe,GAAG,CAAC,IAAI,KAAI,GAAG,CAAC;QAC/B,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,EAAE;AACtB,YAAA,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;SAChC;AACD,QAAA,OAAO,IAAI,CAAC;KACf;SAAM;AACH,QAAA,eAAe,GAAGA,cAAK,CAAC,eAAe,CAAC;KAC3C;IAED,MAAM,GAAG,GAAG,MAAM,CAAC;QACf,IAAI;QACJ,QAAQ;AACX,KAAA,CAAC,CAAC;IAEH,eAAe,CAAC,MAAK;AACjB,QAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC;AAC7B,QAAA,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC7B,OAAO,MAAM,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;;;;KAI/C,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,MAAK;AACjB,QAAA,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAChC,IAAI,IAAI,EAAE;YACN,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;;;;AAIL,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,eAAe,CAAC,MAAK;QACjB,IAAI,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE;;YAE3B,OAAO;SACV;QACD,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;AAC9C,QAAA,GAAG,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;AACxB,QAAA,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;;;;AAIpC,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACrB,QAAA,OAAO,IAAI,CAAC;KACf;;AAGD,IAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;KAC7C;IAED,OAAO,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AAC7C,CAAC,CAAC;AAOF,MAAM,IAAI,GAAmB,CAAC,KAAK,KAAI;IACnC,MAAM,UAAU,IAAI,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC;AACnD,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,EACJ,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,MAC9BA,6BAAC,aAAa,EAAA,EAAA,GACN,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EAAA,CACxB,CACL,CACM,EACb;AACN"}
+{"version":3,"file":"fill.js","sources":["../../../src/slot-fill/base/fill.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"kHAUA,MAAM,aAAa,GAAG,CAAC,EACnB,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,UAAU,GACS,KAAI;AACvB,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAC3B,IAAA,IAAI,eAAe,CAAC;AACpB,IAAA,MAAM,SAAS,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC;IAE/C,IAAI,UAAU,EAAE;AACZ,QAAA,eAAe,GAAG,CAAC,IAAI,KAAI,GAAG,CAAC;AAC/B,QAAA,IAAI,CAAC,CAAC,IAAI,EAAE;AACR,YAAA,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;SACjC;AACD,QAAA,OAAO,IAAI,CAAC;KACf;SAAM;AACH,QAAA,eAAe,GAAGA,cAAK,CAAC,eAAe,CAAC;KAC3C;IAED,MAAM,GAAG,GAAG,MAAM,CAAC;QACf,IAAI;QACJ,SAAS;AACZ,KAAA,CAAC,CAAC;IAEH,eAAe,CAAC,MAAK;AACjB,QAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC;AAC7B,QAAA,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;QACvC,OAAO,MAAM,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;;;;KAIzD,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,MAAK;AACjB,QAAA,GAAG,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;QAClC,IAAI,IAAI,EAAE;YACN,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;;;;AAIL,KAAC,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE/B,eAAe,CAAC,MAAK;QACjB,IAAI,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE;;YAE3B,OAAO;SACV;AACD,QAAA,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;AACxD,QAAA,GAAG,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;QACxB,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;;;;AAI9C,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACrB,QAAA,OAAO,IAAI,CAAC;KACf;;;;;;AAQD,IAAA,OAAOA,2DAAK,CAAC;AACjB,CAAC,CAAC;AAOF,MAAM,IAAI,GAAmB,CAAC,KAAK,KAAI;AACnC,IAAA,MAAM,UAAU,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AACjD,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,EACJ,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,MAC9BA,6BAAC,aAAa,EAAA,EAAA,GACN,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EAAA,CACxB,CACL,CACM,EACb;AACN"}

package/lib/slot-fill/base/provider.d.ts

@@ -1,24 +1,7 @@
-import React, { Component, ReactNode } from 'react';
-import { IFill, ISlot } from '../interfaces';
-declare class SlotFillProvider extends Component<{
+import React, { ReactNode } from 'react';
+interface SlotFillProviderProps {
     children: ReactNode;
-}, {}> {
-    private slots;
-    private fills;
-    private listeners;
-    private contextValue;
-    private returnValue;
-    constructor(props: any);
-    registerSlot(name: any, slot: any): void;
-    registerFill(name: any, instance: any): void;
-    unregisterSlot(name: any, instance: any): void;
-    unregisterFill(name: any, instance: IFill): void;
-    getSlot(name: any): ISlot;
-    getFills(name: any, slotInstance: any): IFill[];
-    hasFills(name: any): boolean;
-    private forceUpdateSlot;
-    private triggerListeners;
-    subscribe(listener: any): () => void;
-    render(): React.JSX.Element;
+    context?: any;
 }
+declare const SlotFillProvider: React.FC<SlotFillProviderProps>;
 export default SlotFillProvider;

package/lib/slot-fill/base/provider.js

@@ -1,100 +1,78 @@
-import React__default,{Component}from'react';import {sortBy}from'lodash-es';import {Provider}from'./context.js';class SlotFillProvider extends Component {
-    slots;
-    fills;
-    listeners;
-    contextValue;
-    returnValue;
-    constructor(props) {
-        super(props);
-        this.registerSlot = this.registerSlot.bind(this);
-        this.registerFill = this.registerFill.bind(this);
-        this.unregisterSlot = this.unregisterSlot.bind(this);
-        this.unregisterFill = this.unregisterFill.bind(this);
-        this.getSlot = this.getSlot.bind(this);
-        this.getFills = this.getFills.bind(this);
-        this.subscribe = this.subscribe.bind(this);
-        this.slots = {};
-        this.fills = {};
-        this.listeners = [];
-        this.contextValue = {
-            registerSlot: this.registerSlot,
-            unregisterSlot: this.unregisterSlot,
-            registerFill: this.registerFill,
-            unregisterFill: this.unregisterFill,
-            getSlot: this.getSlot,
-            getFills: this.getFills,
-            hasFills: this.hasFills,
-            subscribe: this.subscribe,
-        };
-        if (props.context) {
-            this.returnValue = props.context;
-            this.returnValue.fills = this.fills;
+import React__default,{useRef,useCallback}from'react';import {sortBy}from'lodash-es';import {Provider}from'./context.js';const SlotFillProvider = ({ children, context }) => {
+    const slots = useRef({});
+    const fills = useRef({});
+    const listeners = useRef([]);
+    const returnValue = useRef(context);
+    const forceUpdateSlot = useCallback((name) => {
+        const slot = slots.current[name];
+        if (slot) {
+            slot.forceUpdate();
         }
-    }
-    registerSlot(name, slot) {
-        const previousSlot = this.slots[name];
-        this.slots[name] = slot;
-        this.triggerListeners();
+    }, []);
+    const triggerListeners = useCallback(() => {
+        listeners.current.forEach((listener) => listener());
+    }, []);
+    const registerSlot = useCallback((name, slot) => {
+        const previousSlot = slots.current[name];
+        slots.current[name] = slot;
+        triggerListeners();
         // Sometimes the fills are registered after the initial render of slot
         // But before the registerSlot call, we need to rerender the slot
-        this.forceUpdateSlot(name);
+        forceUpdateSlot(name);
         // If a new instance of a slot is being mounted while another with the
         // same name exists, force its update _after_ the new slot has been
-        // assigned into the instance, suich that its own rendering of children
+        // assigned into the instance, such that its own rendering of children
         // will be empty (the new Slot will subsume all fills for this name).
         if (previousSlot) {
             previousSlot.forceUpdate();
         }
-    }
-    registerFill(name, instance) {
-        this.fills[name] = [...(this.fills[name] || []), instance];
-        this.forceUpdateSlot(name);
-    }
-    unregisterSlot(name, instance) {
+    }, [forceUpdateSlot, triggerListeners]);
+    const registerFill = useCallback((name, instance) => {
+        fills.current[name] = [...(fills.current[name] || []), instance];
+        forceUpdateSlot(name);
+    }, [forceUpdateSlot]);
+    const unregisterSlot = useCallback((name, instance) => {
         // If a previous instance of a Slot by this name unmounts, do nothing,
         // as the slot and its fills should only be removed for the current
         // known instance.
-        if (this.slots[name] !== instance) {
+        if (slots.current[name] !== instance) {
             return;
         }
-        delete this.slots[name];
-        this.triggerListeners();
-    }
-    unregisterFill(name, instance) {
-        this.fills[name] = this.fills[name]?.filter((fill) => fill !== instance) ?? [];
-        this.forceUpdateSlot(name);
-    }
-    getSlot(name) {
-        return this.slots[name];
-    }
-    getFills(name, slotInstance) {
-        // Commented following as we need the Slot to render at multiple places
-        // Fills should only be returned for the current instance of the slot
-        // in which they occupy.
-        // if (this.slots[name] !== slotInstance) {
-        //   return [];
-        // }
-        return sortBy(this.fills[name]);
-    }
-    hasFills(name) {
-        return this.fills[name] && !!this.fills[name].length;
-    }
-    forceUpdateSlot(name) {
-        const slot = this.getSlot(name);
-        if (slot) {
-            slot.forceUpdate();
-        }
-    }
-    triggerListeners() {
-        this.listeners.forEach((listener) => listener());
-    }
-    subscribe(listener) {
-        this.listeners.push(listener);
+        delete slots.current[name];
+        triggerListeners();
+    }, [triggerListeners]);
+    const unregisterFill = useCallback((name, instance) => {
+        fills.current[name] = fills.current[name]?.filter((fill) => fill !== instance) ?? [];
+        forceUpdateSlot(name);
+    }, [forceUpdateSlot]);
+    const getSlot = useCallback((name) => {
+        return slots.current[name];
+    }, []);
+    const getFills = useCallback((name, slotInstance) => {
+        return sortBy(fills.current[name]);
+    }, []);
+    const hasFills = useCallback((name) => {
+        return fills.current[name] && !!fills.current[name].length;
+    }, []);
+    const subscribe = useCallback((listener) => {
+        listeners.current.push(listener);
         return () => {
-            this.listeners = this.listeners.filter((l) => l !== listener);
+            listeners.current = listeners.current.filter((l) => l !== listener);
         };
+    }, []);
+    const contextValue = {
+        registerSlot,
+        unregisterSlot,
+        registerFill,
+        unregisterFill,
+        getSlot,
+        getFills,
+        hasFills,
+        subscribe,
+    };
+    if (context) {
+        returnValue.current = context;
+        returnValue.current.fills = fills.current;
     }
-    render() {
-        return React__default.createElement(Provider, { value: this.contextValue }, this.props.children);
-    }
-}export{SlotFillProvider as default};//# sourceMappingURL=provider.js.map
+    return React__default.createElement(Provider, { value: contextValue }, children);
+};export{SlotFillProvider as default};//# sourceMappingURL=provider.js.map

package/lib/slot-fill/base/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sources":["../../../src/slot-fill/base/provider.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"provider.js","sources":["../../../src/slot-fill/base/provider.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/lib/slot-fill/base/slot.js

@@ -1,87 +1,62 @@
-import React__default,{Component,Children,cloneElement}from'react';import {Consumer}from'./context.js';import {isEmptyElement}from'../utils/isEmptyElement.js';/**
- * Whether the argument is a function.
- *
- * @param {*} maybeFunc The argument to check.
- * @returns {boolean} True if the argument is a function, false otherwise.
- */
-function isFunction(maybeFunc) {
-    return typeof maybeFunc === 'function';
-}
-class SlotComponent extends Component {
-    node;
-    isUnmounted;
-    constructor(props) {
-        super(props);
-        this.isUnmounted = false;
-        this.bindNode = this.bindNode.bind(this);
-    }
-    componentDidMount() {
-        const { registerSlot, serverMode } = this.props;
+import React__default,{useRef,useState,useEffect,useCallback}from'react';import {Consumer}from'./context.js';import {PluginRender}from'../../plugin/plugin-render.js';const SlotComponent = (props) => {
+    const { registerSlot, unregisterSlot, getFills, serverMode, name, fillProps = {}, children } = props;
+    const nodeRef = useRef(null);
+    const isUnmountedRef = useRef(false);
+    const [_, setState] = useState({});
+    useEffect(() => {
         if (!serverMode) {
-            registerSlot(this.props.name, this);
+            registerSlot(name, nodeRef.current);
         }
-    }
-    componentWillUnmount() {
-        const { unregisterSlot } = this.props;
-        this.isUnmounted = true;
-        unregisterSlot(this.props.name, this);
-    }
-    componentDidUpdate(prevProps) {
-        this.props;
-        // Commented following as we need the Slot to render at multiple places
-        // if (prevProps.name !== name) {
-        //   unregisterSlot(prevProps.name);
-        //   registerSlot(name, this);
-        // }
-    }
-    bindNode(node) {
-        this.node = node;
-    }
-    forceUpdate() {
-        if (this.isUnmounted) {
+        return () => {
+            isUnmountedRef.current = true;
+            unregisterSlot(name, nodeRef.current);
+        };
+    }, [name, registerSlot, unregisterSlot, serverMode]);
+    useCallback(() => {
+        if (isUnmountedRef.current) {
             return;
         }
-        if (!this.props.serverMode) {
-            super.forceUpdate();
-        }
-    }
-    render() {
-        const { children, name, fillProps = {}, getFills, serverMode } = this.props;
-        if (serverMode) {
-            const fills = (getFills(name, this) ?? [])
-                .map((fill, i) => {
-                // unregisterFill(name, fill);
-                if (typeof fill === 'function') {
-                    const child = fill({ ...fillProps, key: i });
-                    return React__default.createElement("div", { "data-slot-name": `slot-${name}` }, child);
-                }
-                return null;
-            });
-            return fills;
+        if (!serverMode) {
+            // Trigger re-render
+            console.log(`The slot ${name} is being updated`);
+            setState({});
         }
-        const fills = (getFills(name, this) ?? [])
-            .map((fill) => {
-            const fillChildren = isFunction(fill.children) ? fill.children(fillProps) : fill.children;
-            return Children.map(fillChildren, (child, childIndex) => {
-                if (!child || typeof child === 'string') {
-                    return child;
-                }
-                const childKey = child.key || childIndex;
-                return cloneElement(child, { key: childKey });
-            });
-        })
-            .filter(
-        // In some cases fills are rendered only when some conditions apply.
-        // This ensures that we only use non-empty fills when rendering, i.e.,
-        // it allows us to render wrappers only when the fills are actually present.
-        (element) => !isEmptyElement(element));
-        return React__default.createElement(React__default.Fragment, null, isFunction(children) ? children(fills) : fills);
+    }, [serverMode]);
+    // const fills = (getFills(name) ?? [])
+    //     .map((fill: any, i) => {
+    //         if (serverMode) {
+    //             if (typeof fill === 'function') {
+    //                 const child = fill({...fillProps, key: i});
+    //                 return <div data-slot-name={`slot-${name}`}>{child}</div>;
+    //             }
+    //             return null;
+    //         } else {
+    //             const fillChildren: ReactElement = isFunction(fill.children) ? fill.children(fillProps) : fill.children;
+    //             return Children.map(fillChildren, (child, childIndex) => {
+    //                 if (!child || typeof child === 'string') {
+    //                     return child;
+    //                 }
+    //                 const childKey = child.key || childIndex;
+    //                 return cloneElement(child, { key: childKey });
+    //             });
+    //         }
+    //     })
+    //     .filter(
+    //         // In some cases fills are rendered only when some conditions apply.
+    //         // This ensures that we only use non-empty fills when rendering, i.e.,
+    //         // it allows us to render wrappers only when the fills are actually present.
+    //         (element) => !isEmptyElement(element),
+    //     );
+    const fills = getFills(name);
+    if (fills.length > 0) {
+        return React__default.createElement(PluginRender, { ...fillProps, name: name, fills: fills });
     }
-}
+    return null;
+};
 const Slot = (props) => {
-    const serverMode = (typeof window === 'undefined');
+    const serverMode = typeof window === 'undefined';
     return (React__default.createElement(Consumer, null, ({ registerSlot, unregisterSlot, getFills }) => (React__default.createElement(SlotComponent, { ...props, 
-        // We need to add id to fillProps with slot name, 
+        // We need to add id to fillProps with slot name,
         // so that we can use it when remove the component during hydration.
         getFills: getFills, registerSlot: registerSlot, unregisterSlot: unregisterSlot, serverMode: serverMode }))));
 };export{Slot as default};//# sourceMappingURL=slot.js.map

package/lib/slot-fill/base/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","sources":["../../../src/slot-fill/base/slot.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"slot.js","sources":["../../../src/slot-fill/base/slot.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"sKAoBA,MAAM,aAAa,GAA6B,CAAC,KAAK,KAAI;AACtD,IAAA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AACrG,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC7C,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEnC,SAAS,CAAC,MAAK;QACX,IAAI,CAAC,UAAU,EAAE;AACb,YAAA,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;SACvC;AACD,QAAA,OAAO,MAAK;AACR,YAAA,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,YAAA,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;AAC1C,SAAC,CAAC;KACL,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;AAErD,IAAoB,WAAW,CAAC,MAAK;AACjC,QAAA,IAAI,cAAc,CAAC,OAAO,EAAE;YACxB,OAAO;SACV;QACD,IAAI,CAAC,UAAU,EAAE;;AAEb,YAAA,OAAO,CAAC,GAAG,CAAC,YAAY,IAAI,CAAA,iBAAA,CAAmB,CAAC,CAAC;YACjD,QAAQ,CAAC,EAAE,CAAC,CAAC;SAChB;AACL,KAAC,EAAE,CAAC,UAAU,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCjB,IAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAClB,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,YAAY,EAAK,EAAA,GAAA,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;KACpE;AAED,IAAA,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,KAAiB,KAAI;AAC/B,IAAA,MAAM,UAAU,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AACjD,IAAA,QACIA,cAAC,CAAA,aAAA,CAAA,QAAQ,QACJ,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MACxCA,cAAC,CAAA,aAAA,CAAA,aAAa,OACN,KAAK;;;AAGT,QAAA,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,GACxB,CACL,CACM,EACb;AACN"}

package/lib/slot-fill/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/slot-fill/index.tsx"],"sourcesContent":[null],"names":["React","BaseFill","BubblesVirtuallyFill","BaseSlot","BubblesVirtuallySlotFillProvider"],"mappings":"6ZAgBM,SAAU,IAAI,CAAC,KAAK,EAAA;;;;AAIxB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACEA,cAAC,CAAA,aAAA,CAAAC,MAAQ,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA;AACvB,QAAAD,cAAA,CAAA,aAAA,CAACE,MAAoB,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA,CAClC,EACH;AACJ,CAAC;AAEY,MAAA,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAc,EAAE,GAAG,KAAI;IACjF,IAAI,gBAAgB,EAAE;QACpB,OAAOF,cAAA,CAAA,aAAA,CAAC,oBAAoB,EAAK,EAAA,GAAA,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;KACtD;AACD,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAAG,MAAQ,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;AACjC,CAAC,EAAE;AAEG,SAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAA;AAC7C,IAAA,QACEH,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAA,GAAK,KAAK,EAAA;AACzB,QAAAA,cAAA,CAAA,aAAA,CAACI,kBAAgC,EAC9B,IAAA,EAAA,QAAQ,CACwB,CAClB,EACnB;AACJ,CAAC;AAEK,SAAU,cAAc,CAAkC,IAAY,EAAA;AAC1E,IAAA,MAAM,aAAa,GAAG,CAAC,KAAyB,KAAKJ,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAM,GAAA,KAAK,GAAI,CAAC;AACrF,IAAA,aAAa,CAAC,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;AAE1C,IAAA,MAAM,aAAa,GAAG,CAAC,KAAuB,KAAKA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAM,GAAA,KAAK,GAAI,CAAC;AACnF,IAAA,aAAa,CAAC,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;AAC1C,IAAA,aAAa,CAAC,cAAc,GAAG,IAAI,CAAC;IAEpC,OAAO;AACL,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,IAAI,EAAE,aAAa;KACpB,CAAC;AACJ"}
+{"version":3,"file":"index.js","sources":["../../src/slot-fill/index.tsx"],"sourcesContent":[null],"names":["React","BaseFill","BubblesVirtuallyFill","BaseSlot","BubblesVirtuallySlotFillProvider"],"mappings":"6ZAaM,SAAU,IAAI,CAAC,KAAK,EAAA;;;;AAItB,IAAA,QACIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACIA,cAAC,CAAA,aAAA,CAAAC,MAAQ,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA;AACvB,QAAAD,cAAA,CAAA,aAAA,CAACE,MAAoB,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA,CACpC,EACL;AACN,CAAC;AAEY,MAAA,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAc,EAAE,GAAG,KAAI;IAC/E,IAAI,gBAAgB,EAAE;QAClB,OAAOF,cAAA,CAAA,aAAA,CAAC,oBAAoB,EAAK,EAAA,GAAA,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;KACxD;AACD,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAAG,MAAQ,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;AACnC,CAAC,EAAE;AAEG,SAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAA;AAC3C,IAAA,QACIH,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EAAA,GAAK,KAAK,EAAA;AACvB,QAAAA,cAAA,CAAA,aAAA,CAACI,kBAAgC,EAAE,IAAA,EAAA,QAAQ,CAAoC,CAChE,EACrB;AACN,CAAC;AAEK,SAAU,cAAc,CAAkC,IAAY,EAAA;AACxE,IAAA,MAAM,aAAa,GAAG,CAAC,KAAyB,KAAKJ,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAM,GAAA,KAAK,GAAI,CAAC;AACrF,IAAA,aAAa,CAAC,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;AAE1C,IAAA,MAAM,aAAa,GAAG,CAAC,KAAuB,KAAKA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,IAAI,EAAM,GAAA,KAAK,GAAI,CAAC;AACnF,IAAA,aAAa,CAAC,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;AAC1C,IAAA,aAAa,CAAC,cAAc,GAAG,IAAI,CAAC;IAEpC,OAAO;AACH,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,IAAI,EAAE,aAAa;KACtB,CAAC;AACN"}

package/lib/slot-fill/utils/index.d.ts

@@ -1,3 +1,10 @@
 export * from './isEmptyElement';
 export * from './removeUniversalPortals';
 export * from './replaceServerFills';
+/**
+ * Whether the argument is a function.
+ *
+ * @param {*} maybeFunc The argument to check.
+ * @returns {boolean} True if the argument is a function, false otherwise.
+ */
+export declare function isFunction(maybeFunc: any): boolean;

package/lib/slot-fill/utils/index.js

@@ -0,0 +1,9 @@
+import'cheerio';/**
+ * Whether the argument is a function.
+ *
+ * @param {*} maybeFunc The argument to check.
+ * @returns {boolean} True if the argument is a function, false otherwise.
+ */
+function isFunction(maybeFunc) {
+    return typeof maybeFunc === 'function';
+}export{isFunction};//# sourceMappingURL=index.js.map

package/lib/slot-fill/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/slot-fill/utils/index.ts"],"sourcesContent":[null],"names":[],"mappings":"gBAIA;;;;;AAKG;AACG,SAAU,UAAU,CAAC,SAAc,EAAA;AACrC,IAAA,OAAO,OAAO,SAAS,KAAK,UAAU,CAAC;AAC3C"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@common-stack/components-pro",
-    "version": "8.0.1-alpha.0",
+    "version": "8.0.2-alpha.1",
     "description": "browser plugin for git",
     "homepage": "https://github.com/cdmbase/fullstack-pro#readme",
     "bugs": {
@@ -30,6 +30,7 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
+        "@common-stack/client-core": "8.0.2-alpha.0",
         "@wordpress/element": "^5.30.0",
         "@wordpress/hooks": "^3.53.0",
         "@wordpress/is-shallow-equal": "^4.53.0",
@@ -52,5 +53,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "73d9088ae254fbc43425eed5c9f5cd95bd66e921"
+    "gitHead": "82a7dcad7dc514c2cc92ec8f12832838c1fbec1a"
 }

package/lib/slot-fill/utils/isEmptyElement.js

@@ -1,15 +0,0 @@
-/**
- * Checks if the provided element to check.
- *
- * @param element React Component to check.
- * @returns True when an element is considered empty.
- */
-const isEmptyElement = (element) => {
-    if (typeof element === 'number') {
-        return false;
-    }
-    if (typeof element?.valueOf() === 'string' || Array.isArray(element)) {
-        return !element.length;
-    }
-    return !element;
-};export{isEmptyElement};//# sourceMappingURL=isEmptyElement.js.map

package/lib/slot-fill/utils/isEmptyElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isEmptyElement.js","sources":["../../../src/slot-fill/utils/isEmptyElement.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;;;;AAKG;AAEU,MAAA,cAAc,GAAG,CAAE,OAAO,KAAK;AAC3C,IAAA,IAAK,OAAO,OAAO,KAAK,QAAQ,EAAG;AAClC,QAAA,OAAO,KAAK,CAAC;KACb;AAED,IAAA,IAAK,OAAO,OAAO,EAAE,OAAO,EAAE,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAE,OAAO,CAAE,EAAG;AACzE,QAAA,OAAO,CAAE,OAAO,CAAC,MAAM,CAAC;KACxB;IAED,OAAO,CAAE,OAAO,CAAC;AAClB"}